https://oceanx.org/_next/static/chunks/app/(inner)/layout-4cf138ad6f7b718c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3849],{57540:(e,t,i)=>{Promise.resolve().then(i.bind(i,81432))},81432:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>J});var r=i(95155),n=i(76784),o=i(12115),a=i(47605),s=i(55580),l=i(44151),c=i(39957);function d(){return(0,o.useLayoutEffect)(()=>{a.Ay.registerPlugin(s.u,c.L,l.A)},[]),null}let u=(0,o.createContext)({isReducedMotion:!1,isLowPowerMode:!1,devicePixelRatio:1}),p=e=>{let{children:t}=e,[i,n]=(0,o.useState)({isReducedMotion:!1,isLowPowerMode:!1,devicePixelRatio:1});(0,o.useEffect)(()=>{var e;n({isReducedMotion:window.matchMedia("(prefers-reduced-motion: reduce)").matches,isLowPowerMode:null==(e=navigator)?void 0:e.userAgent.includes("Low-Power"),devicePixelRatio:window.devicePixelRatio})},[]);let a=(0,o.useMemo)(()=>i,[i]);return(0,r.jsx)(u.Provider,{value:a,children:t})},v=(0,o.createContext)({}),h=e=>{let{children:t}=e,i=(0,o.useRef)(null),n=(0,o.useMemo)(()=>({lenis:i}),[]);return(0,r.jsx)(v.Provider,{value:n,children:(0,r.jsx)(p,{children:t})})};var g=i(12758),m=i.n(g);let f={set:(e,t)=>localStorage.setItem(e,JSON.stringify(t)),get:e=>JSON.parse(localStorage.getItem(e))};var y=i(20647),x=i(64314),b=i(18054);let w=(0,y.Ay)(x.nC).withConfig({componentId:"sc-c443133c-0"})(e=>(0,y.AH)(["position:fixed;bottom:0;width:100%;z-index:99999;display:flex;justify-content:space-between;align-items:center;gap:2.4rem;padding:2.4rem;border-top-left-radius:8px;border-top-right-radius:8px;background:",";p{"," max-width:670px;}> div{display:flex;justify-content:space-between;align-items:center;gap:2.4rem;}button{background:transparent;}",""],e.theme.colors.brand.bc10.solid,b.tK,x.pg.medium(e=>(0,y.AH)(["flex-direction:column;> div{flex-direction:column-reverse;width:100%;button{width:100%;}}"])))),A=(0,y.Ay)(x.i).withConfig({componentId:"sc-c443133c-1"})(e=>(0,y.AH)(["text-decoration:underline;"," font-size:12px;cursor:pointer;"],b.tK));var j=i(49186);let E="cookie-consent-given",L=e=>{let{message:t="This website uses cookies to enhance your experience. By continuing to use this site, you agree to our use of cookies.",acceptButtonText:i="Accept",declineButtonText:n="Decline",onAccept:a,onDecline:s,className:l}=e,[c,d]=(0,o.useState)(!1);return((0,o.useEffect)(()=>{f.get(E)||d(!0)},[]),c)?(0,r.jsxs)(w,{className:l,children:[(0,r.jsx)("p",{children:t}),(0,r.jsxs)("div",{children:[(0,r.jsx)(j.A,{isOutlineDark:!0,onClick:()=>{f.set(E,!0),d(!1),a&&a()},label:i}),(0,r.jsx)(A,{onClick:()=>{f.set(E,!1),document.cookie.split(";").forEach(e=>{let[t]=e.split("=");document.cookie="".concat(t.trim(),"=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/")}),d(!1),s&&s()},children:n})]})]}):null};L.propTypes={message:m().string,acceptButtonText:m().string,declineButtonText:m().string,onAccept:m().func,onDecline:m().func,className:m().string};var S=i(26341);let P=y.Ay.div.withConfig({componentId:"sc-a801cec2-0"})(e=>(0,y.AH)(["position:fixed;z-index:9999999999;top:0;left:0;right:0;bottom:0;width:0px;height:0px;display:flex;align-items:center;justify-content:center;border-radius:50%;transform-origin:50% 50%;transform:translate(-50%,-50%);pointer-events:none;transition:all 0.25s ease-out;&:after{content:'';position:absolute;inset:0;background-color:white;border-radius:1.2rem;opacity:1;transition:all 0.25s ease-out;}svg{position:absolute;top:50%;left:50%;width:24px;height:24px;fill:#ffffff;transform-origin:50% 50%;transform:translate(-50%,-50%);}"," "," ",""],e.$isHovering&&(0,y.AH)(["&:after{opacity:0;}"]),(e.$hoveringVideo||e.$hoveringVideoPlaying)&&(0,y.AH)(["display:flex;flex-direction:row;justify-content:center;align-items:center;width:12.8rem;height:7.2rem;&:after{z-index:-1;width:100%;height:100%;background:rgba(0,0,0,0.01);border:2px solid #ffffff;backdrop-filter:blur(24px);border-radius:64px;flex:none;order:0;flex-grow:0;}"]),e.$hoveringInteractiveShip&&(0,y.AH)(["transition:none;&:after{opacity:0 !important;display:none !important;}svg{display:block;margin:0 auto;}"])));var k=i(19055),I=i(81224),M=i(26497),C=i(1733);let R=(0,y.Ay)(x.i).withConfig({componentId:"sc-e587b434-0"})(e=>(0,y.AH)(["border-radius:25px;border:1px solid rgba(255,255,255,0.25);background-color:rgba(0,0,0,0.4);padding:6px;display:flex;align-items:center;gap:27px;backdrop-filter:blur(10px);"])),T=(0,y.Ay)(x.i).withConfig({componentId:"sc-e587b434-1"})(e=>(0,y.AH)(["width:32px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.08);svg{position:relative;display:block;width:18px;height:18px;margin-bottom:12px;margin-right:14px;}"])),q=(0,y.Ay)(x.P).withConfig({componentId:"sc-e587b434-2"})(e=>(0,y.AH)([""," font-weight:bold;text-transform:uppercase;color:white;"],b.e));function H(){return(0,r.jsxs)(R,{children:[(0,r.jsx)(T,{children:(0,r.jsx)(S.A,{type:"arrowLeft"})}),(0,r.jsx)(q,{children:"DRAG"}),(0,r.jsx)(T,{children:(0,r.jsx)(S.A,{type:"arrowRight"})})]})}let N=()=>{let e=(0,o.useRef)(null),t=(0,o.useRef)({x:0,y:0}),i=(0,o.useRef)({x:0,y:0}),n=(0,o.useRef)(null),{isReady:s}=(0,o.useContext)(v),[l,c]=(0,o.useState)(!1),[d,u]=(0,o.useState)(!1),[p,h]=(0,o.useState)(!1),[g,m]=(0,o.useState)(!1),{width:f}=(0,k.A)(),y=e=>{"cursor"===e.target.dataset.label&&c(!0)},x=e=>{"cursor"===e.target.dataset.label&&c(!1)},b=e=>{"video"===e.target.dataset.label&&u(!0)},w=e=>{"video"===e.target.dataset.label&&u(!1)},A=e=>{"video-playing"===e.target.dataset.label&&h(!0)},j=e=>{"video-playing"===e.target.dataset.label&&h(!1)},E=e=>{"interactive-ship"===e.target.dataset.label&&m(!0)},L=e=>{"interactive-ship"===e.target.dataset.label&&m(!1)},R=(e,t)=>

