https://pebblelife.com/_next/static/chunks/3647.cee56771d056f9f9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3647],{53647:function(e,r,t){t.d(r,{Z:function(){return x}});var n=t(85893),s=t(67294),l=t(26038),o=t(65285),i=t(146),u=t(8430),c=t(44977),a=e=>(0,n.jsx)("svg",{width:"4",height:"5",viewBox:"0 0 4 5",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M0 5V0L4 2.69231L0 5Z",fill:e.fill||"#575349"})}),d=e=>{let{fill:r="#F2EFE9"}=e;return(0,n.jsx)("svg",{width:"48",height:"46",viewBox:"0 0 48 46",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M39.1332 42.3703C26.6704 50.793 0.0514704 38.5932 0.982129 24.005C1.77076 11.6431 14.3345 -3.39248 34.894 1.46762C50.4349 5.14135 50.8273 34.4672 39.1332 42.3703Z",fill:r})})},p=()=>(0,n.jsxs)("svg",{width:"5",height:"7",viewBox:"0 0 5 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1 0.501953C1.27614 0.501953 1.5 0.725811 1.5 1.00195L1.5 6.00195C1.5 6.2781 1.27614 6.50195 1 6.50195C0.723857 6.50195 0.5 6.2781 0.5 6.00195L0.5 1.00195C0.5 0.725811 0.723858 0.501953 1 0.501953Z",fill:"#575349"}),(0,n.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4 0.501953C4.27614 0.501953 4.5 0.725811 4.5 1.00195L4.5 6.00195C4.5 6.2781 4.27614 6.50195 4 6.50195C3.72386 6.50195 3.5 6.2781 3.5 6.00195L3.5 1.00195C3.5 0.725811 3.72386 0.501953 4 0.501953Z",fill:"#575349"})]}),m=()=>(0,n.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("line",{x1:"12.5",y1:"2.18557e-08",x2:"12.5",y2:"13",stroke:"#F2EFE9"}),(0,n.jsx)("line",{x1:"8.5",y1:"6",x2:"8.5",y2:"13",stroke:"#F2EFE9"}),(0,n.jsx)("line",{x1:"4.5",y1:"3",x2:"4.5",y2:"13",stroke:"#F2EFE9"}),(0,n.jsx)("line",{x1:"0.5",y1:"8",x2:"0.5",y2:"13",stroke:"#F2EFE9"})]}),h=()=>(0,n.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("path",{d:"M8.5 1H13V5.5",stroke:"#F2EFE9"}),(0,n.jsx)("path",{d:"M5.5 1H1V5.5",stroke:"#F2EFE9"}),(0,n.jsx)("path",{d:"M8.5 13H13V8.5",stroke:"#F2EFE9"}),(0,n.jsx)("path",{d:"M5.5 13H1V8.5",stroke:"#F2EFE9"})]}),f=t(70188),w=t(47825),x=e=>{let{loop:r,src:t}=e,x=(0,s.useRef)(null),g=(0,s.useRef)(null),v=(0,s.useRef)(),y=(0,s.useRef)(),j=(0,s.useRef)(),R=(0,s.useRef)(),E=(0,s.useRef)(),b=(0,s.useRef)(),L=(0,s.useRef)(),N=(0,s.useRef)(),C=(0,s.useRef)(),k=(0,s.useRef)(!1),F=(0,s.useRef)(),H=(0,s.useRef)(!1),B=(0,s.useRef)(),q=(0,s.useRef)(),M=(0,s.useRef)(),P=(0,s.useRef)(),Z=(0,s.useRef)(!1),T=(0,s.useRef)(!1),A=(0,s.useRef)(!1),S=(0,s.useRef)(!1),V=(0,s.useRef)(!1),W=(0,s.useRef)(!1),X=(0,s.useRef)(!1),_=(0,s.useRef)(!1),z=(0,o.LZ)(),I=(0,w.a)("(max-width: 1024px)"),O=(0,i.o)(e=>e.isPopupOpen),Y=(0,i.o)(e=>e.setPopupOpen),D=(0,i.o)(e=>e.setHeaderVisible),G=(0,i.o)(e=>e.isAppear);H.current=O;let J=()=>{H.current?(l.p8.set([A.current,S.current],{width:"calc(".concat(document.documentElement.offsetWidth,"px - 2rem)"),height:"calc(".concat(window.innerHeight,"px - 2rem)"),x:"1rem",y:"1rem"}),setTimeout(()=>{l.p8.set(E.current,{x:-(window.innerWidth/2-E.current.offsetWidth/2-R.current.getBoundingClientRect().left),y:window.innerHeight/2+E.current.offsetHeight/2-(window.innerHeight-R.current.getBoundingClientRect().top-window.scrollY)})},0)):(_.current=X.current.getBoundingClientRect().top-Z.current.getBoundingClientRect().top+X.current.offsetHeight,l.p8.set(W.current,{y:_.current}))},K=()=>{!document.fullscreenElement&&g.current&&g.current.pause()};(0,s.useEffect)(()=>(_.current=X.current.getBoundingClientRect().top-Z.current.getBoundingClientRect().top+X.current.offsetHeight,l.p8.set(W.current,{y:_.current}),Q(),window.addEventListener("keydown",el),window.addEventListener("resize",J),g.current.addEventListener("waiting",()=>{F.current=!0,y.current.classList.remove("opacity-0")}),g.current.addEventListener("playing",()=>{F.current&&(F.current=!1,y.current.classList.add("opacity-0"))}),g.current.addEventListener("seeked",()=>{y.current.classList.add("opacity-0")}),g.current.addEventListener("seeking",()=>{y.current.classList.remove("opacity-0")}),()=>{window.removeEventListener("resize",J),window.removeEventListener("keydown",el),g.current&&g.current.removeEventListener("fullscreenchange",K)}),[]),(0,s.useEffect)(()=>(O?(P.current=u.Z.add(ei,0),k.current?en():(k.current=!0,U().then(()=>en()))):es(),()=>{O&&P.current&&P.current()}),[O]);let Q=()=>{M.current=l.p8.timeline({paused:!0}),M.current.fromTo(C.current,{scaleX:0},{scaleX:1,ease:"linear"})},U=()=>new Promise(e=>{g.current.src=t,g.current.load(),g.current.addEventListener("loadeddata",()=>{e()}),g.current.addEventListener("fullscreenchange",K)}),$=()=>{I||(g.current.paused?er():et())},ee=()=>{let e=g.current.requestFullscreen||g.current.msRequestFullscreen||g.current.mozRequestFullScreen||g.current.webkitRequestFullscreen;e&&e.call(g.current)},er=()=>{E.current.classList.add("a"),g.current.play()},et=()=>{E.current.classList.remove("a"),g.current.pause()},en=()=>

