(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{5010:function(e,t,n){Promise.resolve().then(n.t.bind(n,8385,23)),Promise.resolve().then(n.t.bind(n,3054,23)),Promise.resolve().then(n.bind(n,4831))},4368:function(e,t,n){"use strict";n.d(t,{Z:function(){return r}});var s=n(2265),i=n(9582);function r(e){let{children:t}=e,n=(0,s.useRef)(null);return(0,s.useEffect)(()=>{console.log(t),i.ZP.quickTo(n.current,"x",{duration:1,ease:"elastic.out(1, 0.3)"}),i.ZP.quickTo(n.current,"y",{duration:1,ease:"elastic.out(1, 0.3)"}),n.current.addEventListener("mousemove",e=>{let t=e.clientX,s=e.clientY,r=n.current.getBoundingClientRect(),a=r.left+r.width/2,l=r.top+r.height/2;i.ZP.to(n.current,{x:(t-a)*.35,y:(s-l)*.35,ease:"power3.out"})}),n.current.addEventListener("mouseleave",()=>{i.ZP.to(n.current,{x:0,y:0,ease:"power3.out"})})},[t]),s.cloneElement(t,{ref:n})}},358:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var s=n(7437),i=n(2265),r=n(71),a=n.n(r),l=n(9582),c=n(4368);function o(e){let{children:t,backgroundColor:n="#455CE9",...r}=e,o=(0,i.useRef)(null),d=(0,i.useRef)(null),u=null;(0,i.useEffect)(()=>{d.current=l.ZP.timeline({paused:!0}),d.current.to(o.current,{top:"-25%",width:"150%",duration:.4,ease:"power3.in"},"enter").to(o.current,{top:"-150%",width:"125%",duration:.25},"exit")},[]);let _=()=>{u&&clearTimeout(u),d.current.tweenFromTo("enter","exit")},h=()=>{u=setTimeout(()=>{d.current.play()},300)};return(0,s.jsx)(c.Z,{children:(0,s.jsxs)("div",{className:a().roundedButton,style:{overflow:"hidden"},onMouseEnter:()=>{_()},onMouseLeave:()=>{h()},...r,children:[t,(0,s.jsx)("div",{ref:o,style:{backgroundColor:n},className:a().circle})]})})}},4831:function(e,t,n){"use strict";n.d(t,{default:function(){return L}});var s=n(7437),i=n(2265),r=n(8915),a=n.n(r),l=n(1169),c=n(5127),o=n(1389),d=n.n(o),u=n(6636);let _={initial:{x:"calc(100% + 100px)"},enter:{x:"0",transition:{duration:.8,ease:[.76,0,.24,1]}},exit:{x:"calc(100% + 100px)",transition:{duration:.8,ease:[.76,0,.24,1]}}},h={initial:{x:80},enter:e=>({x:0,transition:{duration:.8,ease:[.76,0,.24,1],delay:.05*e}}),exit:e=>({x:80,transition:{duration:.8,ease:[.76,0,.24,1],delay:.05*e}})},x={open:{scale:1,transition:{duration:.3}},closed:{scale:0,transition:{duration:.4}}};var m=n(6431),f=n.n(m),v=n(7138);function j(e){let{data:t,isActive:n,setSelectedIndicator:i}=e,{title:r,href:a,index:l}=t;return(0,s.jsxs)(u.E.div,{className:f().link,onMouseEnter:()=>{i(a)},custom:l,variants:h,initial:"initial",animate:"enter",exit:"exit",children:[(0,s.jsx)(u.E.div,{variants:x,animate:n?"open":"closed",className:f().indicator}),(0,s.jsx)(v.default,{href:a,children:r})]})}var g=n(9923),p=n.n(g);function y(){let e="M100 0 L100 ".concat(window.innerHeight," Q-100 ").concat(window.innerHeight/2," 100 0"),t="M100 0 L100 ".concat(window.innerHeight," Q100 ").concat(window.innerHeight/2," 100 0");return(0,s.jsx)("svg",{className:p().svgCurve,children:(0,s.jsx)(u.E.path,{variants:{initial:{d:e},enter:{d:t,transition:{duration:1,ease:[.76,0,.24,1]}},exit:{d:e,transition:{duration:.8,ease:[.76,0,.24,1]}}},initial:"initial",animate:"enter",exit:"exit"})})}var N=n(2430),b=n.n(N);function w(){return(0,s.jsxs)("div",{className:b().footer,children:[(0,s.jsx)("a",{href:"https://www.facebook.com/nxtech.nz/",target:"_blank",rel:"noopener noreferrer",children:"Facebook"}),(0,s.jsx)("a",{href:"https://www.instagram.com/nxtech.nz/",target:"_blank",rel:"noopener noreferrer",children:"Instagram"})]})}let k=[{title:"Home",href:"/"},{title:"About",href:"/about"},{title:"Projects",href:"/projects"},{title:"VS360",href:"/services"},{title:"Contact",href:"/contact"}];function E(){let e=(0,l.usePathname)(),[t,n]=(0,i.useState)(e);return(0,s.jsxs)(u.E.div,{variants:_,initial:"initial",animate:"enter",exit:"exit",className:d().menu,children:[(0,s.jsxs)("div",{className:d().body,children:[(0,s.jsxs)("div",{onMouseLeave:()=>{n(e)},className:d().nav,children:[(0,s.jsx)("div",{className:d().header,children:(0,s.jsx)("p",{children:"Navigation"})}),k.map((e,i)=>(0,s.jsx)(j,{data:{...e,index:i},isActive:t==e.href,setSelectedIndicator:n},i))]}),(0,s.jsx)(w,{})]}),(0,s.jsx)(y,{})]})}var Z=n(9582),P=n(1204),B=n(358),C=n(4368),H=n(6648);function L(){let e=(0,i.useRef)(null),[t,n]=(0,i.useState)(!1),r=(0,l.usePathname)(),o=(0,i.useRef)(null);return(0,i.useEffect)(()=>{t&&n(!1)},[r]),(0,i.useLayoutEffect)(()=>{Z.ZP.registerPlugin(P.i),Z.ZP.to(o.current,{scrollTrigger:{trigger:document.documentElement,start:0,end:window.innerHeight,onLeave:()=>{Z.ZP.to(o.current,{scale:1,duration:.25,ease:"power1.out"})},onEnterBack:()=>{Z.ZP.to(o.current,{scale:0,duration:.25,ease:"power1.out"},n(!1))}}})},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{ref:e,className:a().header,children:[(0,s.jsx)("div",{className:a().roundedButton,children:(0,s.jsx)(v.default,{href:"/",children:(0,s.jsx)(H.default,{postion:"absolute",fill:!0,sizes:"(max-width: 768px) 100vw, 50vw",alt:"image",src:"/images/WhiteLogo.png"})})}),(0,s.jsxs)("div",{className:a().logo,children:[(0,s.jsx)("p",{className:a().copyright,children:"\xa9"}),(0,s.jsxs)("div",{className:a().name,children:[(0,s.jsx)("p",{className:a().codeBy,children:"Code"}),(0,s.jsx)("p",{className:a().dennis,children:" by"}),(0,s.jsx)("p",{className:a().snellenberg,children:"Nxtech"})]})]}),(0,s.jsxs)("div",{className:a().nav,children:[(0,s.jsx)(C.Z,{children:(0,s.jsxs)("div",{className:a().el,children:[(0,s.jsx)(v.default,{href:"/about",className:a().link,children:(0,s.jsx)("span",{children:"About"})}),(0,s.jsx)("div",{className:a().indicator})]})}),(0,s.jsx)(C.Z,{children:(0,s.jsxs)("div",{className:a().el,children:[(0,s.jsx)(v.default,{href:"/projects",className:a().link,children:(0,s.jsx)("span",{children:"Projects"})}),(0,s.jsx)("div",{className:a().indicator})]})}),(0,s.jsx)(C.Z,{children:(0,s.jsxs)("div",{className:a().el,children:[(0,s.jsx)(v.default,{href:"/services",className:a().link,children:(0,s.jsx)("span",{children:"VS360"})}),(0,s.jsx)("div",{className:a().indicator})]})}),(0,s.jsx)(C.Z,{children:(0,s.jsxs)("div",{className:a().el,children:[(0,s.jsx)(v.default,{href:"/contact",className:a().link,children:(0,s.jsx)("span",{children:"Contact"})}),(0,s.jsx)("div",{className:a().indicator})]})})]})]}),(0,s.jsx)("div",{ref:o,className:a().headerButtonContainer,children:(0,s.jsx)(B.Z,{onClick:()=>{n(!t)},className:"".concat(a().button),children:(0,s.jsx)("div",{className:"".concat(a().burger," ").concat(t?a().burgerActive:"")})})}),(0,s.jsx)(c.M,{mode:"wait",children:t&&(0,s.jsx)(E,{})})]})}},3054:function(){},71:function(e){e.exports={roundedButton:"style_roundedButton__ne1xQ",circle:"style_circle__yB8nE"}},9923:function(e){e.exports={svgCurve:"styles_svgCurve__a63F0"}},2430:function(e){e.exports={footer:"style_footer__eZZQQ"}},6431:function(e){e.exports={link:"style_link__p0dN0",indicator:"style_indicator__IaE_R"}},1389:function(e){e.exports={menu:"style_menu__jOZ4g",body:"style_body__g5v8Q",nav:"style_nav__aHW3P",header:"style_header__r4s_r"}},8915:function(e){e.exports={header:"style_header__Pp4Zg",button:"style_button__i4W7i",burger:"style_burger__9M2JV",burgerActive:"style_burgerActive__Jt0At",roundedButton:"style_roundedButton__hmuNQ",logo:"style_logo__IVIWQ",name:"style_name__egQcH",copyright:"style_copyright__18m1I",codeBy:"style_codeBy__4WfDj",dennis:"style_dennis__nVN0i",snellenberg:"style_snellenberg__6hKH9",nav:"style_nav__bNmn6",el:"style_el__f_u5S",indicator:"style_indicator__nD4Ou",link:"style_link__G7WzG",headerButtonContainer:"style_headerButtonContainer__Sg8RS"}},8385:function(e){e.exports={style:{fontFamily:"'__Inter_d65c78', '__Inter_Fallback_d65c78'",fontStyle:"normal"},className:"__className_d65c78"}}},function(e){e.O(0,[63,696,922,648,636,138,203,971,23,744],function(){return e(e.s=5010)}),_N_E=e.O()}]);