https://www.varyant.ai/_next/static/chunks/4427-8344a2321d910014.js?dpl=dpl_23WR3o2VeaamuALtS8xJV9PwySCa

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4427],{33017:(e,t,r)=>{r.d(t,{i:()=>a});function a(e){return"/help"===e||"/privacy"===e||"/terms"===e||e.startsWith("/login")||e.startsWith("/auth")||e.startsWith("/demo")}},45938:(e,t,r)=>{r.d(t,{LandingNav:()=>g});var a=r(36695),s=r(43071),l=r(12330),i=r.n(l),n=r(863),o=r(80261),c=r(28231),h=r(96657),d=r(15776),x=r(78676),b=r(65290);let m=[{href:"/case-studies/beauty-cosmetics",label:"Beauty & Cosmetics"},{href:"/case-studies/fashion-apparel",label:"Fashion & Apparel"},{href:"/case-studies/home-furniture",label:"Home & Furniture"},{href:"/case-studies/consumer-electronics",label:"Consumer Electronics"},{href:"/case-studies/merchandising-promotional",label:"Merchandising / Promotional Products"}];var f=r(33017),u=r(85885);let p=[{label:"Features",href:"#features"},{label:"Pricing",href:"#pricing"},{label:"FAQ",href:"#faq"}];function g(){let[e,t]=(0,s.useState)(!1),[r,l]=(0,s.useState)(!1),[g,w]=(0,s.useState)(!1),[v,k]=(0,s.useState)(!1),j=(0,s.useRef)(null),y=(0,n.usePathname)(),N=(0,n.useRouter)(),$=!(0,f.i)(y??"/");(0,s.useEffect)(()=>{let e=()=>{t(window.scrollY>20)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},[]),(0,s.useEffect)(()=>{if(!v)return;let e=e=>{"Escape"===e.key&&k(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[v]),(0,s.useEffect)(()=>{if(!v)return;let e=e=>{let t=j.current;t&&!t.contains(e.target)&&k(!1)};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[v]),(0,s.useEffect)(()=>{r||w(!1)},[r]);let C=(e,t)=>{if(e.preventDefault(),l(!1),"/"===y){let e=document.querySelector(t);e&&e.scrollIntoView({behavior:"smooth"})}else N.push("/"+t)};return(0,a.jsxs)("nav",{className:`marketing-sans fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${$?e?"bg-black/90 backdrop-blur-md border-b border-[#1e2c31] py-3":"bg-black py-4":e?"bg-[#fbfbf5]/95 backdrop-blur-md border-b border-[#e4e4e7] py-3":"bg-[#fbfbf5] py-4"}`,children:[(0,a.jsx)("div",{className:"max-w-[1440px] mx-auto px-6 lg:px-8",children:(0,a.jsxs)("div",{className:"flex items-center justify-between h-11",children:[(0,a.jsxs)(i(),{href:"/",className:"flex items-center gap-2",children:[(0,a.jsx)("img",{src:"/logo/VaryantLogo.svg",alt:"Varyant",className:"h-6 w-auto"}),(0,a.jsx)("span",{className:`text-lg font-medium tracking-tight ${$?"text-white":"text-black"}`,children:"Varyant.ai"})]}),(0,a.jsxs)("nav",{className:"hidden md:flex items-center gap-8",children:[p.map(e=>(0,a.jsx)("a",{href:e.href,onClick:t=>C(t,e.href),className:`text-base transition-colors duration-200 ${$?"text-white/80 hover:text-white":"text-[#52525b] hover:text-black"}`,children:e.label},e.href)),(0,a.jsxs)("div",{className:"relative",ref:j,children:[(0,a.jsxs)("button",{type:"button",className:`flex items-center gap-1 text-base transition-colors duration-200 ${$?"text-white/80 hover:text-white":"text-[#52525b] hover:text-black"}`,"aria-expanded":v,"aria-haspopup":"true","aria-controls":"case-studies-menu",onClick:()=>k(e=>!e),children:["Case studies",(0,a.jsx)(o.A,{className:`w-4 h-4 transition-transform ${v?"rotate-180":""}`,"aria-hidden":!0})]}),v?(0,a.jsxs)("div",{id:"case-studies-menu",role:"menu",className:`absolute left-0 top-full mt-3 min-w-[260px] rounded-lg border py-2 z-50 ${$?"border-[#1e2c31] bg-[#0a0a0a]":"border-[#e4e4e7] bg-white shadow-paper"}`,children:[(0,a.jsx)(i(),{role:"menuitem",href:"/case-studies",className:`block px-4 py-2.5 text-sm font-medium transition-colors ${$?"text-white hover:bg-white/5":"text-black hover:bg-[#fbfbf5]"}`,onClick:()=>k(!1),children:"View all case studies"}),(0,a.jsx)("div",{className:`border-t my-1 ${$?"border-[#1e2c31]":"border-[#e4e4e7]"}`}),m.map(e=>(0,a.jsx)(i(),{role:"menuitem",href:e.href,className:`block px-4 py-2 text-sm transition-colors ${$?"text-[#a1a1aa] hover:text-white hover:bg-white/5":"text-[#71717a] hover:text-black hover:bg-[#fbfbf5]"}`,onClick:()=>k(!1),children:e.label},e.href))]}):null]}),(0,a.jsx)(i(),{href:"/blog",className:`text-base transition-colors duration-200 ${$?"text-white/80 hover:text-white":"text-[#52525b] hover:text-black"}`,children:"Blog"})]}),(0,a.jsxs)("div",{className:"hidden md:flex items-center gap-3",children:[(0,a.jsx)(i(),{href:"/login",className:`inline-flex items-center justify-center px-6 py-3 min-h-[44px] rounded-full text-base transition-colors ${$?"border-2 border-white text-white hover:bg-white/10":"border border-black text-black hover:bg-black/5"}`,children:"Log in"}),(0,a.jsxs)("a",{href:u.HX,target:"_blank",rel:"noopener noreferrer",className:`inline-flex items-center justify-center gap-2 px-6 py-3 min-h-[44px] rounded-full text-base border-2 transition-colors ${$?"bg-transparent border-white text-white hover:bg-white hover:text-black":"bg-transparent border-black text-black hover:bg-black hover:text-white"}`,children:["Install on Shopify",(0,a.jsx)(c.A,{className:"w-4 h-4"})]})]}),(0,a.jsx)("button",{className:`md:hidden p-2.5 rounded-lg transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center touch-manipulation ${$?"text-white hover:bg-white/10":"text-black hover:bg-black/5"}`,onClick:()=>l(!r),"aria-label":r?"Close menu":"Open menu",children:r?(0,a.jsx)(h.A,{className:`w-6 h-6 ${$?"text-white":"text-black"}`}):(0,a.jsx)(d.A,{className:`w-6 h-6 ${$?"text-white":"text-black"}`})})]})}),(0,a.jsx)(x.N,{children:r&&(0,a.jsxs)(b.P.div,{initial:{opacity:0,y:-20}

1,animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.2},className:`absolute top-full left-0 right-0 border-b p-6 md:hidden flex flex-col gap-4 ${$?"bg-black border-[#1e2c31]":"bg-[#fbfbf5] border-[#e4e4e7]"}`,children:[p.map(e=>(0,a.jsx)("a",{href:e.href,onClick:t=>C(t,e.href),className:`text-lg transition-colors min-h-[44px] flex items-center touch-manipulation ${$?"text-white/80 hover:text-white":"text-[#52525b] hover:text-black"}`,children:e.label},e.href)),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsxs)("button",{type:"button",className:`flex items-center justify-between w-full text-left text-lg transition-colors min-h-[44px] touch-manipulation ${$?"text-white/80 hover:text-white":"text-[#52525b] hover:text-black"}`,"aria-expanded":g,onClick:()=>w(e=>!e),children:["Case studies",(0,a.jsx)(o.A,{className:`w-5 h-5 shrink-0 transition-transform ${g?"rotate-180":""}`,"aria-hidden":!0})]}),g?(0,a.jsxs)("div",{className:`flex flex-col gap-1 pl-3 border-l-2 ml-1 ${$?"border-white/20":"border-black/15"}`,children:[(0,a.jsx)(i(),{href:"/case-studies",className:`py-2 text-base font-medium transition-colors min-h-[44px] flex items-center ${$?"text-white hover:text-white/70":"text-black hover:text-[#52525b]"}`,onClick:()=>l(!1),children:"View all case studies"}),m.map(e=>(0,a.jsx)(i(),{href:e.href,className:`py-2 text-base transition-colors min-h-[44px] flex items-center ${$?"text-[#a1a1aa] hover:text-white":"text-[#71717a] hover:text-black"}`,onClick:()=>l(!1),children:e.label},e.href))]}):null]}),(0,a.jsx)(i(),{href:"/blog",className:`text-lg transition-colors min-h-[44px] flex items-center touch-manipulation ${$?"text-white/80 hover:text-white":"text-[#52525b] hover:text-black"}`,onClick:()=>l(!1),children:"Blog"}),(0,a.jsxs)("div",{className:`pt-4 mt-2 border-t space-y-3 ${$?"border-[#1e2c31]":"border-[#e4e4e7]"}`,children:[(0,a.jsx)(i(),{href:"/login",onClick:()=>l(!1),className:`flex items-center justify-center w-full py-3 px-6 rounded-full min-h-[44px] touch-manipulation ${$?"border-2 border-white text-white":"border border-black text-black"}`,children:"Log in"}),(0,a.jsxs)("a",{href:u.HX,target:"_blank",rel:"noopener noreferrer",onClick:()=>l(!1),className:`flex items-center justify-center gap-2 w-full px-6 py-3 rounded-full min-h-[44px] touch-manipulation border-2 transition-colors ${$?"bg-transparent border-white text-white hover:bg-white hover:text-black":"bg-transparent border-black text-black hover:bg-black hover:text-white"}`,children:["Install on Shopify",(0,a.jsx)(c.A,{className:"w-4 h-4"})]})]})]})})]})}},85885:(e,t,r)=>{r.d(t,{BP:()=>h,HX:()=>c,cn:()=>o});var a=r(29e3),s=r(28742),l=r(60697),i=r.n(l),n=r(55036);function o(...e){return(0,s.QP)((0,a.$)(e))}r(45189).Buffer;let c="https://apps.shopify.com/varyant_app";function h(e,t,r,a){let s=r??window.location.origin,l=`/api/img/${e}/${t}`,o=s?`${s}${l}`:l;if(a?.signed){let r=function(e,t){let r=n.env.NEXTAUTH_SECRET;if(!r)throw Error("NEXTAUTH_SECRET is required to generate proxy tokens");return i().createHmac("sha256",r).update(`${e}:${t}`).digest("hex")}(e,t);return`${o}?token=${r}`}return o}},88552:(e,t,r)=>{r.d(t,{Footer:()=>f});var a=r(36695),s=r(12330),l=r.n(s),i=r(863),n=r(59630),o=r(89833),c=r(92557),h=r(33017);let d=[{label:"Features",href:"#features"},{label:"Pricing",href:"#pricing"},{label:"FAQ",href:"#faq"},{label:"Case studies",href:"/case-studies"},{label:"Blog",href:"/blog"}],x=[{label:"About",href:"/about"},{label:"Contact",href:"mailto:[email protected]"}],b=[{label:"Help Center",href:"/help"},{label:"Privacy Policy",href:"/privacy"},{label:"Terms of Service",href:"/terms"}],m=[{icon:n.A,href:"https://x.com/varyantai",label:"Twitter"},{icon:o.A,href:"https://www.linkedin.com/company/varyant",label:"LinkedIn"},{icon:c.A,href:"https://www.instagram.com/varyant.ai",label:"Instagram"}];function f(){let e=new Date().getFullYear(),t=(0,i.usePathname)(),r=!(0,h.i)(t??"/"),s=r?"text-sm text-[#9dabad] hover:text-white underline underline-offset-4 transition-colors":"text-sm text-[#52525b] hover:text-black underline underline-offset-4 transition-colors";return(0,a.jsx)("footer",{className:`marketing-sans border-t ${r?"bg-black text-white border-[#1e2c31]":"bg-white text-black border-[#e4e4e7]"}`,children:(0,a.jsx)("div",{className:"max-w-[1440px] mx-auto px-6 lg:px-8 py-16",children:(0,a.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-10",children:[(0,a.jsxs)("div",{className:"col-span-2 md:col-span-1",children:[(0,a.jsxs)(l(),{href:"/",className:"inline-flex items-center gap-2",children:[(0,a.jsx)("img",{src:"/logo/VaryantLogo.svg",alt:"Varyant",className:"h-7 w-auto"}),(0,a.jsx)("span",{className:`text-lg font-medium tracking-tight ${r?"text-white":"text-black"}`,children:"Varyant.ai"})]}),(0,a.jsxs)("p",{className:`mt-4 text-sm ${r?"text-[#9dabad]":"text-[#71717a]"}`,children:["\xa9 ",e," Varyant Inc. All rights reserved."]}),(0,a.jsx)("div",{className:"flex items-center gap-4 mt-6",children:m.map(e=>(0,a.jsx)("a",{href:e.href,"aria-label":e.label,target:"_blank",rel:"noopener noreferrer",className:r?"text-[#9dabad] hover:text-white transition-colors":"text-[#52525b] hover:text-black transition-colors",children:(0,a.jsx)(e.icon,{className:"w-5 h-5"})},e.label))})]}),[["Product",d],["Company",x],["Support",b]].map(([e,t])=>(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:`text-[12px] uppercase tracking-[0.72px] mb-4 ${r?"text-white":"text-black"}`,children:e}),(0,a.jsx)("ul",{className:"space-y-3",children:t.map(e=>{let t=e.href.startsWith("/");return(0,a.jsx)("li",{children:t?(0,a.jsx)(l(),{href:e.href,className:s,children:e.label}):(0,a.jsx)("a",{href:e.href,className:s,children:e.label})},e.label)})})]},e))]})})})}}}]);