1{if(I){ee(),g.current.play();return}z&&z.stop(),z&&z.scrollTo(0,{force:!0}),D(!1),g.current.currentTime=0,x.current.classList.add("a"),Z.current.classList.remove("group"),Z.current.classList.add("pointer-events-none"),j.current.classList.remove("pointer-events-none"),er(),(0,f.RE)(q.current),B.current=l.p8.timeline({defaults:{ease:"expo.out",duration:1.2}}),B.current.addLabel("start",0),B.current.to([A.current,S.current],{width:"calc(".concat(document.documentElement.offsetWidth,"px - 2rem)"),height:"calc(".concat(window.innerHeight,"px - 2rem)"),x:"1rem",y:"1rem",stagger:.03},"start").to(T.current,{opacity:1,ease:"power2.out",duration:.9},"start").to(E.current,{x:-(window.innerWidth/2-E.current.offsetWidth/2-R.current.getBoundingClientRect().left),y:window.innerHeight/2+E.current.offsetHeight/2-(window.innerHeight-R.current.getBoundingClientRect().top-window.scrollY),duration:1.4},"start").to(j.current,{opacity:1,ease:"power2.out"},"start").fromTo(N.current,{scaleX:0},{scaleX:1},"start+=0.12").to(W.current,{y:0},"start+=0.1").to(g.current,{opacity:1,ease:"power2.out",duration:.4},.6)},es=()=>{I||(D(!0),z&&z.start(),x.current.classList.remove("a"),Z.current.classList.add("group"),Z.current.classList.remove("pointer-events-none"),j.current.classList.add("pointer-events-none"),et(),(0,f.RE)(B.current),q.current=l.p8.timeline({defaults:{ease:"expo.out",duration:.9}}),q.current.to([A.current,S.current],{width:"100%",height:"100%",x:"0",y:"0",stagger:-.03},0).to(T.current,{opacity:0,ease:"power2.out",duration:.8},0).to(E.current,{x:0,y:0},0).to(j.current,{opacity:0,ease:"power2.out",duration:.3},0).to(N.current,{scaleX:0},0).to(W.current,{y:_.current},0).to(g.current,{opacity:0,ease:"power2.out",duration:.4},0))},el=e=>{"Escape"===e.key&&H.current&&Y(!1)},eo=()=>{H.current&&!I&&$()},ei=()=>{g.current&&!g.current.paused&&M.current.progress(g.current.currentTime/g.current.duration)};return(0,s.useEffect)(()=>{if(!G){l.p8.set([A.current,S.current],{yPercent:120});return}l.p8.timeline({delay:1.25}).to([A.current,S.current],{yPercent:0,ease:"power3.out",duration:1.25,stagger:.07})},[G]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{ref:Z,onClick:()=>{I?k.current?en():(k.current=!0,U().then(()=>en())):O||Y(!0)},className:"group relative w-full h-0 pt-[71.51%] md:pt-[67.46%] cursor-pointer",children:[(0,n.jsx)("div",{ref:T,className:"fixed top-0 left-0 w-full h-full pointer-events-none bg-light_beige opacity-0"}),(0,n.jsx)("div",{ref:A,className:"absolute bottom-0 right-0 w-full h-full bg-white rounded-12"}),(0,n.jsx)("div",{ref:S,className:"absolute bottom-0 right-0 w-full h-full bg-white rounded-12 overflow-hidden",children:(0,n.jsx)("div",{ref:V,className:"absolute bottom-0 right-0 w-full h-full bg-white rounded-10 p-[0.2rem] overflow-hidden",children:(0,n.jsxs)("div",{className:"relative w-full h-full rounded-10 overflow-hidden",children:[(0,n.jsx)("video",{loop:!0,muted:!0,playsInline:!0,autoPlay:!0,className:"relative w-full h-full object-cover rounded-10 xl:rounded-none",children:(0,n.jsx)("source",{type:"video/mp4",src:r})}),(0,n.jsx)("video",{ref:g,onClick:$,onEnded:()=>{E.current.classList.remove("a")},disablePictureInPicture:!0,controlsList:"nodownload noplaybackrate",className:"absolute top-0 left-0 w-full h-full object-contain rounded-10 bg-black opacity-0 pointer-events-auto xl:object-cover"}),(0,n.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.6rem] h-[3.6rem] md:w-[6.5rem] md:h-[6.5rem] lg:w-[9.5rem] lg:h-[9.5rem] xl:w-[5.5rem] xl:h-[5.5rem] pointer-events-none",children:(0,n.jsx)("div",{ref:E,onClick:()=>eo(),className:"group w-full h-full pointer-events-auto",children:(0,n.jsxs)("div",{className:"relative w-full h-full transition-transform ease-out duration-500 xl:group-hover:scale-[1.2] xl:hover:scale-[1.2]",children:[(0,n.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[3.6rem] h-[3.6rem] md:w-[5.5rem] md:h-[5.5rem] lg:w-[8.5rem] lg:h-[8.5rem] xl:w-[4.5rem] xl:h-[4.5rem] svg-wrapper",children:(0,n.jsx)(d,{})}),(0,n.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[0.415rem] h-[0.5rem] md:w-[0.6rem] md:h-[0.7rem] lg:w-[1rem] lg:h-[1.1rem] xl:w-[0.6rem] xl:h-[0.7rem] svg-wrapper group-[.a]:opacity-0",children:(0,n.jsx)(a,{})}),(0,n.jsx)("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[0.415rem] h-[0.5rem] md:w-[0.6rem] md:h-[0.7rem] lg:w-[1rem] lg:h-[1.1rem] xl:w-[0.6rem] xl:h-[0.7rem] svg-wrapper opacity-0 group-[.a]:opacity-100",children:(0,n.jsx)(p,{})})]})})}),(0,n.jsx)("div",{ref:X,className:"pointer-events-none absolute top-[7rem] right-[0.8rem] md:top-1/2 md:-translate-y-1/2 md:right-[0.8rem]",children:(0,n.jsx)("div",{ref:W,onClick:()=>{Y(!1)},className:"pointer-events-auto",children:(0,n.jsx)("div",{className:"flex items-center justify-center w-[6.6rem] h-[6.6rem] bg-white rounded-12 cursor-pointer transition-transform ease-

1out duration-500 xl:hover:scale-[1.05]",children:(0,n.jsx)("div",{className:"w-[1rem] h-[1rem] svg-wrapper text-dark_grey",children:(0,n.jsx)(c.Z,{})})})})})]})})})]}),(0,n.jsx)("div",{ref:x,className:"group fixed top-0 left-0 w-full h-screen-mobile px-[1rem] py-[1.3rem] z-popup pointer-events-none",children:(0,n.jsxs)("div",{className:"relative w-full h-full",children:[(0,n.jsx)("div",{ref:y,className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-white uppercase opacity-0",children:"Loading"}),(0,n.jsxs)("div",{ref:j,className:"absolute left-0 bottom-0 w-full flex items-center px-25 md:px-36 pb-30 text-white cursor-pointer pointer-events-none opacity-0",children:[(0,n.jsx)("div",{ref:v,onClick:$,className:"relative mr-16 w-[6.5rem] h-[6.5rem] lg:w-[9.5rem] lg:h-[9.5rem] xl:w-[5.5rem] xl:h-[5.5rem]",children:(0,n.jsx)("div",{ref:R,className:"play-button-w absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full"})}),(0,n.jsx)("div",{ref:N,onClick:e=>{let r=N.current.getBoundingClientRect(),t=Math.round(100*l.p8.utils.clamp(0,1,l.p8.utils.mapRange(r.left,r.right,0,1,e.clientX)))/100;g.current.currentTime=g.current.duration*t,g.current.paused&&l.p8.to(M.current,{progress:t,duration:.9,ease:"expo.out"})},className:"group-[.a]:pointer-events-auto relative flex-1 py-10 origin-right",children:(0,n.jsxs)("div",{className:"relative w-full",children:[(0,n.jsx)("div",{className:"w-full h-px bg-white opacity-25"}),(0,n.jsx)("div",{ref:C,className:"absolute left-0 top-0 w-full h-px bg-white origin-left"})]})}),(0,n.jsxs)("div",{className:"relative flex items-center gap-x-container ml-16 uppercase group-[.a]:pointer-events-auto",children:[(0,n.jsx)("div",{className:"w-[1.3rem] h-[1.3rem] svg-wrapper",onClick:()=>{g.current.muted?(l.p8.to(b.current.querySelectorAll("svg > line")[0],{attr:{y1:218557e-13},ease:"expo.out"}),l.p8.to(b.current.querySelectorAll("svg > line")[1],{attr:{y1:6},ease:"expo.out"}),l.p8.to(b.current.querySelectorAll("svg > line")[2],{attr:{y1:3},ease:"expo.out"}),l.p8.to(b.current.querySelectorAll("svg > line")[3],{attr:{y1:8},ease:"expo.out"})):l.p8.to(b.current.querySelectorAll("svg > line"),{attr:{y1:11},ease:"expo.out"}),g.current.muted=!g.current.muted},ref:b,children:(0,n.jsx)(m,{})}),(0,n.jsx)("div",{className:"w-[1.2rem] h-[1.2rem] origin-center hover:scale-125 transition-transform ease-out duration-300 svg-wrapper",onClick:ee,ref:L,children:(0,n.jsx)(h,{})})]})]})]})})]})}}}]);