https://www.maherfayad.com/_next/static/chunks/1s65ekblp6plj.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,96199,e=>{"use strict";var t=e.i(43476),s=e.i(46932),n=e.i(49808);e.s(["default",0,function({children:e,delay:i=0,duration:r=1.2,y:a=30,className:l="",style:o,as:c="div",aboveFold:m=!1}){let x=(0,n.useHomeRevealGate)(),d=s.motion[c]||s.motion.div,u={opacity:0,y:a};return(0,t.jsx)(d,{"data-reveal":"",initial:u,...m?{animate:x?{opacity:1,y:0}:u}:{whileInView:x?{opacity:1,y:0}:u,viewport:{once:!0,amount:.1,margin:"0px 0px -50px 0px"}},transition:{duration:r,delay:i,ease:[.215,.61,.355,1]},className:l,style:o,children:e})}])},44690,e=>{"use strict";var t=e.i(43476),s=e.i(22016),n=e.i(96199),i=e.i(71645),r=e.i(46932),a=e.i(87652),l=e.i(91994),o=e.i(95420),c=e.i(11289);function m({centerLabel:e}){let s=(0,c.useMouseEffectsEnabled)(),n=(0,i.useRef)(null),[x,d]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=()=>d(window.innerWidth<640);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let u=(0,a.useMotionValue)(0),p=(0,a.useMotionValue)(0),[f,h]=(0,i.useState)(!1),g=(0,i.useRef)(!1),v=(0,i.useRef)(null),w=(0,i.useRef)(0),y=(0,i.useRef)({x:0,y:0}),j={stiffness:180,damping:12},b=(0,l.useSpring)(u,j),C=(0,l.useSpring)(p,j),N=(0,o.useTransform)(C,e=>-19*e),T=(0,o.useTransform)(b,e=>19*e),E=(0,o.useTransform)(b,e=>6*e),k=(0,o.useTransform)(C,e=>6*e),M=(0,o.useTransform)(b,e=>12*e),L=(0,o.useTransform)(C,e=>12*e),R=(0,o.useTransform)(b,e=>25*e),F=(0,o.useTransform)(C,e=>25*e),z=(0,o.useTransform)(b,e=>44*e),I=(0,o.useTransform)(C,e=>44*e);(0,i.useEffect)(()=>{if(window.innerWidth>=1024)return;let e=n.current;if(!e)return;let t=!1,s=(e,t,s)=>Math.max(t,Math.min(s,e)),i=()=>{w.current=0,g.current&&(u.set(y.current.x),p.set(y.current.y))},r=e=>{if(!g.current)return;let t=e.gamma??0,n=e.beta??0;y.current={x:s(t/35,-1,1),y:s(n/35,-1,1)},w.current||(w.current=requestAnimationFrame(i))};v.current=r;let a=()=>{t||(window.addEventListener("deviceorientation",r,!0),t=!0,h(!0))},l=()=>{t&&(window.removeEventListener("deviceorientation",r,!0),t=!1,h(!1),w.current&&(cancelAnimationFrame(w.current),w.current=0),u.set(0),p.set(0))},o=new IntersectionObserver(e=>{let t=e.some(e=>e.isIntersecting);g.current=t,t?a():l()},{threshold:.05,rootMargin:"80px 0px"});o.observe(e);let c=window.DeviceOrientationEvent;if(c&&"function"==typeof c.requestPermission){let e=async()=>{try{let e=await c.requestPermission();"granted"===e&&g.current&&a()}catch(e){console.error("Gyro permission error:",e)}finally{window.removeEventListener("touchstart",e),window.removeEventListener("pointerdown",e)}};window.addEventListener("touchstart",e,{once:!0}),window.addEventListener("pointerdown",e,{once:!0})}else g.current&&a();return()=>{o.disconnect(),l(),w.current&&cancelAnimationFrame(w.current)}},[u,p]);let A=(e,t,s)=>Math.max(t,Math.min(s,e)),O={position:"absolute",inset:0,margin:"auto",display:"block",maxWidth:"100%",height:"auto"},S={position:"absolute",inset:0,margin:"auto",zIndex:"auto",transform:x?"translateZ(120px)":"translateZ(310px)",width:x?200:296,height:x?134:199};return(0,t.jsx)("div",{ref:n,className:"relative w-full flex justify-center items-center",...s?{onMouseMove:e=>{if(!s||window.innerWidth<1024&&f||!n.current)return;let t=n.current.getBoundingClientRect();if(t.width<=0||t.height<=0)return;let i=A(((e.clientX-t.left)/t.width-.5)*2,-1,1),r=A(((e.clientY-t.top)/t.height-.5)*2,-1,1);u.set(i),p.set(r)},onMouseLeave:()=>{!s||window.innerWidth<1024&&f||(u.set(0),p.set(0))}}:{},children:(0,t.jsx)("div",{className:"relative w-full max-w-[482px] aspect-[482/600] flex justify-center items-center",style:{perspective:800},children:(0,t.jsxs)(r.motion.div,{className:"w-full h-full flex justify-center items-center relative max-sm:scale-[0.8] sm:scale-100 max-sm:my-0",style:{transformStyle:"preserve-3d",willChange:"transform",rotateX:N,rotateY:T},children:[(0,t.jsx)("div",{style:{width:482,height:600,visibility:"hidden"}}),(0,t.jsx)(r.motion.img,{src:"/circle.svg",alt:"",className:"blur-[30px]",style:{...O,zIndex:"auto",transform:"translateZ(0px)",x:E,y:k}}),(0,t.jsx)(r.motion.img,{src:"/circle.svg",alt:"",style:{...O,zIndex:"auto",transform:"translateZ(0px)",x:M,y:L}}),(0,t.jsx)(r.motion.img,{src:"/circle-dots.svg",alt:"",style:{...O,zIndex:"auto",transform:"translateZ(150px)",x:R,y:F}}),e?(0,t.jsx)(r.motion.div,{className:"flex items-center justify-center font-black text-[clamp(72px,14vw,128px)] leading-none tracking-[-0.06em] text-[#c5c5c5] select-none pointer-events-none",style:{...S,display:"flex",x:z,y:I},children:e}):(0,t.jsx)(r.motion.svg,{width:x?200:296,height:x?134:199,viewBox:"0 0 296 199",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{...S,display:"block",x:z,y:I},children:(0,t.jsxs)("g",{transform:"translate(90, 65)",children:[(0,t.jsx)("rect",{width:"20",height:"69",fill:"#C5C5C5"}),(0,t.jsx)("rect",{x:"24",width:"20",height:"55",fill:"#C5C5C5"}),(0,t.jsx)("rect",{x:"48",width:"20",height:"69",fill:"#C5C5C5"}),(0,t.jsx)("rect",{x:"72",width:"20",height:"69",fill:"#C5C5C5"}),(0,t.jsx)("rect",{x:"96",width:"20",height:"20",fill:"#C5C5C5"}),(0,t.jsx)("rect",{x:"96",y:"24",width:"20",height:"20",fill:"#C5C5C5"})]})})]})})})}var x=e.i(61011),d=e.i(36852);e.s(["default",0,function(){return(0,t.jsxs)("main",{className:"min-h-screen w-full px-5 max-sm:px-3 overflow-x-clip flex flex-col pb-10",children:[(0,t.jsx)("header",{className:"w-full mt-5 relative z-10",children:(0,t.jsx)(d.default,{variant:"static"})}),(0,t.jsxs)("section",{className:"relative flex-1 flex flex-col justify-center mt-16 max-sm:mt-10",children:[(0,t.jsx)("div",{className:"grid grid-cols-12 max-sm:grid-cols-1 sm:grid-cols-4 lg:grid-cols-12 gap-5 max-sm:gap-3 items-start",children:(0,t.jsxs)(n.default,{aboveFold:!0,className:"col-span-1 max-sm:hidden sm:max-lg:hidden flex flex-col text-left [&>span]:block block font-semibold text-sm tracking-[-0.03em] uppercase text-[rgba(197,197,197,0.62)] leading-none lg:max-dt:text-[clamp(9px,0.8vw+0.8px,11

