1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f2b09961-462c-4d82-bd5c-45583d6e02a3",e._sentryDebugIdIdentifier="sentry-dbid-f2b09961-462c-4d82-bd5c-45583d6e02a3")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29353],{58537:function(e,t,l){l.d(t,{r:function(){return o}});var a=l(52676),r=l(4297),s=l(27441),i=l(1793),n=l(75271);let o=e=>{let{youtubeId:t,onClose:l}=e,o=(0,n.useRef)(),x=(0,n.useCallback)(()=>{var e;(null===(e=window.YT)||void 0===e?void 0:e.Player)&&(o.current=new window.YT.Player(t,{height:"100%",width:"100%",videoId:t,autoplay:!0,host:(0,s.g9)()?"https://www.youtube.com":"https://www.youtube-nocookie.com"}))},[t]);return(0,i.Z)(()=>{var e;if(null===(e=window.YT)||void 0===e?void 0:e.Player)x();else{let e=document.createElement("script");e.src="/youtube-iframe-api.js",e.async=!0,document.body.appendChild(e),window.onYouTubeIframeAPIReady=x}}),(0,a.jsxs)("div",{className:"fixed left-0 top-0 z-[99999] h-full w-full",children:[(0,a.jsx)("div",{className:"mask absolute left-0 top-0 h-full w-full bg-black/90",onClick:()=>{o.current&&"function"==typeof o.current.pauseVideo&&o.current.pauseVideo(),l()}}),(0,a.jsxs)("div",{className:"absolute left-1/2 top-1/2 h-4/5 w-4/5 -translate-x-1/2 -translate-y-1/2 md:h-[300px] md:w-full",children:[(0,a.jsx)("a",{className:"absolute -top-[36px] right-0 cursor-pointer text-right md:right-[24px]",onClick:l,children:(0,a.jsx)(r.Z,{className:"size-[24px] text-white"})}),(0,a.jsx)("div",{className:"h-full w-full bg-black",children:(0,a.jsx)("div",{id:t,className:"h-full w-full"})})]})]})}},73284:function(e,t,l){l.d(t,{v:function(){return i}});var a=l(27441),r=l(1793),s=l(75271);let i=e=>{let{elementId:t,videoId:l,onPlayerStateChange:i}=e,[n,o]=(0,s.useState)(),x=(0,s.useCallback)(()=>{var e;(null===(e=window.YT)||void 0===e?void 0:e.Player)&&o(new window.YT.Player(t,{height:"100%",width:"100%",videoId:l,loop:1,events:{onStateChange:e=>{i&&i(e)}},host:(0,a.g9)()?"https://www.youtube.com":"https://www.youtube-nocookie.com"}))},[t,l,i]);return(0,r.Z)(()=>{var e;if(window.YT)return;let t=document.createElement("script");t.src="/youtube-iframe-api.js";let l=document.getElementsByTagName("script")[0];null===(e=l.parentNode)||void 0===e||e.insertBefore(t,l),window.onYouTubeIframeAPIReady=()=>{x()}}),(0,s.useEffect)(()=>{var e;(null===(e=window.YT)||void 0===e?void 0:e.Player)&&x()},[x]),n}},51254:function(e,t,l){l.d(t,{W:function(){return m}});var a=l(7684),r=l(89497),s=l(9503),i=l(46051),n=l(48406),o=l(28118);let x=e=>"\n query getArticle(\n $blogMetafieldIdentifiers: [HasMetafieldsIdentifier!] = []\n $articleMetafieldIdentifiers: [HasMetafieldsIdentifier!] = []\n ) {\n ".concat(e.map((e,t)=>"blog".concat(t,': blog(handle: "').concat(e,'") {\n ...blog\n metafields(identifiers: $blogMetafieldIdentifiers) {\n ...metafield\n }\n articles(first: 250){\n pageInfo {\n ...pageInfo\n }\n nodes {\n ...article\n blog {\n ...blog\n }\n metafields(identifiers: $articleMetafieldIdentifiers) {\n ...metafield\n }\n }\n }\n }\n ')),"\n }\n ").concat(o.z,"\n ").concat("\n fragment blog on Blog {\n id\n handle\n title\n seo {\n ...seo\n }\n }\n","\n ").concat("\n fragment article on Article {\n id\n handle\n title\n seo {\n ...seo\n }\n image {\n ...image\n }\n tags\n publishedAt\n excerpt\n excerptHtml\n authorV2 {\n bio\n email\n firstName\n lastName\n name\n }\n }\n","\n ").concat(s.k,"\n ").concat(i.a,"\n ").concat(n.A,"\n");var d=l(64058),c=l(12306),p=l(98890);let u=async e=>{let{locale:t,options:{blogHandles:l,metafieldIdentifiers:a}}=e,{data:r}=await (0,d.d)({locale:t,query:x(l),variables:{...(0,c.lM)(a)}});return Object.values(r).filter(e=>!!e).map(p.L)},m=e=>{let{query:t,...l}=e,{locale:s}=(0,a.j)();return(0,r.ZP)({locale:s,query:t,options:l},u)}},28118:function(e,t,l){l.d(t,{z:function(){return a}});let a="\n fragment pageInfo on PageInfo {\n hasNextPage\n hasPreviousPage\n startCursor\n endCursor\n }\n"},29353:function(e,t,l){l.r(t),l.d(t,{default:function(){return ed}});var a=l(52676);l(89094),l(37446),l(39993);var r=l(65553),s=l(44599),i=l(51467),n=l(8303),o=l(87745),x=l(47108),d=l(32355),c=l(12306),p=l(77977),u=l(90968),m=l(69317),h=l(7684),f=l(65294),v=l(4716),g=l(35869),b=l(75271),w=l(26922),j=l(53033),y=l(91238),N=l(64834),_=l(45062),k=l.n(_);function C(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return function(e,t,l){y.gsap.registerPlugin(N.CustomEase);let a=N.CustomEase.create("custom","0,0,0.58,1"),r=Array.from((null==t?void 0:t.children)||[]);return e.fromTo(r,{y:20},{y:0,stagger:.1,duration:.4,ease:a},l).fromTo(r,{opacity:0}
1,{opacity:1,stagger:.1,duration:.4},l)}(y.gsap.timeline({scrollTrigger:{trigger:e,start:"top ".concat("80%"),end:"top ".concat("50%")}}),e,t)}function E(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"<";y.gsap.registerPlugin(N.CustomEase);let a=N.CustomEase.create("custom","0,0,0.58,1");return e.fromTo(t,{y:80},{y:0,duration:.4,ease:a},l).fromTo(t,{opacity:0},{opacity:1,duration:.4},l)}function A(e){y.gsap.registerPlugin(N.CustomEase);let t=N.CustomEase.create("custom","0,0,0.58,1"),l=Array.from(e.children);(window.innerWidth>1280?[l]:l).forEach(e=>{y.gsap.timeline({scrollTrigger:{trigger:e,start:window.innerWidth>1280?"top ".concat("80%"):"top ".concat("100%"),end:"top ".concat("50%")}}).fromTo(e,{y:80},{y:0,duration:.4,stagger:.1,ease:t}).fromTo(e,{opacity:0},{opacity:1,duration:.4,stagger:.1},"<")})}y.gsap.registerPlugin(k());let T=(0,b.forwardRef)(function(e,t){let{title:l,className:r,desktopFontSize:s,mobileFontSize:i,...n}=e,[o,x]=(0,b.useState)(0),d=null==l?void 0:l.split(" ");return(0,b.useEffect)(()=>{let e=()=>{x(window.innerWidth)};return x(window.innerWidth),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,a.jsx)("h2",{className:r,ref:t,...n,style:o>1279?s?{fontSize:s}:{}:i?{fontSize:i}:{},children:null==d?void 0:d.map((e,t)=>""===e.split("<br>")[0]?(0,a.jsx)("span",{className:"block h-0",children:"\xa0"},t):(0,a.jsxs)("span",{className:"inline-block opacity-0 will-change-transform",children:[e,"\xa0"]},t))})}),q=e=>{let{data:t}=e,l=(0,b.useRef)(null),y=(0,b.useRef)(null),N=(0,s.L)(),_=(0,b.useRef)(null),k=(0,b.useRef)(null),[E,A]=(0,b.useState)(!1),q=t.items.map(e=>e.handle),{data:S,isLoading:I}=(0,m.G)({handles:q,metafieldIdentifiers:{product:p.P,variant:u.N}}),z=t.items.filter(e=>null==S?void 0:S.find(t=>t.handle===e.handle&&t.availableForSale));(0,b.useEffect)(()=>{let e=()=>{(null==z?void 0:z.length)<4&&window.innerWidth>1280?A(!0):A(!1)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[z]),(0,b.useEffect)(()=>{C(_.current);let e=()=>new w.Z(l.current,{modules:[j.W_,j.LW,j.Rv,j.Gk],slidesPerView:"auto",slidesPerGroup:2,spaceBetween:24,freeMode:!0,slidesOffsetAfter:24,slidesOffsetBefore:window.innerWidth<1280?20:window.innerWidth<1600?48:(window.innerWidth-1440)/2-32,mousewheel:{enabled:!0,forceToAxis:!0},navigation:{nextEl:".next",prevEl:".prev"},scrollbar:{el:y.current,draggable:!0},on:{init(e){e.slideToLoop(0)}}}),t=()=>{k.current&&k.current.destroy(),E||(k.current=e())};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[E]),(0,b.useEffect)(()=>{!I&&window.ScrollTrigger&&window.ScrollTrigger.refresh()},[I]);let P=t.items.map(e=>e.sku),{data:R}=(0,x.X)({skus:P}),{locale:D}=(0,h.j)(),U=()=>{(0,g.DU)({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"Fragile Page_Home Page",position:"High_Quality_Projectors",button_name:"{{ item.subscribe.subscribeNow }}"}})};return(0,a.jsxs)("div",{id:"carouselProduct",className:"x:max-w-home-pad mx-[32px] rounded-[24px] bg-[#F6F6F6] pb-[100px] pt-[120px] x:mx-auto x:w-full x:rounded-none x:py-[80px]",children:[(0,a.jsxs)("div",{className:"max-w-home-base mx-auto flex w-[calc(100vw-160px)] justify-between x:w-full x:px-[20px]",children:[(0,a.jsx)(T,{title:t.title,className:"w-full text-[50px] font-bold x:text-center x:text-[28px]",ref:_}),!E&&(0,a.jsxs)("div",{className:"flex x:hidden",children:[(0,a.jsx)("button",{className:" prev swiper-button-disabled:cursor-not-allowed swiper-button-disabled:bg-[#DDD] hover:swiper-button-disabled:bg-[#ddd] duration-400 relative h-[56px] w-[56px] rounded-full bg-[#1a1a1a] p-[16px] transition-colors hover:bg-brand-color ","aria-label":"prev",children:(0,a.jsx)(r.Z,{name:"arrowLeft",className:"h-full w-full fill-white"})}),(0,a.jsx)("button",{className:" next swiper-button-disabled:cursor-not-allowed swiper-button-disabled:bg-[#DDD] hover:swiper-button-disabled:bg-[#ddd] duration-400 relative ml-[24px] h-[56px] w-[56px] rounded-full bg-[#1a1a1a] p-[16px] transition-colors hover:bg-brand-color ","aria-label":"next",children:(0,a.jsx)(r.Z,{name:"arrowRight",className:"h-full w-full fill-white"})})]})]}),(0,a.jsxs)("div",{className:"x:max-w-home-pad mx-auto mt-[56px] grid x:mx-auto x:mt-[32px]",children:[(0,a.jsx)("div",{ref:l,className:"w-full overflow-hidden",children:(0,a.jsxs)("div",{className:(0,d.A)("swiper-wrapper flex h-auto justify-stretch",E&&"ml-[calc((100vw-1440px-160px)/2+32px)] gap-[24px]"),children:[E&&(0,a.jsx)("style",{children:"\n #carouselProduct .swiper-wrapper {\n @media (max-width: 1600px) {\n margin-left: calc(160px / 2 - 32px);\n }\n }\n "}),z.map((e,l)=>{var s,x,d,p,u,m;let h=null==S?void 0:S.find(t=>t.handle===e.handle),g=(null==h?void 0:null===(s=h.variants)||void 0===s?void 0:s.find(t=>t.sku===e.sku))||(null==h?void 0:null===(x=h.variants)||void 0===x?void 0:x[0]),b=(0,c.DE)({product:h,variant:g,coupons:R});return(0,a.jsxs)("div",{className:"swiper-slide relative flex !h-auto !w-[342px] flex-col x:!w-[240px]",children:[b&&(0,a.jsxs)("div",{className:"absolute left-[16px] top-[16px] z-[2] rounded-[15p
1x] bg-brand/[0.08] px-[12px] py-[5px] text-[14px] font-semibold text-brand x:rounded-[10px]",children:[(null==t?void 0:t.save)&&(0,a.jsx)("span",{className:"mr-1",children:null==t?void 0:t.save}),(0,a.jsx)("span",{children:b.value_type===v.Lb.percentage?Math.abs(Number(b.value))+"%":(0,f.T4)({amount:Number(b.fixed_value),currencyCode:(null==h?void 0:h.price.currencyCode)||"USD",locale:D,maximumFractionDigits:2})}),(null==t?void 0:t.off)&&(0,a.jsx)("span",{className:"ml-1",children:null==t?void 0:t.off})]}),(0,a.jsxs)("div",{className:"group relative overflow-hidden rounded-[16px] bg-white p-[16px]",children:[(0,a.jsx)(o.t,{url:null==g?void 0:null===(d=g.image)||void 0===d?void 0:d.url,className:"duration-400 ease-home aspect-1 w-full transition-transform group-hover:scale-[1.05] x:group-hover:scale-[1]"}),(0,a.jsx)(i.B,{href:"/products/".concat(h.handle,"?ref=homepage_bestPrice").concat(l+1)}),(0,a.jsx)(n.r,{href:e.landingPageLink,className:"absolute inset-0"})]}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,a.jsx)("a",{href:e.landingPageLink,className:"mt-[24px] block flex-1 text-[22px] font-bold x:mt-[20px] x:text-[16px]",children:h.title}),(0,a.jsxs)("div",{className:"mt-[12px] flex w-full items-center ",children:[(0,a.jsx)("p",{className:"text-[16px] font-bold",children:(0,f.T4)({amount:b?b.variant_price4wscode:Number(h.price.amount),currencyCode:(null==h?void 0:h.price.currencyCode)||"USD",locale:D})}),b&&(0,a.jsx)("p",{className:"ml-[12px] text-[16px] line-through opacity-30",children:(0,f.T4)({amount:Number(h.price.amount),currencyCode:(null==h?void 0:h.price.currencyCode)||"USD",locale:D,maximumFractionDigits:2})})]}),(0,a.jsxs)("div",{className:"flex flex-row items-center justify-between",children:[(0,a.jsxs)(n.r,{href:"/products/".concat(h.handle,"?ref=homepage_bestPrice").concat(l+1),className:"group mt-[16px] flex items-center text-[16px] font-bold text-[rgb(235,0,40)]",children:[(0,a.jsx)("p",{className:" duration-400 underline decoration-transparent transition-all group-hover:decoration-brand-color x:group-hover:decoration-transparent ",children:null===(m=N.metafields)||void 0===m?void 0:null===(u=m.common)||void 0===u?void 0:null===(p=u.copywriting)||void 0===p?void 0:p.buyNow}),(0,a.jsx)(r.Z,{name:"arrowRight",className:"duration-400 ml-[2px] h-[18px] w-[18px] fill-[rgb(235,0,40)] transition-transform group-hover:translate-x-[4px] group-hover:underline x:group-hover:translate-x-0"})]}),e.subscribe&&(0,a.jsxs)("div",{className:"mt-[16px] flex items-center ",children:[(0,a.jsx)("a",{onClick:U,href:"/products/".concat(h.handle,"?ref=homepage_bestPrice").concat(l+1,"&showSubscribe=true"),className:"text-[16px] font-bold text-brand-color ",children:e.subscribe.subscribeNow}),(0,a.jsx)(r.Z,{name:"arrowRight",className:"duration-400 ml-[2px] h-[18px] w-[18px] fill-brand-color transition-transform group-hover:translate-x-[4px] x:group-hover:translate-x-0"})]})]})]})]},l)})]})}),(0,a.jsx)("div",{ref:y,className:"swiper-scrollbar !relative !z-[2] mx-auto mt-[32px] hidden !w-[240px] !bg-[#E8E8E8] x:!block [&_.swiper-scrollbar-drag]:!bg-[#1a1a1a]"})]})]})},S=e=>{let{data:t}=e,l=(0,b.useRef)(null),s=(0,b.useRef)(null);return(0,b.useEffect)(()=>{C(l.current),A(s.current)},[]),(0,a.jsx)("div",{id:"collectionCard",className:"bg-white pt-[160px] x:pt-[80px]",children:(0,a.jsxs)("div",{className:"max-w-home-base x:max-w-home-pad mx-auto grid w-[calc(100vw-160px)] gap-[56px] x:w-full x:gap-[32px] x:px-[20px]",children:[(0,a.jsx)(T,{title:t.title,ref:l,className:"text-center text-[50px] font-bold x:text-[28px]"}),(0,a.jsx)("div",{ref:s,className:"grid grid-cols-2 gap-[48px] x:grid-cols-1 x:gap-[24px]",children:t.items.map((e,t)=>(0,a.jsxs)("div",{className:"group relative overflow-hidden rounded-[16px]",children:[(0,a.jsx)(o.t,{url:e.imgUrl,className:"duration-400 ease-home aspect-h-[520] aspect-w-[696] w-full transition-transform group-hover:scale-[1.05] x:group-hover:scale-[1]"}),(0,a.jsx)("div",{className:"absolute inset-0 flex flex-col justify-end px-[32px] pb-[32px] text-white x:px-[16px] x:pb-[20px]",children:(0,a.jsxs)("div",{className:"flex items-end justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"duration-400 ease-home translate-x-0 translate-y-[44px] text-[20px] font-bold transition-all group-hover:translate-y-0 x:translate-y-0",children:e.title}),(0,a.jsx)("p",{className:"duration-400 ease-home mt-[12px] line-clamp-2 h-[45px] translate-y-[44px] overflow-hidden text-[16px] opacity-0 transition-all group-hover:translate-y-0 group-hover:opacity-100 x:mt-[8px] x:h-auto x:translate-y-0 x:text-[12px] x:opacity-100",children:e.description})]}),(0,a.jsx)("button",{className:"duration-400 ease-home relative ml-[24px] flex h-[56px] w-[56px] shrink-0 items-center justify-center rounded-full bg-white p-[16px] transition-all group-hover:bg-[#e7364b] x:h-[44px] x:w-[44px] x:p-[11px] x:group-hover:bg-white","aria-label":"go to ".concat(e.title),children:(0,a.jsx)(r.Z,{name:"arrowRight",className:"h-full w-full fill-black group-hover:fill-white x:group-hover:fill-black"})})]})}),(0,a.jsx)(n.r,{href:"".concat(e.to,"?ref=homepage_category").concat(t+1),className:"absolute inset-0"})]},t))})]})})};var I=e=>{let{href:t,children:l,...r}=e,{getLocalizedPath:s}=(0,h.j)();return(0,a.jsx)("a",{href:s({path:t}),...r,children:l})},z=e=>{let{className:t,height:l,disabled:r,activeBg:s,labelClassName:i,children:n,type:o,href:x,...c}=e,p=l||40,u={className:(0,d.A)("group relative flex items-center justify-center overflow-hidden rounded-[25px]",t),style:{height:p},...c},m=(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{style:{height:p,width:p,left
1:"calc(50% - ".concat(p/2,"px)"),top:"calc(50% - ".concat(p/2,"px)"),backgroundColor:s},className:" ease-home absolute rounded-full opacity-0 transition-all duration-300 group-hover:!left-0 group-hover:!top-[-50%] group-hover:!h-[200%] group-hover:!w-full group-hover:!rounded-[inherit] group-hover:opacity-100 x:group-hover:opacity-0 "}),(0,a.jsx)("div",{className:(0,d.A)("relative z-[1] flex w-full items-center justify-center px-[24px] text-center transition-all duration-500 x:group-hover:text-[inherit]",i),children:(0,a.jsx)("span",{children:n})})]});return"button"===o?(0,a.jsx)("button",{...u,disabled:r,children:m}):(0,a.jsx)(I,{href:x,...u,children:m})};let P=e=>{var t;let{data:l}=e,r=(0,b.useRef)(null),s=(0,b.useRef)(null),i=(0,b.useRef)(null);(0,b.useEffect)(()=>{C(i.current),A(s.current)},[]);let x=()=>{(0,g.DU)({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"Fragile Page_Home Page",position:"New_and_top_selling_projectors",button_name:"subscribe"}})};return(0,a.jsx)("div",{id:"featuredCard",className:"bg-white py-[160px] x:py-[80px]",ref:r,children:(0,a.jsxs)("div",{className:"max-w-home-base x:max-w-home-pad mx-auto grid w-[calc(100vw-160px)] gap-[56px] x:w-full x:gap-[32px] x:px-[20px]",children:[(0,a.jsx)(T,{ref:i,title:l.title,className:"text-center text-[50px] font-bold x:text-[28px]"}),(0,a.jsx)("div",{ref:s,className:"grid grid-cols-2 gap-[48px] x:grid-cols-1 x:gap-[64px]",children:null===(t=l.items)||void 0===t?void 0:t.map((e,t)=>{var l,r;return(0,a.jsxs)("div",{className:"flex flex-col rounded-[16px]",children:[(0,a.jsxs)("div",{className:"imgCard group relative",children:[(0,a.jsx)(o.t,{url:e.imgUrl,className:"aspect-h-[520] aspect-w-[696] w-full overflow-hidden rounded-[16px]",imgClassName:"group-hover:scale-[1.05] duration-400 transition-transform ease-home"}),(0,a.jsx)(n.r,{href:(null===(l=e.links.find(e=>e.panelWideLink))||void 0===l?void 0:l.to)||(null===(r=e.links[0])||void 0===r?void 0:r.to),className:"absolute inset-0"})]}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"mt-[32px] text-[36px] font-bold x:mt-[24px] x:text-[22px]",children:e.title}),(0,a.jsx)("p",{className:"mt-[12px] text-[18px] x:mt-[8px] x:text-[14px]",children:e.description})]}),(0,a.jsx)("div",{className:"mt-[24px] grid w-fit grid-flow-col gap-[16px] text-center font-semibold x:mt-[20px] x:text-[14px]",children:e.links.map((e,l)=>{let r="".concat(e.to,"?ref=homepage_featureProduct").concat(t+1),s="min-w-[136px] text-[16px]";return"primary"===e.theme?s+=" bg-[#1a1a1a] text-white":"secondary"===e.theme?s+=" border border-primary-color-2 text-primary-color-2":s+=" border border-brand text-brand",(0,a.jsx)(z,{href:r,className:s,type:"link",height:50,activeBg:"primary"===e.theme?"#E42D46":"secondary"===e.theme?"#1a1a1a":"#dc222e",labelClassName:"group-hover:text-white",onClick:x,children:e.label},l)})})]})]},t)})})]})})};var R=l(41085),D=l(58045),U=l(58537),F=l(73284),L=l(51254);y.gsap.registerPlugin(k());let B=e=>{var t,l,s,i,n,x,c,p;let{data:u}=e,m=(0,b.useRef)(null),h=(0,b.useRef)(null),[f,v]=(0,b.useState)({}),[w,j]=(0,b.useState)({}),[N,_]=(0,b.useState)({}),[A,q]=(0,b.useState)({}),S=(0,b.useRef)(null),[I,z]=(0,b.useState)({});(0,b.useEffect)(()=>{E(C(m.current),h.current)},[]);let{data:P,isLoading:B}=(0,L.W)({blogHandles:(null===(t=u.guides)||void 0===t?void 0:t.blogHandles)||[]}),M=null==P?void 0:null===(n=P.map(e=>e.articles))||void 0===n?void 0:null===(i=n.reduce((e,t)=>e.concat(t),[]))||void 0===i?void 0:null===(s=i.sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()))||void 0===s?void 0:s.slice(0,(null===(l=u.guides)||void 0===l?void 0:l.limit)||5),W=(0,b.useRef)(null),Z=(0,b.useRef)(null),H=(0,b.useRef)(null),V=(0,b.useRef)(null),O=(0,b.useRef)(null),[Y,G]=(0,b.useState)(!1),{handle:J}=(0,D.l)();return(0,F.v)({elementId:"player",videoId:null===(x=u.about)||void 0===x?void 0:x.youtubeId}),(0,b.useEffect)(()=>{window.ScrollTrigger=k();let e=72,t=window.innerWidth<1280;t&&(e=56),u.about.changeTheme&&y.gsap.timeline({scrollTrigger:{trigger:W.current,start:"top 50%",end:"top 10%",scrub:!0,onUpdate:e=>{e.progress>0?(v({transition:"none"}),j({transition:"none"})):(v({transition:"all 400ms"}),j({transition:"all 400ms"})),e.progress>.5?(v(e=>({...e,color:"white"})),_({color:"white"}),q({borderBottomColor:"white"}),j(e=>({...e,fill:"white"}))):(v(e=>({...e,color:"#1A1A1A"})),_({color:"#1A1A1A"}),q({borderBottomColor:"#1A1A1A"}),j(e=>({...e,fill:"#1A1A1A"})))}}}).to(H.current,{backgroundColor:"#1A1A1A"}).to("#guides",{backgroundColor:"#1A1A1A"},"<");
1let l=document.documentElement.clientHeight;y.gsap.timeline({scrollTrigger:{trigger:W.current,start:"top ".concat(e,"px"),end:"+=550% bottom",scrub:!0,pin:!0},onComplete:()=>{if(S.current){let e=S.current.getBoundingClientRect().top-72;z({transform:"translateY(-".concat(e,"px)"),marginBottom:"-".concat(e,"px")}),k().refresh(!0)}}}).to(W.current,{mixBlendMode:u.about.changeTheme?"multiply":"screen",duration:0}).to(Z.current,{opacity:1,duration:.1}).to(H.current,{scale:20,duration:.5}).to(H.current,{opacity:0,duration:.4},">-0.4").to(V.current,{y:"-".concat(t?l+120:l,"px"),duration:.7}).set(V.current,{opacity:0}).set("#topText",{height:"auto"}).set("#bottomText",{height:"auto"}).to("#video",{width:t?"200px":"340px",height:t?"101px":"172px"},"shrink").to("#topText",{y:0,duration:.2},"shrink+=0").to("#bottomText",{y:0,duration:.2},"shrink+=0");let a=Array.from(O.current.children);(window.innerWidth>=1280?[a]:a).forEach(e=>{y.gsap.timeline({scrollTrigger:{trigger:e,start:"top bottom",end:"top 40%",toggleActions:"restart"}}).fromTo(e,{y:60,opacity:0},{opacity:1,y:0,stagger:.1,duration:.4,ease:"power1.out"})})},[null===(c=u.about)||void 0===c?void 0:c.changeTheme,null===(p=u.about)||void 0===p?void 0:p.youtubeId]),(0,b.useEffect)(()=>{B||k().refresh()},[B]),(0,a.jsxs)(a.Fragment,{children:[u.guides&&Number(null==M?void 0:M.length)>0||B?(0,a.jsx)("div",{id:"guides",className:"text-primary-color-2 x:max-w-home-pad bg-white pt-[160px] x:mx-auto x:w-full x:px-[20px] x:pt-[80px]",children:u.guides&&(0,a.jsxs)("div",{className:"max-w-home-base mx-auto flex w-[calc(100vw-160px)] justify-center x:w-full x:flex-col",children:[(0,a.jsxs)("div",{className:"w-[450px] shrink-0 x:w-full x:text-center",children:[(0,a.jsx)(T,{title:u.guides.title,ref:m,className:"text-[50px] font-bold x:text-[28px]"}),(0,a.jsx)(R.xv,{as:"p",html:u.guides.description,ref:h,className:"mt-[24px] text-[18px] x:mt-[16px] x:text-[14px]"})]}),(0,a.jsx)("div",{className:"flex-1 x:mt-[32px]",children:(0,a.jsx)("div",{className:"ml-[15%] grid grid-cols-1 x:ml-0",children:null==M?void 0:M.map((e,t)=>(0,a.jsxs)("a",{className:"border-primary-color-2 group relative flex w-full items-center justify-between overflow-hidden border-b py-[30px] text-start",style:A,href:"/blogs/".concat(e.blog.handle,"/").concat(e.handle,"?ref=homepage_guides"),"aria-label":e.title,children:[(0,a.jsxs)("div",{className:"relative z-[2] flex w-full items-center justify-between",children:[(0,a.jsx)(R.xv,{style:f,className:"hoverTitle text-primary-color-2 duration-400 group-hover:duration-400 x:group-hover:!text-primary-color-2 text-[20px] font-bold transition-all group-hover:translate-x-[8px] group-hover:!text-white group-hover:transition-all x:text-[16px] x:group-hover:translate-x-0 x:group-hover:transition-none",html:e.title}),(0,a.jsx)(r.Z,{name:"arrowRight",className:"guideIcon fill-primary-color-2 duration-400 ease-home x:group-hover:!fill-primary-color-2 ml-[16px] h-[22px] w-[22px] shrink-0 transition-all group-hover:translate-x-[-8px] group-hover:!fill-white x:group-hover:translate-x-0",style:w})]}),(0,a.jsx)("div",{className:"duration-400 ease-home absolute inset-0 h-full w-full translate-y-full bg-brand-color transition-transform group-hover:translate-y-0 x:hidden"})]},t))})})]})}):null,u.about&&(0,a.jsxs)("div",{children:[u.about.pcFontSize&&(0,a.jsx)("style",{children:"#topText, #bottomTextTitle {\n font-size: ".concat(u.about.pcFontSize,"px;\n }")}),u.about.mobileFontSize&&(0,a.jsx)("style",{children:"@media (max-width: 768px) {\n #topText, #bottomTextTitle {\n font-size: ".concat(u.about.mobileFontSize,"px;\n }\n }")}),(0,a.jsxs)("div",{id:"about",className:(0,d.A)("x:max-w-home-pad relative h-[100vh] w-[100vw] overflow-hidden x:mx-auto",!u.guides&&"mt-[160px] x:mt-[80px]"),ref:W,children:[(0,a.jsxs)("div",{ref:Z,id:"videoContainer",className:"absolute inset-0 flex h-full w-full flex-col items-center justify-center overflow-hidden bg-[#1a1a1a] opacity-0",children:[(0,a.jsx)(R.xv,{id:"topText",ref:S,className:"flex -translate-y-full items-center overflow-hidden text-center text-[64px] font-bold text-white x:px-[24px] x:text-[32px]",html:u.about.whole}),(0,a.jsxs)("div",{id:"video",className:"x:max-w-home-pad relative my-[12px] h-[100vh] w-[100vw] shrink-0 x:mx-auto",children:[(0,a.jsx)("video",{src:u.about.videoUrl,autoPlay:!0,loop:!0,muted:!0,playsInl
1ine:!0,className:"h-full w-full object-cover"}),(0,a.jsx)("div",{className:"absolute inset-0 h-full w-full bg-black/50"})]}),(0,a.jsxs)("div",{id:"bottomText",className:"max-w-home-base mx-auto flex w-[calc(100vw-160px)] translate-y-full flex-col items-center overflow-hidden text-center x:w-full x:px-[24px]",children:[(0,a.jsx)(R.xv,{html:u.about.inside,id:"bottomTextTitle",className:"text-center text-[64px] font-bold text-white x:text-[32px]"}),(0,a.jsx)(R.xv,{html:u.about.descriptionBottom,className:"mt-[56px] text-[18px] text-white x:mt-[32px] x:text-[14px]"})]})]}),(0,a.jsx)("div",{ref:H,className:"text-primary-color-2 absolute inset-0 flex items-center justify-center whitespace-nowrap bg-white text-center text-[140px] font-bold leading-[1.1] x:whitespace-normal x:px-[24px] x:text-[72px]",style:N,children:(0,a.jsxs)("span",{id:"title",children:[" ",u.about.title]})}),(0,a.jsx)("div",{className:"absolute inset-0 flex items-end justify-center",children:(0,a.jsxs)("div",{id:"description",ref:V,className:"flex translate-y-full flex-col items-center",children:[(0,a.jsx)(R.xv,{html:u.about.description,className:"max-w-[920px] text-center text-[26px] leading-[1.6] text-white x:px-[24px] x:text-[16px]"}),(0,a.jsxs)("button",{onClick:()=>{G(!0),(0,g.DU)({event:"uaEvent",eventCategory:"video",eventAction:"start",eventLabel:"about nebula",nonInteraction:!1}),(0,g.DU)({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"Home Page",position:"about nebula",button_name:"video"}})},className:"mt-[40px] flex h-[50px] items-center justify-center rounded-[25px] bg-brand-color px-[24px] text-center text-[16px] text-white x:mt-[24px]",children:[(0,a.jsx)("span",{children:u.about.watchVideo}),(0,a.jsx)("div",{className:"ml-[4px]",children:(0,a.jsx)("svg",{className:"ml-[4px]",xmlns:"http://www.w3.org/2000/svg",width:"7",height:"10",viewBox:"0 0 7 10",fill:"none",children:(0,a.jsx)("path",{d:"M6.17651 4.36608C6.59251 4.68632 6.59251 5.31368 6.17651 5.63392L1.538 9.20465C1.01194 9.60961 0.250001 9.2346 0.250001 8.57073L0.250001 1.42927C0.250001 0.765401 1.01194 0.390389 1.538 0.795347L6.17651 4.36608Z",fill:"white"})})})]})]})})]}),(0,a.jsx)("div",{id:"items",style:I,className:"x:max-w-home-pad bg-[#1a1a1a] pb-[160px] pt-[56px] x:mx-auto x:px-[24px] x:pb-[100px] x:pt-[32px]",children:(0,a.jsx)("div",{className:"max-w-home-base mx-auto flex w-[calc(100vw-160px)] flex-col items-center text-center x:w-full",children:(0,a.jsx)("div",{ref:O,className:"grid grid-cols-4 gap-[24px] x:grid-cols-2 x:gap-[16px]",children:u.about.items.map((e,t)=>(0,a.jsxs)("div",{className:"item flex flex-col items-center rounded-[16px] bg-[rgba(255,255,255,0.08)] px-[24px] py-[48px] x:px-[12px] x:py-[32px]",children:[(0,a.jsx)(o.t,{url:e.imgUrl,className:"h-[80px] w-[80px] rounded-full x:h-[56px] x:w-[56px]"}),(0,a.jsx)("p",{className:"mt-[32px] text-[22px] font-bold text-white x:mt-[16px] x:text-[14px]",children:e.title}),(0,a.jsx)("p",{className:"mt-[8px] text-[16px] text-[#959595] x:text-[12px]",children:e.description})]},t))})})}),Y&&(0,a.jsx)(U.r,{youtubeId:u.about.youtubeId,onClose:()=>G(!1)})]})]})},M=e=>{let{data:t}=e,l=(0,b.useRef)(null),s=(0,b.useRef)(null),i=(0,b.useRef)(null),[n,x]=(0,b.useState)(0),c=(e,t,l,a)=>{e.forEach(e=>{l.to(e,t,a)})},p=(e,t)=>{let a=window.innerWidth>1280?"pc":"mobile",r=[l.current.querySelector("#".concat(a,"Icon-").concat(e)),l.current.querySelector("#title-".concat(e)),l.current.querySelector("#description-".concat(e)),l.current.querySelector("#poster-".concat(e))],s=[l.current.querySelector("#".concat(a,"Icon-").concat(t)),l.current.querySelector("#title-".concat(t)),l.current.querySelector("#description-".concat(t)),l.current.querySelector("#poster-".concat(t))],i=y.gsap.timeline();i.set(l.current.querySelector("#item-".concat(e)),{opacity:0}),c(r,{y:60,opacity:0,duration:.4},i,"<"),i.set(l.current.querySelector("#item-".concat(t)),{opacity:1},"<"),c(s,{y:0,opacity:1,duration:.4},i,"<")};return(0,b.useEffect)(()=>{let e=window.innerWidth>1280?"pc":"mobile";c([l.current.querySelector("#".concat(e,"Icon-0")),l.current.querySelector("#t
1itle-0"),l.current.querySelector("#description-0"),l.current.querySelector("#poster-0")],{y:0,opacity:1,duration:.4},y.gsap.timeline().to(l.current.querySelector("#item-0"),{opacity:1,duration:0}),"="),A(i.current)},[]),(0,a.jsx)("div",{id:"mediaCard",className:"flex justify-center rounded-[24px] pt-[160px] x:w-full x:pt-[80px]",ref:l,children:(0,a.jsxs)("div",{className:"max-w-home-base x:max-w-home-pad mx-auto w-[calc(100vw-160px)] x:w-full x:px-[20px]",children:[(0,a.jsxs)("div",{ref:s,className:"relative h-[394px] w-full overflow-hidden x:h-[375px] x:h-[492px]",children:[t.items.map((e,t)=>(0,a.jsx)("div",{id:"item-".concat(t),className:(0,d.A)("absolute inset-0 flex items-end opacity-0 x:h-auto x:flex-col x:items-start"),children:(0,a.jsxs)("div",{className:"relative w-full",children:[(0,a.jsx)(o.t,{id:"mobileIcon-".concat(t),url:e.imgUrl,className:"relative z-[-1] hidden w-[306px] translate-y-[60px] x:block"}),(0,a.jsxs)("div",{className:"text-primary-color-2 flex h-[330px] w-full rounded-[16px] bg-[#f6f6f6] x:h-auto",children:[(0,a.jsx)("div",{className:"w-[550px] shrink-0 x:hidden"}),(0,a.jsxs)("div",{className:"flex w-[64%] flex-col justify-center pl-[32px] pr-[100px] x:w-full x:px-[20px] x:py-[40px]",children:[(0,a.jsx)(R.xv,{id:"title-".concat(t),as:"p",html:e.title,className:"translate-y-[60px] text-[40px] font-bold opacity-0 x:text-[24px]"}),(0,a.jsx)(R.xv,{id:"description-".concat(t),as:"p",html:e.description,className:"mt-[12px] translate-y-[60px] text-[18px] opacity-0 x:mt-[8px] x:text-[14px]"}),(0,a.jsxs)("div",{id:"poster-".concat(t),className:"mt-[24px] flex translate-y-[60px] opacity-0 x:mt-[20px] x:flex-col",children:[(0,a.jsx)(R.xv,{html:e.poster,className:"text-[16px] font-bold"}),(0,a.jsx)(R.xv,{html:e.fans,className:"ml-[12px] text-[14px] text-[#9e9e9e] x:ml-0 x:mt-[8px]"})]})]})]}),(0,a.jsx)(o.t,{url:e.imgUrl,id:"pcIcon-".concat(t),className:"absolute bottom-0 left-0 w-[550px] translate-y-[60px] x:hidden"})]})},t)),(0,a.jsxs)("div",{className:"absolute bottom-[32px] right-[32px] z-[2] x:top-[84px]",children:[(0,a.jsx)("button",{onClick:()=>{let e=0===n?t.items.length-1:n-1;x(e),p(n,e)},className:"duration-400 ease-home relative h-[56px] w-[56px] rounded-full bg-[#1a1a1a] p-[16px] transition-all hover:bg-brand-color x:h-[44px] x:w-[44px] x:p-[11px] x:hover:bg-[#1a1a1a]","aria-label":"prev",children:(0,a.jsx)(r.Z,{name:"arrowLeft",className:"h-full w-full fill-white"})}),(0,a.jsx)("button",{onClick:()=>{let e=n===t.items.length-1?0:n+1;x(e),p(n,e)},className:"duration-400 ease-home relative ml-[24px] h-[56px] w-[56px] rounded-full bg-[#1a1a1a] p-[16px] transition-all hover:bg-brand-color x:ml-[16px] x:h-[44px] x:w-[44px] x:p-[11px] x:hover:bg-[#1a1a1a]","aria-label":"next",children:(0,a.jsx)(r.Z,{name:"arrowRight",className:"h-full w-full fill-white"})})]})]}),(0,a.jsxs)("div",{ref:i,className:"mt-[24px] grid grid-cols-2 gap-[24px] x:grid-cols-1",children:[(0,a.jsxs)("div",{className:"flex flex-col items-center rounded-[16px] bg-[#1a1a1a] py-[56px] x:py-[48px]",children:[(0,a.jsx)(R.xv,{html:t.bottomLeftCard.title,className:"px-[80px] text-[24px] font-bold text-white x:px-[20px]"}),(0,a.jsx)(o.t,{url:t.bottomLeftCard.imgUrl,className:"aspect-h-[20] aspect-w-[59] mt-[32px] w-full"})]}),(0,a.jsxs)("div",{className:"flex flex-col items-center rounded-[16px] bg-[#1a1a1a] py-[56px] x:py-[48px]",children:[(0,a.jsx)(R.xv,{html:t.bottomRightCard.title,className:"px-[80px] text-center text-[24px] font-bold text-white x:px-[20px]"}),(0,a.jsx)(o.t,{url:t.bottomRightCard.imgUrl,className:"aspect-h-[20] aspect-w-[59] mt-[32px] w-full"})]})]})]})})};var W=l(9385),Z=l(1793),H=l(7530),V=l(54695),O=l(75597);let Y=e=>{let{title:t,desc:l,questionIndex:r,data:s,canNext:i,canPrev:n,onNext:o,onPrev:x,children:c}=e;return(0,a.jsxs)("div",{className:"flex h-full flex-col px-[56px] x:px-[16px]",children:[(0,a.jsxs)("div",{className:(0,d.A)("relative flex-shrink-0 pb-[40px] text-center x:pb-[32px] x:leading-[1.3]",l?"pb-[8px] x:pb-[12px]":"pb-[40px] x:pb-[34px]"),children:[(0,a.jsx)("div",{className:"text-[28px] font-bold x:mb-[6px] x:text-[18px]",children:t}),l&&(0,a.jsx)("div",{className:"text-center text-[20px] font-medium leading-[1.4] text-[#86868C] x:text-[12px] x:[letter-spacing:-0.02em]",children:l})]}),(0,a.jsx)("div",{className:"flex-1",children:c}),(0,a.jsxs)("div",{className:"relative mt-[40px] flex flex-shrink-0 items-center justify-between x:mt-[78px] x:pb-[18px]",children:[(0,a.jsxs)(R.zx,{className:(0,d.A)("h-[50px] w-[170px] rounded-full border !border-black !bg-transparent text-[20px] font-semibold text-black hover:!border-[EB0028] hover:!bg-[EB0028] x:w-[126px] x:text-[16
1px]",n?"":"pointer-events-none opacity-0"),onClick:x,variant:"ghost",children:[(0,a.jsx)(W.J,{name:"arrow-left",className:"!size-[24px] x:size-[16px]"}),s.back]}),(0,a.jsx)("div",{className:"flex items-center x:absolute x:left-0 x:right-0 x:top-[-52px] x:mx-auto x:justify-center",children:[1,2,3].map((e,t)=>(0,a.jsx)("div",{className:(0,d.A)("mx-[10px] flex size-[32px] items-center justify-center rounded-full bg-[#CECECF] text-[16px] font-bold text-white x:mx-[5px] x:size-[20px] x:text-[12px]",r===t?"bg-[#1D1D1F]":""),children:e},e))}),(0,a.jsxs)(R.zx,{className:(0,d.A)("h-[50px] w-[170px] rounded-full bg-[EB0028] text-[20px] text-white x:w-[126px] x:text-[16px]",i?"":"pointer-events-none opacity-0"),onClick:o,children:[s.next,(0,a.jsx)(W.J,{name:"arrow-right",className:"!size-[24px] x:size-[16px]"})]})]})]})};var G=l(8199),J=l(74284),$=l(37156),Q=l(61788);let X=()=>{let{storeDomain:e}=(0,h.j)(),{locale:t}=(0,$.useRouter)();return(0,Q.Z)("/api/multipass/rainbowbridge/form_collection",(l,a)=>{let{arg:r}=a;return(0,J.Z)({method:"POST",url:l,needRecaptcha:!1,locale:t,body:{genre:"nebula_quiz",remark:"",email:r.email,shopify_domain:e,register_source:window.location.href,form_map:{name:r.name||"",message:r.message||""}}})})};var K=l(58698),ee=l(381),et=l(4674);let el=e=>{var t,l,r,i,n,x,d,p,u;let{data:m,variant:h,couponDiscount:f}=e,{finalPrice:v,comparePrice:g}=(0,ee.V)({variant:h,couponDiscount:f}),{basePrice:b,price:w}=(0,et.k)({baseAmount:g,amount:v,currencyCode:h.price.currencyCode}),j=(0,s.L)();return(0,a.jsxs)("div",{className:"flex items-center rounded-[15px] bg-white p-[14px] x:rounded-[10px] x:pl-[5px] x:pr-[12px]",children:[(0,a.jsx)(o.t,{url:null===(t=h.image)||void 0===t?void 0:t.url,className:"size-[172px] x:size-[130px]"}),(0,a.jsxs)("div",{className:"ml-[14px] flex-1 x:ml-[6px]",children:[(0,a.jsx)("div",{className:"text-[16px] font-semibold text-black x:text-[14px]",children:h.product.title}),(null===(r=h.metafields)||void 0===r?void 0:null===(l=r.global)||void 0===l?void 0:l.subt
1itle)&&(0,a.jsx)("div",{className:"mt-[12px] text-[12px] font-normal x:hidden",children:null===(n=h.metafields)||void 0===n?void 0:null===(i=n.global)||void 0===i?void 0:i.subtitle}),(0,a.jsxs)("div",{className:"mt-[24px] flex items-center justify-between",children:[h.availableForSale?(0,a.jsx)(K.t,{basePrice:b,price:w,className:"x:flex-col x:items-start",basePriceClassName:"text-[12px] text-[#8e8e8e] font-normal x:ml-0",priceClassName:"text-[20px] font-semibold x:text-[16px]"}):(0,a.jsx)("div",{className:"text-[20px] font-semibold x:text-[16px]",children:null===(d=j.metafields.common)||void 0===d?void 0:null===(x=d.copywriting)||void 0===x?void 0:x.soldOut}),h.availableForSale?(0,a.jsx)(z,{href:"/products/".concat(h.product.handle,"?ref=nebula_quiz&variantId=").concat((0,c.Ll)(h.id)),className:"h-[30px] w-[100px] border border-brand px-0 text-[14px] font-semibold text-brand",type:"link",height:30,activeBg:"#dc222e",labelClassName:"group-hover:text-white !px-0",children:null===(u=j.metafields.common)||void 0===u?void 0:null===(p=u.copywriting)||void 0===p?void 0:p.buyNow}):(0,a.jsx)("div",{})]})]})]})},ea=e=>{let{data:t,showResult:l,result:r,onReselect:s}=e,i=(0,b.useMemo)(()=>t.result.productOptions.find(e=>r.map(e=>[...e].sort().join(",")).join(";").endsWith(e.id)),[t.result.productOptions,r]),{isLoading:o,data:d}=(0,m.G)({handles:l&&(null==i?void 0:i.list.map(e=>e.variant.handle))||[],metafieldIdentifiers:{product:p.P}}),c=(0,b.useMemo)(()=>o||!l?[]:(null==i?void 0:i.list.map(e=>{var t,l;let a=null==d?void 0:d.find(t=>t.handle===e.variant.handle);return(null==a?void 0:null===(t=a.variants)||void 0===t?void 0:t.find(t=>t.sku===e.variant.sku))||(null==a?void 0:null===(l=a.variants)||void 0===l?void 0:l[0])}).filter(e=>!!e))||[],[o,d,null==i?void 0:i.list,l]),{data:u}=(0,x.X)({skus:l?c.map(e=>e.sku):[]}),{getLocalizedPath:f}=(0,h.j)(),v=X(),[w,j]=(0,b.useState)(""),[y,N]=(0,b.useState)(""),[_,k]=(0,b.useState)(""),[C,E]=(0,b.useState)(""),[A,T]=(0,b.useState)("");return(0,b.useEffect)(()=>{l&&c.length&&(0,g.DU)({event:"ga4Event",event_name:"answer_questions",event_parameters:{page_group:"nebula_presale_quiz",action:"answer_question_4",answers_question:t.result.title,answers_answer:c.map(e=>e.product.title).join("+")}})},[l,c,t.result.title]),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("div",{className:"relative pb-[40px] text-center text-[28px] font-bold x:text-[18px]",children:t.result.title}),(0,a.jsx)("div",{className:"grid h-[200px] grid-cols-2 gap-[24px] x:h-auto",children:c.map((e,l)=>{var r;return(0,a.jsx)("div",{className:"col-span-1 x:col-span-2",children:(0,a.jsx)(el,{data:t,variant:e,couponDiscount:null==u?void 0:null===(r=u[e.sku])||void 0===r?void 0:r.find(t=>t.handle===e.product.handle)})},e.id+"_"+l)})}),(0,a.jsxs)("div",{className:"mx-[-12px] mt-[42px] flex items-center justify-center x:justify-between x:text-[30px]",children:[(0,a.jsxs)(R.zx,{className:"mx-[12px] h-[50px] min-w-[170px] rounded-full border !border-black !bg-transparent text-[20px] font-semibold text-black hover:!border-brand-color hover:!bg-brand-color x:min-w-[136px] x:text-[16px]",variant:"ghost",onClick:()=>{s(),(0,g.DU)({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"Home Page",position:t.result.title,button_name:t.reselect}})},children:[(0,a.jsx)(W.J,{name:"reselect",className:"mr-[4px] size-[24px]"}),t.reselect]}),t.comparePageHandle&&(0,a.jsxs)(n.r,{href:"/".concat(t.comparePageHandle,"?ref=nebula_quiz&").concat(c.map(e=>"handles=".concat(e.product.handle)).join("&")),className:"hover:bg-brand-hover mx-[12px] flex h-[50px] min-w-[170px] items-center justify-center rounded-full bg-brand-color text-[20px] text-white transition-colors x:min-w-[136px] x:text-[16px]",children:[t.compare,(0,a.jsx)(W.J,{name:"compare",className:"ml-[4px] size-[24px]"})]})]}),(0,a.jsxs)("div",{className:"mt-[56px] x:mt-[30px]",children:[(0,a.jsx)("div",{className:"text-center text-[20px] font-semibold text-[#1A1A1A] x:text-[16px]",children:t.supportTitle}),(0,a.jsxs)("form",{action:"",className:"mt-[12px] grid h-[70px] items-center gap-[24px] x:mt-[14px] x:h-auto x:grid-cols-2 x:gap-[16px] min-x:grid-flow-col",onSubmit:e=>{e.preventDefault(),e.stopPropagation(),(0,g.DU)({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"Home Page",position:t.result.title,button_name:t.send}}),v.trigger({name:w,email:y,message:_},{onSuccess(){E(t.success||"Sent Successfully")}
1,onError(e){T(e.message)}})},children:[(0,a.jsxs)("div",{className:"flex h-full w-[234px] flex-col justify-center rounded-[15px] border border-[#cececf] bg-white px-[14px] x:col-span-1 x:w-auto x:rounded-[10px] x:px-[10px] x:py-[6px]",children:[(0,a.jsxs)("div",{className:"mb-[8px] text-[14px] font-semibold text-[#1a1a1a] x:mb-0 x:text-[12px]",children:[t.name,"*"]}),(0,a.jsx)("input",{required:!0,name:"name",placeholder:t.namePlaceholder,className:"bg-transparent text-[14px] outline-none placeholder:text-[#CECECF]",value:w,onChange:e=>{E(""),T(""),j(e.target.value)}})]}),(0,a.jsxs)("div",{className:"flex h-full w-[234px] flex-col justify-center rounded-[15px] border border-[#cececf] bg-white px-[14px] x:col-span-1 x:w-auto x:rounded-[10px] x:py-[6px]",children:[(0,a.jsxs)("div",{className:"mb-[8px] text-[14px] font-semibold text-[#1a1a1a] x:mb-0 x:text-[12px]",children:[t.email,"*"]}),(0,a.jsx)("input",{required:!0,name:"email",type:"email",placeholder:t.emailPlaceholder,className:"bg-transparent text-[14px] outline-none placeholder:text-[#CECECF]",value:y,onChange:e=>{E(""),T(""),N(e.target.value)}})]}),(0,a.jsxs)("div",{className:"flex h-full w-[492px] items-center rounded-[15px] border border-[#cececf] bg-white px-[14px] x:col-span-2 x:w-auto x:rounded-[10px] x:py-[6px]",children:[(0,a.jsxs)("div",{className:"mr-[14px] flex flex-1 flex-col justify-center",children:[(0,a.jsx)("div",{className:"mb-[8px] text-[14px] font-semibold text-[#1a1a1a] x:mb-0 x:text-[12px]",children:t.message}),(0,a.jsx)("input",{name:"message",placeholder:t.messagePlaceholder,className:"bg-transparent text-[14px] outline-none placeholder:text-[#CECECF]",value:_,onChange:e=>{E(""),T(""),k(e.target.value)}})]}),(0,a.jsxs)(R.zx,{variant:"link",type:"submit",className:"cursor-pointer flex-col p-0 text-center text-brand-color !no-underline",loading:v.isMutating,children:[(0,a.jsx)(G.Z,{className:"mx-auto size-[32px] flex-shrink-0"}),(0,a.jsx)("div",{className:"text-[15px] font-semibold x:mt-[-8px] x:text-[12px]",children:t.send})]})]})]}),(0,a.jsx)(R.xv,{as:"div",className:"mt-[16px] text-center text-[12px] font-normal text-[#000000] x:mx-auto x:mt-[32px] x:max-w-[254px] x:pb-[13px] [&_a]:text-brand-color [&_a]:underline",html:t.supportTips}),C&&(0,a.jsx)(R.xv,{as:"div",className:"mt-[8px] text-center text-[12px] font-normal text-[#52C41A] x:mx-auto x:mt-0 x:max-w-[254px] x:pb-[13px]",html:C}),A&&(0,a.jsx)(R.xv,{as:"div",className:"mt-[8px] text-center text-[12px] font-normal text-brand-color x:mx-auto x:mt-0 x:max-w-[254px] x:pb-[13px]",html:A})]})]})},er=e=>{var t,l;let{show:r,data:s,onClose:i}=e,[n,x]=(0,b.useState)([]),[c,p]=(0,b.useState)([]),[u,m]=(0,b.useState)([]),[h,f]=(0,b.useState)(0),v=(0,b.useMemo)(()=>{var e;let t=null===(e=s.question2.options)||void 0===e?void 0:e.findIndex(e=>c.includes(e.id||""));return 0===t?s.question3.title1:1===t?s.question3.title2:2===t?s.question3.title3:s.title},[s.question2.options,s.question3.title1,s.question3.title2,s.question3.title3,s.title,c]),w=(0,b.useMemo)(()=>{var e;let t=null===(e=s.question2.options)||void 0===e?void 0:e.findIndex(e=>c.includes(e.id||""));return 0===t?s.question3.options1||[]:1===t?s.question3.options2||[]:2===t&&s.question3.options3||[]},[s.question2.options,s.question3.options1,s.question3.options2,s.question3.options3,c]),j=(0,b.useMemo)(()=>[s.question1,s.question2,{...s.question3,title:v}],[s,v]),y=(0,b.useRef)(null),N=(0,b.useMemo)(()=>0===h?!!n.length:1===h?!!c.length:2===h&&!!u.length,[n,c,u,h]),_=(0,b.useMemo)(()=>h>0,[h]),k=(0,b.useMemo)(()=>{let e=j[h];return{questionIndex:h,showResult:h>=3,data:s,title:(null==e?void 0:e.title)||s.result.title,desc:null==e?void 0:e.desc,canNext:N,canPrev:_,onPrev:()=>{var e;null===(e=y.current)||void 0===e||e.swiper.slidePrev()},onNext:()=>{var t,l;null===(t=y.current)||void 0===t||t.swiper.slideNext(),0===h?(0,g.DU)({event:"ga4Event",event_name:"answer_questions",event_parameters:{page_group:"nebula_presale_quiz",action:"answer_question_1",answers_question:k.title,answers_answer:n.join("+")}}):1===h?(0,g.DU)({event:"ga4Event",event_name:"answer_questions",event_parameters:{page_group:"nebula_presale_quiz",action:"answer_question_2",answers_question:k.title,answers_answer:null===(l=e.options)||void 0===l?void 0:l.filter(e=>c.includes(e.id||"")).map(e=>e.title).join("+")}}
1):2===h&&(0,g.DU)({event:"ga4Event",event_name:"answer_questions",event_parameters:{page_group:"nebula_presale_quiz",action:"answer_question_3",answers_question:k.title,answers_answer:w.filter(e=>u.includes(e.id||"")).map(e=>e.title).join("+")}})}}},[N,_,s,j,h,y,n,c,u,w]);return(0,b.useEffect)(()=>{r?(0,V.Qp)(document.body,{allowTouchMove:()=>!0}):(0,V.tG)(document.body)},[r]),(0,a.jsx)(H.Z,{showModal:r,bottom:!0,className:(0,d.A)("h-[682px] max-h-[100vh] w-[1120px] overflow-hidden rounded-[15px] bg-[#F7F8F9] pt-[50px] x:h-auto x:max-h-[calc(100vh-80px)] x:w-screen x:rounded-b-none x:pt-[48px]"),modalName:"bg-opacity-70",closeModal:()=>{i()},children:(0,a.jsxs)(O.tq,{ref:y,className:"h-fit",draggable:!1,allowTouchMove:!1,onRealIndexChange:e=>{f(e.realIndex)},children:[(0,a.jsx)(O.o5,{children:(0,a.jsx)(Y,{...k,children:(0,a.jsx)("div",{className:"grid h-full grid-cols-2 grid-rows-2 gap-[24px] x:gap-[16px]",children:null===(t=s.question1.options)||void 0===t?void 0:t.map(e=>(0,a.jsxs)("div",{className:(0,d.A)("relative col-span-1 row-span-1 h-[194px] cursor-pointer overflow-hidden rounded-[15px] x:h-fit x:rounded-[10px]",n.includes(e.title)?"after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:rounded-[15px] after:border-[4px] after:border-brand-color x:after:rounded-[10px] x:after:border-[2px]":""),onClick:()=>{x([e.title])},children:[(0,a.jsx)(o.t,{url:e.imageUrl,mobileUrl:e.mobileImageUrl,className:"size-full x:h-[140px]",imgClassName:"object-cover h-full"}),(0,a.jsx)("div",{className:"absolute bottom-[20px] left-[20px] text-[24px] font-semibold text-white x:relative x:bottom-0 x:left-0 x:bg-white x:py-[10px] x:text-center x:text-[16px] x:leading-[1.2] x:text-[#1A1A1A]",children:e.title})]},e.title))})})}),(0,a.jsx)(O.o5,{children:(0,a.jsx)(Y,{...k,children:(0,a.jsx)("div",{className:"grid h-full grid-cols-3 gap-[24px] x:gap-[16px]",children:null===(l=s.question2.options)||void 0===l?void 0:l.map(e=>(0,a.jsx)("div",{className:(0,d.A)("relative col-span-1 flex h-[412px] curs
1or-pointer items-center justify-center rounded-[15px] bg-white x:col-span-3 x:h-[115px] x:rounded-[10px]",c.includes(e.id||"")?"after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:rounded-[15px] after:border-[4px] after:border-brand-color x:after:rounded-[10px] x:after:border-[2px]":""),onClick:()=>{p([e.id||""])},children:(0,a.jsx)("div",{className:"text-[32px] font-semibold text-black x:text-[24px]",children:e.title})},e.id))})})}),(0,a.jsx)(O.o5,{children:(0,a.jsx)(Y,{...k,children:(0,a.jsx)("div",{className:"mx-[-12px] flex h-full items-center x:mx-0 x:grid x:grid-cols-2 x:gap-[16px]",children:null==w?void 0:w.map(e=>(0,a.jsxs)("div",{className:(0,d.A)("relative mx-[12px] h-[412px] flex-1 cursor-pointer overflow-hidden rounded-[15px] x:h-[180px] x:rounded-[10px]",u.includes(e.id||"")?"after:absolute after:bottom-0 after:left-0 after:right-0 after:top-0 after:rounded-[15px] after:border-[4px] after:border-brand-color x:after:rounded-[10px] x:after:border-[2px]":"",w.length<3?"x:col-span-2":"x:col-span-1 x:mx-0"),onClick:()=>{u.includes(e.id)?m([...u.filter(t=>t!==e.id)]):(u.length>=w.length-1&&u.shift(),m([...u,e.id||""]))},children:[(0,a.jsx)(o.t,{url:e.imageUrl,mobileUrl:e.mobileImageUrl,className:"size-full x:h-[140px]",imgClassName:"object-cover h-full"}),(0,a.jsx)("div",{className:(0,d.A)("absolute bottom-[20px] left-[20px] flex items-center justify-center text-[24px] font-semibold text-white x:relative x:bottom-0 x:left-0 x:h-[40px] x:bg-white x:px-[8px] x:text-center x:text-[#1A1A1A]",w.length<3?"x:text-[16px]":"leading-[1.2] x:py-0 x:text-[14px]"),children:e.title})]},e.id))})})}),(0,a.jsx)(O.o5,{children:(0,a.jsx)("div",{className:"h-full overflow-auto px-[56px] x:max-h-[calc(100vh-128px)] x:px-[16px]",children:(0,a.jsx)(ea,{data:s,showResult:k.showResult,result:[n,c,u],onReselect:()=>{var e;null===(e=y.current)||void 0===e||e.swiper.slideTo(0),x([]),p([]),m([])}})})})]})})},es=e=>{let{data:t}=e,[l,r]=(0,b.useState)(!1),s=(0,b.useRef)(null);return(0,Z.Z)(()=>{A(s.current);let e=document.querySelector("html");e&&e.setAttribute("data-brand-theme","nebula")}),(0,a.jsxs)("div",{className:"max-w-home-base x:max-w-home-pad mx-auto mt-[160px] grid h-fit w-[calc(100vw-160px)] gap-[56px] x:mt-[80px] x:w-full x:gap-[32px] x:px-[20px]",children:[(0,a.jsxs)("div",{ref:s,className:"aspect-h-[310] aspect-w-[1440] relative h-full overflow-hidden rounded-[15px] x:aspect-h-[410] x:aspect-w-[350]",children:[(0,a.jsx)(o.t,{url:t.bgImageUrl,mobileUrl:t.mobileBgImageUrl,mobileWidth:1279,className:"absolute left-0 top-0 h-full w-full",imgClassName:"h-full object-cover"}),(0,a.jsxs)("div",{className:"ml-[104px] flex h-full flex-col justify-center x:ml-0 x:items-center x:justify-end x:pb-[35px] x:text-center",children:[(0,a.jsx)(R.xv,{as:"div",className:"text-[36px] font-semibold text-black x:text-[28px] x:text-white",html:t.title}),(0,a.jsxs)(R.zx,{variant:"primary",className:"mt-[42px] h-fit w-fit rounded-full px-[42px] py-[18px] text-[20px] font-semibold x:mt-[20px] x:px-[26px] x:py-[13px] x:text-[16px]",onClick:()=>{(0,g.DU)({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"Home Page",position:t.title,button_name:t.buttonLabel}}),r(!0)},children:[t.buttonLabel,(0,a.jsx)(W.J,{name:"arrow-right",className:"!size-[24px] text-white x:size-[16px]"})]})]})]}),(0,a.jsx)(er,{data:t,show:l,onClose:()=>{r(!1)}})]})};function ei(e,t,l){y.gsap.registerPlugin(N.CustomEase);let a=N.CustomEase.create("custom","0,0,0.58,1"),r=Array.from((null==t?void 0:t.children)||[]);return e.fromTo(r,{y:20},{y:0,stagger:.1,duration:.4,ease:a},l).fromTo(r,{opacity:0},{opacity:1,stagger:.1,duration:.4},l)}function en(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"<";y.gsap.registerPlugin(N.CustomEase);let a=N.CustomEase.create("custom","0,0,0.58,1");return e.fromTo(t,{y:80},{y:0,duration:.4,ease:a},l).fromTo(t,{opacity:0},{opacity:1,duration:.4},l)}y.gsap.registerPlugin(k());let eo=e=>{var t;let{data:l}=e,s=(0,b.useRef)(null),i=(0,b.useRef)(null),n=(0,b.useRef)(null),x=(0,b.useRef)(null),c=(0,b.useRef)(null),p=(0,b.useRef)(null),u=(0,b.useRef)(null),m=(0,b.useRef)(null);return(0,b.useEffect)(()=>{y.gsap.registerPlugin(N.CustomEase);let e=N.CustomEase.create("custom","0,0,0.58,1"),t=s.current;if(t){let a=t.querySelectorAll(".swiper-slide"),r=y.gsap.timeline().to(a[0].querySelector(".img"),{scale:1,duration:.6,ease:e});ei(r,a[0].querySelector(".banner-title"),.3),en(r,a[0].querySelector(".bottom-block"),.8),r.to(c.current,{opacity:1,duration:.4},.6),new w.Z(t,{modules:[j.W_,j.pt,j.tl],loop:!0,speed:800,spaceBetween:0,autoplay:{delay:5e3,disableOnInteraction:!1},navigation:{nextEl:".next-button",prevEl:".prev-button"},pagination:{el:x.current,clickable:!0},on:{slideChangeTransitionStart:function(e){let t=e.realIndex,l=a[t].querySelector(".banner-title"),r=a[t].querySelector(".bottom-block"),s=y.gsap.timeline();ei(s,l,.3),en(s,r,.8)},slideChangeTransitionEnd:function(e){let t=0===e.realIndex?l.list.length-1:e.realIndex-1,r=e.realIndex===l.list.length-1?0:e.realIndex+1;y.gsap.to(a[t].querySelectorAll(".banner-title span"),{y:20,opacity:0,duration:0}),y.gsap.to(a[t].querySelectorAll(".bottom-block"),{y:80,opacity:0,duration:0}),y.gsap.to(a[r].querySelectorAll(".banner-title span"),{y:20,opacity:0,duration:0}),y.gsap.to(a[r].querySelectorAll(".bottom-block"),{y:80,opacity:0,duration:0})}}})}},[]),(0,a.jsxs)("div",{ref:s,id:"home-swiper-banner",className:"x:max-w-home-pad relative -mt-[1px] overflow-hidden x:mx-auto",children:[(0,a.jsx)("button",{ref:i,"aria-label":"prev",className:(0,d.A)("prev-button duration-400 absolute left-0 top-[50%] z-10 !flex h-[104px] w-[52px] translate-y-[-50%] items-center justify-center rounded-r-full bg-inherit py-[39px] pl-[8px] pr-[18px] transition-colors hover:bg-[#000]/[.4] x:!hidden",(null===(t=l.list)||void 0===t?void 0:t.length)==1&&"hidden"),children:(0,a.jsx)(o.t,{url:"https://cdn.shopify.com/s/files/1/0516/0098/2167/files/Union_3.png?v=1711444042",className:"h-[20px] w-[11px] f
1ill-white"})}),(0,a.jsx)("button",{ref:n,"aria-label":"next",className:(0,d.A)("next-button duration-400 absolute right-0 top-[50%] z-10 ml-[24px] !flex h-[104px] w-[52px] translate-y-[-50%] items-center justify-center rounded-l-full bg-inherit py-[39px] pl-[18px] pr-[8px] transition-colors hover:bg-[#000]/[.4] x:!hidden",1==l.list.length&&"hidden"),children:(0,a.jsx)(o.t,{url:"https://cdn.shopify.com/s/files/1/0516/0098/2167/files/Union_2.png?v=1711444042",className:"h-[20px] w-[11px] fill-white"})}),(0,a.jsx)("div",{className:"swiper-wrapper",children:l.list.map((e,t)=>(0,a.jsxs)("div",{className:"swiper-slide",children:[(0,a.jsxs)("div",{className:"h-[calc(100vh-44px-72px)] w-full overflow-hidden x:h-auto",children:["video"===e.mediaType&&e.pcVideo&&(0,a.jsx)("video",{className:"h-full w-full object-cover x:hidden",muted:!0,autoPlay:!0,loop:!0,playsInline:!0,src:e.pcVideo,poster:e.pcImg}),"video"===e.mediaType&&e.mobileVideo&&(0,a.jsx)("video",{className:"hidden w-full x:!block",muted:!0,autoPlay:!0,playsInline:!0,loop:!0,src:e.mobileVideo,poster:e.mobileImg}),"video"!==e.mediaType&&(0,a.jsx)(o.t,{ref:0===t?p:null,className:"img h-full w-full scale-[1.15] will-change-transform [&_img]:h-full [&_img]:object-cover",url:e.pcImg,mobileUrl:e.mobileImg,mobileWidth:1279,loading:"eager"})]}),(0,a.jsx)("div",{className:"absolute inset-0",children:(0,a.jsx)("div",{className:"\n max-w-home-base relative mx-auto flex h-full w-[calc(100vw-160px)] flex-col\n x:w-full x:justify-start x:px-[20px] x:pt-[40px]\n ".concat("center"===e.textAlign?"mt-[6vh] items-center justify-start x:mt-0 x:items-start":"justify-center","\n ").concat("bottom"===e.mobileTextAlign?"x:justify-end x:pb-[80px]":"","\n "),children:(0,a.jsxs)("div",{className:(0,d.A)("z-[3] flex h-fit w-fit max-w-[620px] flex-col","light"===e.bgImgTheme?"text-primary-color-2":"text-white"),children:[(0,a.jsx)(T,{title:e.title,desktopFontSize:e.desktopFontSize,mobileFontSize:e.mobileFontSize,className:"banner-title text-[72px] font-bold x:text-[32px] min-l:whitespace-nowrap",ref:0===t?u:null}),(0,a.jsxs)("div",{ref:0===t?m:null,className:" bottom-block mt-[16px] grid w-fit translate-y-[80px] gap-[56px] opacity-0 x:mt-[12px] x:gap-[24px] ",children:[e.description&&(0,a.jsx)("p",{className:"text-[20px] x:text-[14px]",children:e.description}),(0,a.jsx)("div",{className:"z-[2] grid w-fit grid-flow-col gap-[16px] text-center x:text-[14px]",children:e.links.map((l,r)=>{let s="min-w-[136px] z-[3] text-[16px] font-semibold";return"primary"==l.theme?"light"==e.bgImgTheme?s+=" bg-[#1a1a1a] text-white":s+=" bg-white text-[#1a1a1a]":"light"==e.bgImgTheme?s+=" border border-[#1a1a1a] text-[#1a1a1a]":s+=" border border-white text-white",(0,a.jsx)(z,{href:l.to+"?ref=homepage_masterBanner".concat(t),className:s,type:"link",height:50,activeBg:"primary"==l.theme?"#E42D46":"light"==e.bgImgTheme?"#1A1A1A":"white",labelClassName:"primary"==l.theme?"group-hover:text-white":"light"==e.bgImgTheme?"group-hover:text-white":"group-hover:text-[#1a1a1a]",children:l.label},r)})})]})]})})})]},t))}),(0,a.jsx)("div",{ref:x,className:"!absolute !bottom-[40px] left-[50%] !z-[2] mx-auto h-[10px] translate-x-[-50%] x:!block [&_.swiper-scrollbar-drag]:!bg-white"}),(0,a.jsx)("button",{"aria-label":"scroll down",ref:c,onClick:()=>{window.scrollTo({top:window.innerHeight,behavior:"smooth"})},className:" absolute bottom-[40px] right-[40px] z-[3] h-[148px] w-[148px] opacity-0 x:bottom-[12px] x:right-[12px] x:hidden x:h-[80px] x:w-[80px] ",children:(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)(o.t,{url:l.scrollDownImg,className:"h-full w-full animate-[spin_linear_10s_infinite]"}),(0,a.jsx)("div",{className:"absolute inset-0 flex items-center justify-center",children:(0,a.jsx)(r.Z,{name:"arrowDown",className:(0,d.A)("x:h-[24px] x:w-[24px]","light"==l.bgImgTheme?"stroke-primary-color-2":"stroke-white")})})]})})]})},ex=e=>{let{data:t}=e,l=(0,b.useRef)(null),r=(0,b.useRef)(null),s=(0,b.useRef)(null),i=(0,b.useRef)(null),n=(0,b.useRef)(null);return(0,b.useEffect)(()=>{E(C(l.current),r.current);let e=Array.from(s.current.children).filter((e,t)=>
1t%2!=0);y.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top bottom",end:"top 20%",scrub:!0}}).from(e,{y:120}),y.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top 20%",end:"bottom 72px",scrub:!0}}).to(e,{y:-120}),new w.Z(i.current,{modules:[j.LW,j.Rv,j.Gk],slidesPerView:1.6,spaceBetween:16,freeMode:!0,slidesOffsetAfter:20,slidesOffsetBefore:20,mousewheel:{enabled:!0,forceToAxis:!0},scrollbar:{el:n.current,draggable:!0},breakpoints:{768:{slidesPerView:1.9}}})},[]),(0,a.jsx)("div",{id:"userGallery",className:"flex justify-center rounded-[24px] py-[160px] x:w-full x:pt-[80px]",children:(0,a.jsxs)("div",{className:"max-w-home-base x:max-w-home-pad mx-auto w-[calc(100vw-160px)] text-center x:w-full",children:[(0,a.jsx)(T,{title:t.title,ref:l,className:"text-[50px] font-bold x:px-[20px] x:text-[28px]"}),(0,a.jsx)(R.xv,{as:"p",html:t.description,ref:r,className:"mt-[24px] text-[18px] x:mt-[16px] x:px-[20px] x:text-[14px]"}),(0,a.jsx)("div",{ref:s,className:"mt-[56px] grid grid-cols-4 gap-x-[24px] gap-y-[32px] pb-[36px] x:hidden",children:t.items.map((e,t)=>(0,a.jsxs)("div",{className:"text-start",children:[(0,a.jsx)(o.t,{url:e.imgUrl,className:"aspect-h-[207] aspect-w-[307] w-full overflow-hidden rounded-t-[16px]"}),(0,a.jsxs)("div",{className:"flex flex-col rounded-b-[16px] bg-[#F7F8F9] p-[24px] pb-[40px]",children:[(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)(o.t,{url:e.picture,className:"h-[50px] w-[50px] shrink-0 overflow-hidden rounded-full"}),(0,a.jsxs)("div",{className:"ml-[12px] w-[70%]",children:[(0,a.jsx)(R.xv,{className:"truncate text-[16px] font-bold",html:e.title}),(0,a.jsx)(R.xv,{className:"mt-[4px] text-[14px] text-[#9f9fa0]",html:e.tag})]})]}),(0,a.jsx)(R.xv,{as:"p",html:e.description,className:"mt-[16px] line-clamp-3 text-[14px] leading-[1.6] text-[#5c5d5d] x:text-[12px]"})]})]},t))}),(0,a.jsxs)("div",{ref:i,className:"mt-[32px] hidden overflow-hidden x:block",children:[(0,a.jsx)("div",{className:"swiper-wrapper",children:t.items.map((e,t)=>(0,a.jsxs)("div",{className:"swiper-slide text-start",children:[(0,a.jsx)(o.t,{url:e.imgUrl,className:"aspect-h-[207] aspect-w-[307] w-full overflow-hidden rounded-t-[16px]"}),(0,a.jsxs)("div",{className:"rounded-b-[16px] bg-[#F7F8F9] px-[16px] pb-[32px] pt-[20px]",children:[(0,a.jsxs)("div",{className:"flex",children:[(0,a.jsx)(o.t,{url:e.picture,className:"h-[42px] w-[42px] shrink-0 overflow-hidden rounded-full"}),(0,a.jsxs)("div",{className:"ml-[8px] w-[70%]",children:[(0,a.jsx)(R.xv,{as:"p",html:e.title,className:"truncate text-[14px] font-bold"}),(0,a.jsx)(R.xv,{as:"p",html:e.tag,className:"mt-[4px] text-[12px] text-[#9f9fa0]"})]})]}),(0,a.jsx)(R.xv,{as:"p",html:e.description,className:"mt-[16px] line-clamp-3 text-[12px] font-semibold leading-[1.6] text-[#5c5d5d]"})]})]},t))}),(0,a.jsx)("div",{ref:n,className:"swiper-scrollbar swiper-scrollbar-drag:bg-[#1a1a1a] !relative z-[2] !mx-auto !mt-[32px] !w-[240px] bg-[#E8E8E8]"})]})]})})};var ed=e=>{var t,l,r,s,i,n,o,x,d;let{page:c}=e,p=null===(t=c.metafields.component)||void 0===t?void 0:t.swiperBanner,u=null===(l=c.metafields.component)||void 0===l?void 0:l.featuredCard,m=null===(r=c.metafields.component)||void 0===r?void 0:r.carouselProduct,h=null===(s=c.metafields.component)||void 0===s?void 0:s.collectionCard,f=null===(i=c.metafields.component)||void 0===i?void 0:i.guides,v=null===(n=c.metafields.component)||void 0===n?void 0:n.about,g=null===(o=c.metafields.component)||void 0===o?void 0:o.mediaCard,b=null===(x=c.metafields.component)||void 0===x?void 0:x.userGallery,w=null===(d=c.metafields.component)||void 0===d?void 0:d.quiz;return(0,a.jsxs)(a.Fragment,{children:[p&&(0,a.jsx)(eo,{data:p}),u&&(0,a.jsx)(P,{data:u}),m&&(0,a.jsx)(q,{data:m}),w&&(0,a.jsx)(es,{data:w}),h&&(0,a.jsx)(S,{data:h}),f&&(0,a.jsx)(B,{data:{guides:f,about:v}}),g&&(0,a.jsx)(M,{data:g}),b&&(0,a.jsx)(ex,{data:b})]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.