1{e.forEach(e=>{"cursor"===t?(e.addEventListener("mouseover",y),e.addEventListener("mouseout",x)):"video"===t?(e.addEventListener("mouseover",b),e.addEventListener("mouseout",w)):"video-playing"===t?(e.addEventListener("mouseover",A),e.addEventListener("mouseout",j)):"interactive-ship"===t&&(e.addEventListener("mouseover",E),e.addEventListener("mouseout",L))})},T=(e,t)=>{e.forEach(e=>{"cursor"===t?(e.removeEventListener("mouseover",y),e.removeEventListener("mouseout",x)):"video"===t?(e.removeEventListener("mouseover",b),e.removeEventListener("mouseout",w)):"video-playing"===t?(e.removeEventListener("mouseover",A),e.removeEventListener("mouseout",j)):"interactive-ship"===t&&(e.removeEventListener("mouseover",E),e.removeEventListener("mouseout",L))})};return((0,o.useLayoutEffect)(()=>{a.Ay.registerPlugin(I.CustomEase)},[]),(0,o.useEffect)(()=>{if(f<1024)return;let r=r=>{let n=r.clientX,o=r.clientY;a.Ay.to(t.current,{x:n,y:o,duration:.15,ease:"power3.out",onUpdate:()=>{i.current.x=n-t.current.x,i.current.y=o-t.current.y,(()=>{if(!e.current)return;i.current.x,i.current.y,Math.PI;let r=((e,t)=>Math.min(Math.sqrt(e*e+t*t)/400,.5))(i.current.x,i.current.y);a.Ay.set(e.current,{x:t.current.x,y:t.current.y,scaleX:1+r,scaleY:1-r})})()}})};window.addEventListener("mousemove",r);let o=document.querySelectorAll('[data-label="cursor"]'),s=document.querySelectorAll('[data-label="video"]'),l=document.querySelectorAll('[data-label="video-playing"]'),c=document.querySelectorAll('[data-label="interactive-ship"]');return R(s,"video"),R(l,"video-playing"),R(c,"interactive-ship"),n.current=new MutationObserver(e=>{e.forEach(e=>{"childList"===e.type&&(e.addedNodes.forEach(e=>{if(1===e.nodeType){e.querySelectorAll('[data-label="cursor"]');let t=e.querySelectorAll('[data-label="video"]'),i=e.querySelectorAll('[data-label="video-playing"]'),r=e.querySelectorAll('[data-label="interactive-ship"]');R(t,"video"),R(i,"video-playing"),R(r,"interactive-ship")}}),e.removedNodes.forEach(e=>{if(1===e.nodeType){let t=e.querySelectorAll('[data-label="cursor"]'),i=e.querySelectorAll('[data-label="video"]'),r=e.querySelectorAll('[data-label="video-playing"]'),n=e.querySelectorAll('[data-label="interactive-ship"]');T(t,"cursor"),T(i,"video"),T(r,"video-playing"),T(n,"interactive-ship")}}))})}),n.current.observe(document.body,{childList:!0,subtree:!0}),()=>{window.removeEventListener("mousemove",r),T(o,"cursor"),T(s,"video"),T(l,"video-playing"),T(c,"interactive-ship"),n.current&&n.current.disconnect()}},[f]),f<1024)?null:(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(P,{ref:e,$isHovering:l,$hoveringVideo:d,$hoveringVideoPlaying:p,$hoveringInteractiveShip:g,children:(0,r.jsxs)(M.N,{children:[d&&(0,r.jsx)(C.P.div,{initial:{opacity:0,y:12,scale:0},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:12,scale:0},transition:{duration:.5,ease:"easeInOut"},children:(0,r.jsx)(S.A,{type:"play"})}),p&&(0,r.jsx)(C.P.div,{initial:{opacity:0,y:12,scale:0},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:12,scale:0},transition:{duration:.5,ease:"easeInOut"},children:(0,r.jsx)(S.A,{type:"close"})}),g&&(0,r.jsx)(C.P.div,{initial:{opacity:0,y:12,scale:0},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:12,scale:0},transition:{duration:.5,ease:"easeInOut"},children:(0,r.jsx)(H,{})})]})})})};var O=i(17018),$=i(10248),F=i(16507),_=i(53957);function z(){let e=new $.P({uri:"https://graphql.datocms.com",fetchOptions:{cache:"no-store"}}),t=(0,_.o)((e,t)=>{let{headers:i}=t,r="96f00459858da8a5f78e91a9192590";return{headers:{...i,authorization:r?"Bearer ".concat(r):""}}});return new F.Ri({cache:new F.D9({typePolicies:{Query:{fields:{}}}}),link:t.concat(e),defaultOptions:{watchQuery:{fetchPolicy:"cache-first",nextFetchPolicy:"cache-first"}}})}function D(e){let{children:t}=e;return(0,r.jsx)(F.TO,{makeClient:z,children:t})}var G=i(20063);function B(e){let{children:t}=e,[i]=(0,o.useState)(()=>new y.E);return(0,G.useServerInsertedHTML)(()=>{let e=i.getStyleElement();return i.instance.clearTag(),(0,r.jsx)(r.Fragment,{children:e})}),(0,r.jsx)(r.Fragment,{children:t})}let V=(0,o.memo)(e=>{let{children:t}=e,i=(0,G.usePathname)(),[a,s]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{window.localStorage.getItem("cookie-consent-given")?s(!0):s(!1)},[i]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(B,{children:(0,r.jsx)(D,{children:(0,r.jsxs)(y.NP,{theme:O.w,children:[(0,r.jsx)(N,{}),(0,r.jsxs)(h,{children:[(0,r.jsx)(d,{}),t,(0,r.jsx)(L,{onAccept:()=>(0,n.sendGAEvent)("send","pageview","/")})]})]},"themeprovider")})}),a&&(0,r.jsx)(n.GoogleTagManager,{gtmId:"GTM-THN8PZT"})]})});V.displayName="FunctionalLayout";let J=V}},e=>{e.O(0,[5592,8987,4674,9782,7999,2067,1552,1045,9186,8441,1255,7358],()=>e(e.s=57540)),_N_E=e.O()}]);