1px)] dt:text-sm",children:[(0,t.jsx)("span",{children:"Page"}),(0,t.jsx)("span",{children:"Not Found"})]})}),(0,t.jsx)(n.default,{duration:1.5,y:50,style:{perspective:800,marginTop:-100},children:(0,t.jsx)(m,{centerLabel:"404"})}),(0,t.jsxs)("div",{className:"grid grid-cols-4 max-sm:grid-cols-4 lg:grid-cols-12 gap-5 max-sm:gap-3 max-sm:mt-10",children:[(0,t.jsxs)(n.default,{aboveFold:!0,as:"h1",className:"col-span-4 max-sm:col-start-2 max-sm:col-span-3 sm:col-[2/5] lg:col-[8/12] font-medium text-[clamp(26px,1.923vw-0.92px,36px)] leading-[100%] tracking-[-0.03em] text-[#c5c5c5] max-sm:text-[clamp(18px,5vw,22px)] lg:max-dt:text-[clamp(18px,2.133vw-3.84px,26px)] dt:text-[clamp(26px,1.923vw-0.92px,36px)]",children:[(0,t.jsx)("span",{className:"max-sm:pl-0 pl-[calc((100%+20px)/4)] sm:pl-[calc((100%+20px)/3)] block",children:"This page doesn't exist"}),"or may have been moved elsewhere"]}),(0,t.jsx)(n.default,{aboveFold:!0,delay:.1,as:"p",className:"col-span-4 max-sm:col-start-2 max-sm:col-span-3 sm:col-[3/5] lg:col-[9/12] mt-[30px] max-sm:mt-4 max-sm:text-sm sm:mt-[10px] font-medium text-base leading-[120%] tracking-[-0.03em] text-[rgba(197,197,197,0.62)] text-[clamp(16px,0.8vw+0.8px,16px)] lg:max-dt:text-[clamp(12px,0.8vw+0.8px,11px)] dt:text-md",children:"The link you followed might be broken, outdated, or the page was removed. Head back to the homepage to explore projects, case studies, and ways to get in touch."}),(0,t.jsx)(n.default,{aboveFold:!0,delay:.2,className:"col-span-4 max-sm:col-start-2 max-sm:col-span-3 sm:col-[3/5] lg:col-[9/12] mt-8 max-sm:mt-6",children:(0,t.jsx)(x.default,{range:60,strength:.4,children:(0,t.jsx)(s.default,{href:"/",className:"font-semibold text-sm uppercase text-[#c5c5c5] underline underline-offset-4 hover:opacity-70",children:"GO BACK HOME ↗"})})})]})]})]})}],44690)}]);