(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1640],{66181:function(e,t,o){"use strict";o.d(t,{Z:function(){return i}});var l=o(93828),n=o(52023);function i(e){return(0,n.Z)(1,arguments),(0,l.Z)(e).getFullYear()}},58879:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/how-it-works",function(){return o(18380)}])},42049:function(e,t,o){"use strict";var l=o(10972),n=o(52379),i=o.n(n),r=o(97176),s=o(57851),a=o(50883);t.Z=function(e){var t=e.eyebrowText,o=e.title,n=e.subtitle,c=e.body,m=e.priority,d=e.animationSrc,x=e.thumbnailSrc,u=e.imageSrc,f=e.compact,h=e.direction,p=e.mobileDirection,g=e.contentAlignment,b=e.mobileContentAlignment,w=e.className,y=e.children,v=(0,r.useState)("InitialLoad"),N=v[0],j=v[1],T=(0,r.useMemo)((function(){return(0,s.m)("rightToLeft"===p?"flex-row-reverse":"topToBottom"===p?"flex-col":"bottomToTop"===p?"flex-col-reverse":"flex-row","rightToLeft"===h?"md:flex-row-reverse":"topToBottom"===h?"md:flex-col":"bottomToTop"===h?"md:flex-col-reverse":"md:flex-row")}),[h,p]),S=(0,r.useMemo)((function(){return(0,s.m)("rightToLeft"===p?"pl-2 sm:pl-8":"topToBottom"===p?"pb-2 sm:pb-8":"bottomToTop"===p?"pt-2 sm:pt-8":"pr-2 sm:pr-8","rightToLeft"===h?"!p-0 md:!pl-12":"topToBottom"===h?"!p-0 md:!pb-12":"bottomToTop"===h?"!p-0 md:!pt-12":"!p-0 md:!pr-12")}),[h,p]),k=(0,r.useMemo)((function(){return(0,s.m)("left"===b?"items-start":"right"===b?"items-end":"items-center","center"===g?"md:items-center":"right"===g?"md:items-end":"md:items-start")}),[g,b]),L=(0,r.useMemo)((function(){return(0,s.m)("left"===b?"text-left":"right"===b?"text-right":"text-center","center"===g?"md:text-center":"right"===g?"md:text-right":"md:text-left")}),[g,b]);return(0,l.jsx)("div",{className:"flex w-full justify-center",children:(0,l.jsxs)("div",{className:(0,s.m)("flex w-full max-w-screen-2xl gap-8 px-4 py-16 sm:px-10 md:gap-0 md:py-28 lg:px-16",T,w),children:[(0,l.jsx)("div",{className:"flex w-full flex-1",children:(0,l.jsxs)("div",{className:(0,s.m)("flex flex-1 flex-col justify-center",S,k),children:[t&&(0,l.jsx)("p",{className:(0,s.m)("mt-4 max-w-md text-center text-body-sm flex-center md:text-left",f&&"text-eyebrows",L),children:t}),(0,l.jsx)("h2",{className:(0,s.m)("text-center text-h3 flex-center md:text-left lg:text-h2",f&&"text-h4 lg:text-h3",L),children:o}),n&&(0,l.jsx)("p",{className:(0,s.m)("mt-4 max-w-md text-center text-h4 flex-center md:text-left lg:text-h3",f&&"text-subheadings lg:text-h4",L),children:n}),c&&(0,l.jsx)("p",{className:(0,s.m)("mt-4 max-w-md text-center text-subheadings font-normal flex-center md:text-left",f&&"text-body-sm",L),children:c}),y]})}),(0,l.jsx)("div",{className:"flex w-full flex-1",children:(0,l.jsxs)("div",{className:"relative w-full flex-1 shrink-0 flex-center",children:[(x||d)&&(0,l.jsxs)("div",{className:"relative h-full w-full flex-center",style:{aspectRatio:"4 / 3"},children:[x&&["InitialLoad","ThumbnailLoaded"].includes(N)&&(0,l.jsx)(i(),{src:x,layout:"fill",priority:m,objectFit:"contain",onLoadingComplete:function(){j("ThumbnailLoaded")}}),d&&["ThumbnailLoaded","AnimationLoaded"].includes(N)&&(0,l.jsx)(a.J5,{src:d,autoplay:!0,loop:!0,onEvent:function(e){"load"===e&&j("AnimationLoaded")},className:"h-full w-full",style:{width:"100%",height:"100%"}})]}),u&&(0,l.jsx)("div",{className:"relative h-full w-full flex-center",style:{aspectRatio:"4 / 3"},children:(0,l.jsx)(i(),{src:u,layout:"fill",className:"h-full w-full",objectFit:"contain",objectPosition:"center"})})]})})]})})}},18380:function(e,t,o){"use strict";o.r(t);var l=o(10972),n=o(74058),i=o.n(n),r=o(25177),s=o(56849),a=o(42049),c=[{title:"Download the Chrome extension.",body:"Downloading our Chrome extension will allow you to browse and save your favorites from thousands of brand websites.",button:{title:"Download Extension",url:o(33533).D.EXTENSION_INSTALL_URL,external:!0},imageSrc:"/images/how-it-works/extension-download.webp"},{title:"You know those things you would usually screenshot? Save them to your Locker.",body:"",imageSrc:"/images/how-it-works/extension-save.webp"},{title:"Create and organize to your collections.",body:"",imageSrc:"/images/how-it-works/extension-organize.webp"},{title:"All your favorites in one place.",body:"",imageSrc:"/images/how-it-works/extension-products.webp"}],m=[{title:"Get inspired and discover new brands.",body:"",imageSrc:"/images/how-it-works/web-discover.webp"},{title:"Follow other curators to stay up to date on who's saving & shopping.",body:"",imageSrc:"/images/how-it-works/web-connect.webp"},{title:"Create and save products to your collections.",body:"",imageSrc:"/images/how-it-works/web-create.webp"}];t.default=function(){return(0,l.jsxs)(r.Z,{className:"bg-cream pb-0",children:[(0,l.jsx)("div",{className:"flex w-full flex-col items-center",children:(0,l.jsxs)("div",{className:"flex max-w-screen-xl flex-col items-center gap-16 py-16 md:gap-24 md:py-22 lg:gap-32 lg:py-28",children:[(0,l.jsx)("h1",{className:"px-4 text-h3 !font-medium sm:px-10 lg:px-16 lg:text-h2",children:"Save your favorite products from the web using the Chrome Extension."}),c.map((function(e,t){return(0,l.jsx)(a.Z,{eyebrowText:"Step ".concat(t+1),title:e.title,body:e.body,imageSrc:e.imageSrc,compact:!0,direction:"rightToLeft",mobileDirection:"topToBottom",contentAlignment:"left",mobileContentAlignment:"left",className:"min-h-0 gap-8 !py-0 text-left md:gap-0",children:e.button&&(e.button.external?(0,l.jsx)(s.g,{href:e.button.url,target:"_blank",rel:"noopener noreferrer",solid:!0,className:"mt-8 text-buttons-lg",children:e.button.title}):(0,l.jsx)(i(),{href:e.button.url,passHref:!0,children:(0,l.jsx)(s.g,{solid:!0,className:"mt-8 text-buttons-lg",children:e.button.title})}))},t)}))]})}),(0,l.jsx)("div",{className:"flex w-full flex-col items-center bg-beige",children:(0,l.jsxs)("div",{className:"flex max-w-screen-xl flex-col items-center gap-16 py-16 md:gap-24 md:py-22 lg:gap-32 lg:py-28",children:[(0,l.jsx)("h1",{className:"px-4 text-h3 !font-medium sm:px-10 lg:px-16 lg:text-h2",children:"Discover, share, and connect within the Locker platform."}),m.map((function(e,t){return(0,l.jsx)(a.Z,{eyebrowText:"Step ".concat(t+1),title:e.title,body:e.body,imageSrc:e.imageSrc,compact:!0,direction:"leftToRight",mobileDirection:"topToBottom",contentAlignment:"left",mobileContentAlignment:"left",className:"min-h-0 gap-8 !py-0 md:gap-0",children:e.button&&(e.button.external?(0,l.jsx)(s.g,{href:e.button.url,target:"_blank",rel:"noopener noreferrer",solid:!0,className:"mt-8 text-buttons-lg",children:e.button.title}):(0,l.jsx)(i(),{href:e.button.url,passHref:!0,children:(0,l.jsx)(s.g,{solid:!0,className:"mt-8 text-buttons-lg",children:e.button.title})}))},t)}))]})})]})}}},function(e){e.O(0,[8388,5177,9774,2888,179],(function(){return t=58879,e(e.s=t);var t}));var t=e.O();_N_E=t}]);