https://www.naimelayadi.com/_next/static/chunks/app/page-84e4d26f447cf92c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{5330:function(e,t,A){Promise.resolve().then(A.bind(A,3884))},3884:function(e,t,A){"use strict";A.d(t,{default:function(){return tp}});var s,a,r=A(7437),i=A(2265);let l=e=>{let[t,A]=(0,i.useState)({width:0,height:0});return(0,i.useEffect)(()=>{let t=()=>{A({width:(null==e?void 0:e.getBoundingClientRect().width)||window.innerWidth,height:(null==e?void 0:e.getBoundingClientRect().height)||window.innerHeight})};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),[t.width,t.height]};var c=A(3145),n={src:"/_next/static/media/grid.ac4e5859.png",height:4908,width:5764,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAABlBMVEX///////9VfPVsAAAAAnRSTlMDBFrTWuIAAAAJcEhZcwAALEsAACxLAaU9lqkAAAAWSURBVHicY2CEAgZMAJfCVANhMjIAAAPNABskjYBmAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:7},o={src:"/_next/static/media/light-grid.59e6e8fa.png",height:4908,width:5764,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMDBFrTWuIAAAAJcEhZcwAALEsAACxLAaU9lqkAAAAWSURBVHicY2CEAgZMAJfCVANhMjIAAAPNABskjYBmAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:7},d=A(8298),h=()=>{let[e]=l(),{theme:t}=(0,d.F)();return 0===e?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)("div",{className:"absolute top-0 left-0 w-global-mobile md:w-global h-global-mobile md:h-global bg-cgrey-4 dark:bg-cblack-2 ".concat(e>=768&&"bg-grid"),children:e<768?(0,r.jsx)(c.default,{alt:"grid",className:"w-full h-full object-cover",src:"dark"===t?n:o}):(0,r.jsx)(r.Fragment,{children:[...Array(684)].map((e,t)=>(0,r.jsx)("div",{className:"border-[0.5px] md:border border-dashed border-cblack-1/30 dark:border-cwhite-1/30"},t))})})};(s=a||(a={})).Contact="contact",s.Face="face",s.Fact="fact",s.ID="id",s.Mode="mode",s.Mood="mood",s.Networks="networks",s.Player="player",s.Projects="projects",s.Status="status",s.Weather="weather",s.World="world",s.Languages="languages";let x=[{width:10,height:8,type:a.Face,positions:[{row:1,col:21},{row:4,col:1},{row:8,col:2},{row:1,col:2}],mobile:{width:17,height:32,positions:{row:1,col:1}}},{width:16,height:8,type:a.Projects,positions:[{row:7,col:1},{row:1,col:12},{row:8,col:22},{row:8,col:22}],mobile:{width:18,height:34,positions:{row:20,col:54}}},{width:5,height:2,type:a.Contact,positions:[{row:1,col:16},{row:1,col:28},{row:8,col:17},{row:7,col:17}],mobile:{width:17,height:8,positions:{row:1,col:22}}},{width:7,height:6,type:a.World,positions:[{row:9,col:24},{row:10,col:11},{row:1,col:16},{row:2,col:26}],mobile:{width:17,height:26,positions:{row:10,col:19}}},{width:2,height:2,type:a.Mode,positions:[{row:1,col:9},{row:5,col:30},{row:5,col:29},{row:1,col:19}],mobile:{width:7,height:6,positions:{row:3,col:41}}},{width:5,height:6,type:a.Weather,positions:[{row:1,col:11},{row:1,col:33},{row:1,col:23},{row:2,col:33}],mobile:{width:14,height:17,positions:{row:1,col:55}}},{width:7,height:5,type:a.Player,positions:[{row:11,col:17},{row:11,col:18},{row:3,col:9},{row:2,col:12}],mobile:{width:17,height:16,positions:{row:10,col:37}}},{width:7,height:7,type:a.Networks,positions:[{row:9,col:31},{row:9,col:25},{row:1,col:2},{row:9,col:2}],mobile:{width:17,height:26,positions:{row:36,col:36}}},{width:5,height:5,type:a.Mood,positions:[{row:2,col:32},{row:7,col:33},{row:11,col:12},{row:11,col:17}],mobile:{width:17,height:20,positions:{row:36,col:1}}},{width:6,height:2,type:a.Status,positions:[{row:1,col:2},{row:1,col:5},{row:1,col:28},{row:4,col:20}],mobile:{width:7,height:8,positions:{row:36,col:19}}},{width:4,height:2,type:a.ID,positions:[{row:4,col:2},{row:1,col:1},{row:14,col:18},{row:10,col:10}],mobile:{width:11,height:8,positions:{row:27,col:37}}},{width:5,height:3,type:a.Fact,positions:[{row:4,col:16},{row:13,col:5},{row:4,col:33},{row:13,col:10}],mobile:{width:17,height:13,positions:{row:45,col:19}}},{width:4,height:3,type:a.Languages,positions:[{row:7,col:17},{row:13,col:34},{row:11,col:17},{row:1,col:22}],mobile:{width:9,height:9,positions:{row:36,col:27}}}];var g=e=>{let{children:t,differentPadding:A,variant:s}=e;return(0,r.jsx)("div",{className:"\n        ".concat("bright"===s?"bg-cgreyLight-3 dark:bg-cblack-2":"dark"===s?"bg-cgreyLight-1 dark:bg-cblack-2":"bg-cgreyLight-2 dark:bg-cblack-3","\n        ").concat(A||"p-2.5","\n        w-full h-full flex flex-col justify-between overflow-hidden\n      "),children:t})},m=e=>{let{title:t}=e;return(0,r.jsxs)("div",{className:"w-full h-4 rounded-br-lg bg-cgrey-1 dark:bg-cblack-4 flex justify-between py-0.5 px-1",children:[(0,r.jsx)("p",{className:"text-xs text-cblack-2 dark:text-cgrey-2",children:t}),(0,r.jsxs)("div",{className:"flex items-center gap-x-px",children:[(0,r.jsx)("div",{className:"w-1 h-1 bg-cblack-2 dark:bg-cgrey-1 rounded-full"}),(0,r.jsx)("div",{className:"w-1 h-1 bg-cblack-2 dark:bg-cgrey-1 rounded-full"}),(0,r.jsx)("div",{className:"w-1 h-1 border border-cblack-2 dark:border-cgrey-1 rounded-full"})]})]})};let p={title:"radio station",text:"na\xefm is listening to...",offline:"OFFLINE",offlineText:"will be back soon"};var u=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"7",height:"9",viewBox:"0 0 7 9",fill:"none",children:[(0,r.jsx)("path",{d:"M1 0V5.5H5.5",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M4 3L6 5.5L4 8",stroke:"currentColor"})]}),w=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"9",height:"8",viewBox:"0 0 9 8",fill:"none",children:[(0,r.jsx)("path",{d:"M0 6.25V1.25C0 0.973858 0.223858 0.75 0.5 0.75H2.58579C2.851 0.75 3.10536 0.855356 3.29289 1.04289L3.70711 1.45711C3.89464 1.64464 4.149 1.75 4.41421 1.75H8C8.55229 1.75 9 2.19772 9 2.75V6.25C9 6.80228 8.55229 7.25 8 7.25H1C0.447715 7.25 0 6.80228 0 6.25Z",fill:"currentColor"}),(0,r.jsx)("path",{d:"M2.58579 2.75H1C0.447715 2.75 0 3.19772 0 3.75V6.25C0 6.80228 0.447715 7.25 1 7.25H8C8.55229 7.25 9 6.80228 9 6.25V2.75C9 2.19772 8.55229 1.75 8 1.75H4.41421C4.149 1.75 3.89464 1.85536 3.70711 2.04289L3.29289 2.45711C3.10536 2.64464 2.851 2.75 2.58579 2.75Z",fill:"currentColor"})]}),j=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"3",viewBox:"0 0 4 3",fill:"none",children:(0,r.jsx)("path",{d:"M3.14596 1L1 1L1 2.1922",stroke:"currentColor",strokeWidth:"0.476879"})}),f={src:"/_next/static/media/no-icon.f7d0294e.png",height:107,width:186,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAADFBMVEX/////

1///////////1pQ5zAAAABHRSTlMNAh4+V11IXQAAAAlwSFlzAAAsSwAALEsBpT2WqQAAACNJREFUeJw1yjEKADAMgMAz/f+fS6B1EAeNZY5UoszqdfznAgK4AB6dELvOAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},b=e=>{let{customColors:t,disableDark:A=!1,icon:s,parentClassname:a=""}=e;return s?(0,r.jsxs)("div",{className:"\n        relative border\n        ".concat(t?"border-black/30 dark:border-white/30 ".concat(t):A?"border-white/30 text-cwhite-1":"border-black/30 dark:border-white/30 text-cblack-2 dark:text-cwhite-1","\n        w-11 h-6 flex items-center justify-center ").concat(a),children:[s&&s,(0,r.jsx)("div",{className:"absolute ".concat(A?"dark:text-cwhite-1":"text-cblack-2 dark:text-cwhite-1"," top-0 left-0"),children:(0,r.jsx)(j,{})}),(0,r.jsx)("div",{className:"absolute ".concat(A?"dark:text-cwhite-1":"text-cblack-2 dark:text-cwhite-1"," top-0 right-0 rotate-90 origin-center"),children:(0,r.jsx)(j,{})}),(0,r.jsx)("div",{className:"absolute ".concat(A?"dark:text-cwhite-1":"text-cblack-2 dark:text-cwhite-1"," bottom-0 left-0 -rotate-90 origin-center"),children:(0,r.jsx)(j,{})}),(0,r.jsx)("div",{className:"absolute ".concat(A?"dark:text-cwhite-1":"text-cblack-2 dark:text-cwhite-1"," bottom-0 right-0 rotate-180 origin-center"),children:(0,r.jsx)(j,{})})]}):(0,r.jsx)(c.default,{alt:"no.icon",className:"w-11 h-6 object-cover",src:f,quality:100})},k=A(2810);let v=(0,A(3573).Z)(),y=(0,i.forwardRef)((e,t)=>{let{children:A,index:s,...a}=e,l=(0,i.useRef)(null);return(0,i.useImperativeHandle)(t,()=>l.current),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{ref:l,...a}),(0,r.jsx)(v.In,{children:(0,r.jsx)(k.G,{index:s,track:l,children:A})})]})});y.displayName="View";var E=A(1),B=A(401),N=A(4902),C=A(2841),Q=A(9364),D=()=>{let{theme:e}=(0,d.F)(),[t,A]=(0,i.useState)("#0E0E0E"),[s,a]=(0,i.useState)("#D9D9D9"),l=(0,i.useRef)(null);return(0,i.useEffect)(()=>{A("dark"===e?"#0E0E0E":"#C9C9C9"),a("dark"===e?"#D9D9D9":"#979797")},[e]),(0,Q.C)(e=>{let{clock:t}=e,A=t.elapsedTime%1;l.current&&(l.current.rotation.x=A>.5?.008*Math.PI-.008*Math.PI*(A-.004*Math.PI):.008*Math.PI*(A-.004*Math.PI))}),(0,r.jsxs)("group",{ref:l,children:[(0,r.jsxs)(E.aL,{args:[10,32,16],children:[(0,r.jsx)("meshBasicMaterial",{color:t}),(0,r.jsx)(B.v,{dash:!0,dashLength:.1,simplify:!0,stroke:s}),(0,r.jsx)(N.b,{angle:Math.PI,color:s,opacity:1,screenspace:!1,thickness:.01,transparent:!1})]}),(0,r.jsx)(C.E,{position:[0,0,50],scale:28,transparent:!0,url:"dark"===e?"/images/dark/moods/music-enjoyer.png":"/images/light/moods/music-enjoyer.png"})]})},S=e=>{let{currentTrack:t}=e,{text:A}=p;return(0,r.jsxs)("div",{className:"w-full h-full px-2.5 md:px-8 pt-8 overflow-y-scroll",children:[(0,r.jsxs)("p",{className:"text-left text-cblack-2 dark:text-cgrey-4 text-base md:text-lg",children:[A," "]}),(0,r.jsxs)("div",{className:"mt-3 bg-cgrey-2 dark:bg-cblack-5 rounded-sm w-full p-2 flex gap-x-3.5 md:gap-x-4",children:[(0,r.jsx)(c.default,{alt:t.name,className:"saturate-200 w-[124px] h-[124px] md:w-[150px] md:h-[150px]",height:150,priority:!0,src:t.album.images[0].url,width:150}),(0,r.jsxs)("div",{className:"flex flex-col justify-between items-start",children:[(0,r.jsx)("p",{className:"font-serif text-2xl md:text-3xl leading-70 text-cblack-2 dark:text-cgrey-4 text-left",children:t.name}),(0,r.jsxs)("div",{className:"text-cblack-5 dark:text-cgrey-1",children:[(0,r.jsxs)("div",{className:"flex gap-x-1 items-center",children:[(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(u,{})}),(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(w,{})}),(0,r.jsx)("p",{className:"text-xs md:text-sm text-left",children:t.artists.map((e,A)=>(0,r.jsxs)("span",{children:[e.name,A!==t.artists.length-1&&", "]},e.name))})]}),(0,r.jsxs)("div",{className:"flex gap-x-1 mt-1 items-center",children:[(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(u,{})}),(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(w,{})}),(0,r.jsx)("p",{className:"text-xs md:text-sm text-left",children:t.album.name})]})]})]})]}),(0,r.jsxs)("div",{className:"flex mt-4 gap-x-4",children:[(0,r.jsx)("div",{children:(0,r.jsx)(b,{icon:(0,r.jsx)("div",{className:"flex gap-x-px",children:[...Array(13)].map((e,t)=>(0,r.jsx)("div",{className:"w-0.5 h-2 bg-corangeLight-1 dark:bg-corange-1 animate-bars origin-bottom",style:{animationDelay:"".concat(.1*t,"s")}},"bar-".concat(t)))})})}),(0,r.jsx)("div",{children:(0,r.jsx)(b,{icon:(0,r.jsx)(y,{index:1,className:"w-full h-full",children:(0,r.jsx)(D,{})})})})]})]})},M=()=>{let{offline:e,offlineText:t}=p;return(0,r.jsxs)("div",{className:"h-full flex flex-col justify-center",children:[(0,r.jsx)("p",{className:"text-gradient dark:text-gradient-dark font-serif text-5.5xl mb-4",children:e}),(0,r.jsx)("p",{className:"text-cblack-2 dark:text-cgrey-2 text-xs",children:t})]})},O=e=>{let{currentTrack:t}=e,{title:A}=p;return(0,r.jsxs)(g,{variant:"dark",children:[(0,r.jsx)(m,{title:A}),t?(0,r.jsx)(S,{currentTrack:t}):(0,r.jsx)(M,{})]})};let z={title:"broadcast weather",negative:"neg",units:"\xb0C",city:"Paris",location:"Paris, France",feeling:"feeling ...",cold:"COLD FEET",hot:"CRISPY BURNT"};var I=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",children:[(0,r.jsxs)("g",{clipPath:"url(#clip0_102_3265)",children:[(0,r.jsx)("path",{d:"M8.375 4.25C8.375 6.875 5 9.125 5 9.125C5 9.125 1.625 6.875 1.625 4.25C1.625 3.35489 1.98058 2.49645 2.61351 1.86351C3.24645 1.23058 4.10489 0.875 5 0.875C5.89511 0.875 6.75355 1.23058 7.38649 1.86351C8.01942 2.49645 8.375 3.35489 8.375 4.25Z",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("rect",{x:"5.5625",y:"5",width:"1.125",height:"1.125",fill:"currentColor"})]}),(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"clip0_102_3265",children:(0,r.jsx)("rect",{width:"9",height:"9",fill:"white",transform:"translate(0.5 0.5)"})})})]}),L={src:"/_next/static/media/ruler.9370eb28.png",height:23,width:98,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAACVBMVEWYmJiXl5eWlpZWV0WwAAAAA3RSTlMYKWTm2gy8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEklEQVR4nGNggAAmBkYwYGACAABJAAumsWo1AAAAAElFTkSuQmCC",blurWidth:8,blurHeight:2},R={src:"/_next/static/media/ruler.26a0da15.png",height:23,width:98,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAADFBMVEWcnJyWlpaWlparq6tcVgJuAAAABHRSTlMZKmQx+xcTIAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABNJREFUeJxjYIAAJgZmRhBgYAIAAFkADUCqeCAAAAAASUVORK5CYII=",blurWidth:8,blurHeight:2},T=()=>{let{city:e,cold:t,feeling:A,hot:s,location:a,negative:l,title:n,units:o}=z,[h,x]=(0,i.useState)("0"),{theme:p}=(0,d.F)();return(0,i.useEffect)(()=>{fetch("https://api.openweathermap.org/data/2.5/weather?q=".concat(e,"&units=metric&appid=7a2b8a7703189eafe0a1f38bc5a8f444")).then(e=>e.json()).then(e=>{if(!e||!e.main||!e.main.temp)return x("0");let t=e.main.temp;return x(10>Math.abs(Math.round(t))?t<0?"-0".concat(Math.abs(Math.round(t))):"0".concat(Math.abs(Math.round(t))):"".concat(Math.round(t)))})},[e]),(0,r.jsxs)(g,{variant:"dark",children:[(0,r.jsx)(m,{title:n}),(0,r.jsxs)("div",{className:"bg-cgreyLight-3 dark:bg-cblack-4 p-4 flex flex-col justify-between",children:[(0,r.jsxs)("div",{className:"w-full flex justify-center gap-x-2",children:[(0,r.jsx)("p",{className:"dark:text-gradient-dark text-gradient font-serif text-9.25xl md:text-9.5xl leading-70",children:h.replace("-","")}),(0,r.jsxs)("div",{className:"flex flex-col justify-between text-sm text-cblack-2 dark:text-cgrey-1",children:[(0,r.jsx)("p",{children:0>parseInt(h)?l:""}),(0,r.jsx)("p",{children:o})]})]}),(0,r.jsxs)("div",{className:"mt-4 flex items-center justify-center gap-x-2",children:[(0,r.jsx)("div",{className:"text-cblack-2 dark:text-cgrey-1",children:(0,r.jsx)(I,{})}),(0,r.jsx)("p",{className:"text-cblack-2 dark:text-cgrey-1",children:a})]})]}),(0,r.jsxs)("div",{className:"mt-2 bg-cgreyLight-3 dark:bg-cblack-4",children:[(0,r.jsx)("div",{className:"py-5 md:py-8 text-base md:text-xl text-cblack-1 dark:text-cgrey-1 border-b border-b-cgrey-1",children:(0,r.jsx)("p",{children:A})}),(0,r.jsxs)("div",{className:"p-5 md:p-8 flex gap-x-3 items-center justify-center text-cblack-5 dark:text-cgrey-1 text-xs md:text-base",children:[(0,r.jsx)("p",{className:"text-right",children:t}),(0,r.jsxs)("div",{className:"relative flex items-center",children:[(0,r.jsx)(c.default,{alt:"weather feeling measurement tool",className:"h-6 w-auto",priority:!0,src:"dark"===p?R:L}),(0,r.jsx)("div",{className:"absolute w-full h-2 dark:bg-weather-ruler-dark bg-weather-ruler origin-left",style:{transform:"scaleX(".concat((parseInt(h)- -20)/70,")")}})]}),(0,r.jsx)("p",{className:"text-left",children:s})]})]})]})};let F={on:"on",off:"off",text:"eyes_protection:"};var U=A(8197),P=()=>{let{systemTheme:e,theme:t,setTheme:A}=(0,d.F)(),s="system"===t?e:t,{on:a,off:l,text:c}=F,n=(0,i.useCallback)(()=>{A("dark"===t?"light":"dark")},[t,A]);return(0,r.jsxs)(g,{differentPadding:"pt-2.5 px-1 pb-1",variant:"dark",children:[(0,r.jsx)(U.E.button,{className:"rounded-md relative flex ".concat("dark"===s?"justify-end":"justify-start"," items-center w-20 h-10 overflow-hidden mx-auto bg-cgrey-1 dark:bg-cgrey-4/5 p-1 dark:border dark:border-cgrey-1"),layout:!0,onClick:n,children:(0,r.jsx)(U.E.div,{className:"w-8 h-7 bg-cgrey-3 dark:bg-cgrey-4 dark:border dark:border-cgrey-1 rounded-md flex items-center justify-center ".concat("dark"===s&&"light-shadow"),layout:!0,children:(0,r.jsx)("p",{className:"text-cblack-2 dark:text-cblack-1 text-xxs",children:"dark"===s?a:l})})}),(0,r.jsx)("div",{className:"w-full rounded-sm mt-1.5 p-1 bg-cgreyLight-2 dark:bg-cwhite-1/5 text-center",children:(0,r.jsxs)("p",{className:"text-xs text-cblack-2 dark:text-cgrey-2",children:[c,"dark"===s?a:l]})})]})},H=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",he

1ight:"8",viewBox:"0 0 8 8",fill:"none",children:(0,r.jsx)("rect",{x:"0.5",y:"0.5",width:"7",height:"7",rx:"1.5",stroke:"currentColor"})}),V={src:"/_next/static/media/nda.9f9d825c.jpg",height:1224,width:2544,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAGeB//EABQQAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQEAAQUCf//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Bf//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Bf//EABQQAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQEABj8Cf//EABUQAQEAAAAAAAAAAAAAAAAAAABB/9oACAEBAAE/IY//2gAMAwEAAgADAAAAEAP/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/EH//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/EH//xAAYEAACAwAAAAAAAAAAAAAAAAAAEQExcf/aAAgBAQABPxB0Uaf/2Q==",blurWidth:8,blurHeight:4};let _={title:"featured projects dashboard",moreInfo:"more info",live:"live website",techs:"techs",projects:[{title:"gautier maillard",link:"https://gautiermld.com/",techs:"Next.JS, Prismic, Framer Motion",image:{src:"/_next/static/media/gautier-maillard.7d9f0eba.jpg",height:1338,width:2502,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAADBf/aAAwDAQACEAMQAAABmB2f/8QAFxAAAwEAAAAAAAAAAAAAAAAAAQIDBP/aAAgBAQABBQLXJYH/xAAWEQADAAAAAAAAAAAAAAAAAAAAAzL/2gAIAQMBAT8BXJ//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAAZEAABBQAAAAAAAAAAAAAAAAACAAERIUL/2gAIAQEABj8CBh0M2v/EABcQAAMBAAAAAAAAAAAAAAAAAAABEWH/2gAIAQEAAT8hrO1Vo//aAAwDAQACAAMAAAAQC//EABURAQEAAAAAAAAAAAAAAAAAAAEA/9oACAEDAQE/EEoW/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Qr//EABcQAQEBAQAAAAAAAAAAAAAAAAERAEH/2gAIAQEAAT8QFgQ8qVxA3//Z",blurWidth:8,blurHeight:4},type:"portfolio",details:{text:"\uD83D\uDD0E In order to promote his past achievements, Product Designer Gautier Maillard needs a new website serving as a portfolio.<br/><br/>The need<br/><br/>The objective is to have a rendering that resembles him, and can highlight his expertise as a UX/UI designer and interface designer.<br/><br/>The solution<br/><br/>The proposed solution is a colorful, dynamic and creative portfolio. The home page features a list of the latest and most interesting projects, with animations on this list as you scroll down the page. Each time you navigate to another page on the site, a visual transition is triggered, allowing the visitor to navigate smoothly and without interruptions. Each project has its own page, with its primary color and specific information (date of completion, link to the project, images and videos, etc.). The portfolio mainly serves as a showcase site for the designer, an About page is also added, in order to provide more information and, for the visitor, to be able to contact Gautier Maillard if interested. The entire content of the site is edited via a content management interface (Prismic in this case), allowing Gautier Maillard to update the content relating to its projects.",image:{src:"/_next/static/media/gautier-maillard_details.83be8350.jpg",height:2054,width:3580,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAACBf/aAAwDAQACEAMQAAABpCQ//8QAFRABAQAAAAAAAAAAAAAAAAAAEiH/2gAIAQEAAQUCE//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Bf//EABcRAQADAAAAAAAAAAAAAAAAAAEAAiH/2gAIAQIBAT8BsGT/xAAVEAEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAQAGPwKv/8QAFhABAQEAAAAAAAAAAAAAAAAAEQCh/9oACAEBAAE/IQsX/9oADAMBAAIAAwAAABD3/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQMBAT8QG//EABkRAAEFAAAAAAAAAAAAAAAAAAABESFBwf/aAAgBAgEBPxBhCtU//8QAGBABAQADAAAAAAAAAAAAAAAAEQEAMVH/2gAIAQEAAT8QkaKwF125/9k=",blurWidth:8,blurHeight:5}}},{title:"rakuten",link:"https://fr.shopping.rakuten.com/",techs:"Next.JS, typescript, MUI, strapi",image:V,type:"admin panel",details:{text:"\uD83D\uDD0E The french branch of Rakuten was looking to redesign the professional sellers admin panel, in order to make it more modern and intuitive.<br/><br/>The objective<br/><br/>The objective is to present all the content relating to this service in a simple and easy-to-use way. The client must have all the numbers and services he needs on a daily basis in the same place<br/><br/>The solution<br/><br/>The solution provided to this request is a Next.js admin panel, communicating with Rakuten's REST API as well as Strapi, composed of Material UI components, that guides and provides an all-in-one interface to the user. This latter has access to tables to manage their inventory, stats to overview their activity, and external services. The project was a one-year-long mission that gave Rakuten the opportunity to go from an old codebase to a more modern and dynamic one",image:V}},{title:"galeries lafayette",link:"https://gourmet.galerieslafayette.com/",techs:"Nuxt.JS, typescript, tailwind.css, contentful",image:{src:"/_next/static/media/galeries-lafayette.ad5d72d8.jpg",height:1328,width:2668,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAUAQEAAAAAAAAAAAAAAAAAAAAC/9oADAMBAAIQAxAAAAG4K

1//EABYQAQEBAAAAAAAAAAAAAAAAAAEDAv/aAAgBAQABBQIrR3//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAwEBPwGv/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Bj//EABgQAAIDAAAAAAAAAAAAAAAAAAABAhKR/9oACAEBAAY/Am7y0//EABcQAAMBAAAAAAAAAAAAAAAAAAARMQH/2gAIAQEAAT8h3hKMj//aAAwDAQACAAMAAAAQB//EABURAQEAAAAAAAAAAAAAAAAAAAAx/9oACAEDAQE/EKf/xAAVEQEBAAAAAAAAAAAAAAAAAAAAMf/aAAgBAgEBPxCH/8QAGBAAAwEBAAAAAAAAAAAAAAAAAREhAEH/2gAIAQEAAT8QWEECJl5Xv//Z",blurWidth:8,blurHeight:4},type:"corporate showcase website",details:{text:"\uD83D\uDD0E During the summer of 2021, Galeries Lafayette is looking for a new graphic identity and a new site for its Gourmet service, which manages the delicatessen departments and a delivery service.<br/><br/>The objective<br/><br/>The objective is to present all the content relating to this service in a creative, surprising and intuitive way. The brand uses an external digital agency for this project.<br/><br/>The solution<br/><br/>The solution provided to this request is a showcase and e-commerce site, highlighting the products offered, the great creators, pastry chefs and artisans, as well as preparation ideas and promotions on the products. Adding animations (especially with “parallax” technology) to the home page allows for a dynamic and interesting rendering. Among the other pages of the site, we can find product list models that can be filtered by product type, artisan or product description models, as well as a blog and a page intended for delivery . The site is fully modular via a content management interface, accessible only by the customer. Site visitors can also shop through the product pages and product listings.",image:{src:"/_next/static/media/galeries-lafayette_details.59aa8683.jpg",height:1796,width:3584,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABqhL/AP/EABcQAAMBAAAAAAAAAAAAAAAAAAACAxL/2gAIAQEAAQUCSeT/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAwEBPwGv/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Bj//EABgQAAIDAAAAAAAAAAAAAAAAAAABAjJx/9oACAEBAAY/ArSen//EABcQAQADAAAAAAAAAAAAAAAAABEAAVH/2gAIAQEAAT8hrYzU/9oADAMBAAIAAwAAABAL/8QAFREBAQAAAAAAAAAAAAAAAAAAADH/2gAIAQMBAT8Qp//EABURAQEAAAAAAAAAAAAAAAAAAAAx/9oACAECAQE/EIf/xAAZEAABBQAAAAAAAAAAAAAAAAARAAEhMaH/2gAIAQEAAT8QZaEkoxf/2Q==",blurWidth:8,blurHeight:4}}},{title:"taiwan stories",link:"https://spicy-hot-pot.com/",techs:"Nuxt.JS, p5.js",image:{src:"/_next/static/media/taiwan-stories.d47093ce.jpg",height:1698,width:3096,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAG0D//EABcQAAMBAAAAAAAAAAAAAAAAAAECAxT/2gAIAQEAAQUCzqaf/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAGBAAAgMAAAAAAAAAAAAAAAAAAAECIZL/2gAIAQEABj8Cty0f/8QAFxABAAMAAAAAAAAAAAAAAAAAEQAhMf/aAAgBAQABPyEZZep//9oADAMBAAIAAwAAABAD/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAGBABAQADAAAAAAAAAAAAAAAAAREAIVH/2gAIAQEAAT8QByWhaiF7n//Z",blurWidth:8,blurHeight:4},type:"photo book",details:{text:'\uD83D\uDD0E Marie-Lise Ton is a multidisciplinary and jack-of-all-trades designer, whose goal is to set up, design and host ever more fun and creative experiences.<br/><br/> \uD83C\uDFAF The need<br/><br/>The client\'s need is the design of a simple and creative site, retracing Marie-Lise Ton\'s trip to Taiwan in 2019 through her collection of photos.<br/><br/>The solution<br/><br/><br/>The solution proposed for this need is a minimalist black and white site, which focuses on the photos taken during the trip. After a short introductory page with a video in the background and Chinese characters, a scene that resembles the main menu of a video game, the visitor can enter the site and discover a short text of information, data on Taiwan, and finally the space for scrolling photos. It is possible to unroll the photos: each photo is loaded at the moment it is called up, so that access to the site does not take too long. Finally, the user can also activate the "Zoom" option, allowing him to have a magnifying lens, and the "Brush" option, which will give him the ability to draw on photos. The mobile experience is also correctly respected!',image:{src:"/_next/static/media/taiwan-stories_details.90e27405.jpg",height:1338,width:2320,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABqIf/xAAXEAADAQAAAAAAAAAAAAAAAAABAgQD/9oACAEBAAEFAq9Cl/8A/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAGRAAAgMBAAAAAAAAAAAAAAAAAQIAQUJh/9oACAEBAAY/AmALVrk//8QAGBAAAgMAAAAAAAAAAAAAAAAAAREAQYH/2gAIAQEAAT8hDHijLE//2gAMAwEAAgADAAAAEPf/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAwEBPxBC/8QAFhEBAQEAAAAAAAAAAAAAAAAAEQAB/9oACAECAQE/EHW//8QAGRAAAgMBAAAAAAAAAAAAAAAAATEAIUGh/9oACAEBAAE/EBRQgA0WHyf/2Q==",blurWidth:8,blurHeight:5}}},{title:"bassac collective",link:"https://www.bassaccollective.com/",techs:"Nuxt.JS, gsap, scrollTrigger",image:{src:"/_next/static/media/bassac-collective.03f814d3.jpg",height:2044,width:3584,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAP/xAAUAQEAAAAAAAAAAAAAAAAAAAAF/9oADAMBAAIQAxAAAAGYLf8A/8QAFRABAQAAAAAAAAAAAAAAAAAAABH/2gAIAQEAAQUCr//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAEDAQE/AY//xAAXEQEAAwAAAAAAAAAAAAAAAAABAAIx/9oACAECAQE/AW67P//EABUQAQEAAAAAAAAAAAAAAAAAAAAx/9oACAEBAAY/Ao//xAAWEAEBAQAAAAAAAAAAAAAAAAARADH/2gAIAQEAAT8hBm//2gAMAwEAAgADAAAAEAv/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAwEBPxABf//EABYRAAMAAAAAAAAAAAAAAAAAAAAB4f/aAAgBAgEBPxCOR//EABcQAQADAAAAAAAAAAAAAAAAABEAQVH/2gAIAQEAAT8QcA3k/9k=",blurWidth:8,blurHeight:5},type:"showcase website",details:{text:"\uD83D\uDD0E BASSAC is a collective from the 13th arrondissement of Paris which aims to promote the practice of skateboarding among the Asian community.<br/><br/>The need<br/><br/>Their need is the creation of a simple showcase site, with only images and videos of their sessions, as well as links to their networks and stores.<br/><br/>The solution<br/><br/>The solution proposed in relation to this need is a site which unfolds like a film reel: when scrolling the home page, the images and videos provided by the association are displayed and superimposed, with the aim of creating a surprising and hyperactive rendering. The problem is not to have a site that is too heavy, but a fluid interface allowing the visitor to have fun. The fun continues on the About page: a game is offered to the visitor, resembling the Google Chrome dinosaur game when you are out of network.",image:{src:"/_next/static/media/bassac-collective_details.7

17358be0.jpg",height:1316,width:2384,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAUAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAGgD//EABUQAQEAAAAAAAAAAAAAAAAAAAET/9oACAEBAAEFApg//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAGRAAAQUAAAAAAAAAAAAAAAAAAQAREiFB/9oACAEBAAY/AoimGL//xAAXEAEAAwAAAAAAAAAAAAAAAAABABGB/9oACAEBAAE/IRa06J//2gAMAwEAAgADAAAAEAP/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/EH//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPxCP/8QAGRABAQADAQAAAAAAAAAAAAAAASEAEVFx/9oACAEBAAE/EAj0YYVavYPuf//Z",blurWidth:8,blurHeight:4}}}]};var W=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:[(0,r.jsx)("rect",{x:"0.5",y:"0.5",width:"7",height:"7",rx:"1.5",stroke:"currentColor"}),(0,r.jsx)("rect",{x:"2.5",y:"2.5",width:"3",height:"3",rx:"1.5",fill:"currentColor",stroke:"currentColor"})]}),J=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",children:(0,r.jsx)("path",{d:"M5.8 6.93333C5.4 7.46667 4.6 7.46667 4.2 6.93333L0.2 1.6C-0.294427 0.940764 0.175955 3.65034e-07 1 4.37074e-07L9 1.13646e-06C9.82405 1.2085e-06 10.2944 0.940765 9.8 1.6L5.8 6.93333Z",fill:"currentColor"})}),K=A(5095),G=e=>{let{projects:t}=_,{activeProject:A,setActiveProject:s}=e,[a,c]=(0,i.useState)(!1),[n]=l();return(0,i.useEffect)(()=>{n<768&&c(!1)},[n]),(0,i.useEffect)(()=>{c(!1)},[A]),(0,r.jsx)(U.E.aside,{className:"w-full md:w-72 shrink-0 md:overflow-y-auto custom-scrollbar dark:custom-scrollbar-dark md:pr-2 absolute bottom-0 left-0 md:relative h-24 md:h-full z-20",children:(0,r.jsx)(K.M,{mode:"wait",initial:!1,children:a||n>768?(0,r.jsxs)(U.E.div,{animate:{y:0},className:"w-full h-full",exit:{y:400},initial:{y:400},transition:{damping:null,duration:.4,ease:"easeOut"},children:[(0,r.jsx)("div",{className:"absolute top-0 left-0 w-full h-full md:hidden",onClick:()=>c(!1)}),(0,r.jsx)("ul",{className:"h-96 md:h-full bg-cgrey-1 dark:bg-cblack-5 md:bg-inherit md:dark:bg-inherit absolute bottom-0 left-0 md:relative w-full p-3 md:p-0 overflow-y-scroll md:overflow-y-visible",children:t.map((e,t)=>(0,r.jsx)("li",{className:"\n                    p-4 w-full mb-2.5 cursor-pointer ".concat(A===t?"bg-cgrey-2":"border border-cblack-5 dark:border-cgrey-1"),onClick:()=>s(t),children:(0,r.jsxs)("div",{className:"flex ".concat(A!==t&&"items-center"," gap-x-2.5"),children:[(0,r.jsx)("div",{className:"".concat(A===t?"text-cblack-2":"text-cblack-2 dark:text-cgrey-1"),children:A===t?(0,r.jsx)(W,{}):(0,r.jsx)(H,{})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-left ".concat(A===t?"text-cblack-2":"text-cblack-5 dark:text-cgrey-1"),children:e.title}),A===t&&(0,r.jsxs)("div",{className:"flex items-center gap-x-1 text-cblack-5 mt-2.5",children:[(0,r.jsx)(u,{}),(0,r.jsx)(w,{}),(0,r.jsx)("p",{className:"text-sm text-left",children:e.type})]})]})]})},e.title))})]},"projects-list"):(0,r.jsx)(U.E.div,{animate:{y:0,transition:{damping:null,duration:.6,ease:"easeOut"}},className:"p-3 bg-cgrey-1 dark:bg-cblack-5 absolute bottom-0 left-0 w-full h-24",exit:{y:200,transition:{damping:null,duration:.4,ease:"easeOut"}},initial:{y:200},onClick:()=>c(!0),children:(0,r.jsx)("div",{className:"p-2 w-full cursor-pointer bg-cgrey-3 dark:bg-cgrey-2 h-full flex items-center",children:(0,r.jsxs)("div",{className:"flex items-center gap-x-2.5 relative w-full",children:[(0,r.jsx)("div",{className:"text-cblack-2",children:(0,r.jsx)(W,{})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-left text-cblack-2",children:t[A].title}),(0,r.jsxs)("div",{className:"flex items-center gap-x-1 text-cblack-5",children:[(0,r.jsx)(u,{}),(0,r.jsx)(w,{}),(0,r.jsx)("p",{className:"text-sm text-left",children:t[A].type})]})]}),(0,r.jsx)("div",{className:"absolute top-0 right-0 text-cblack-1",children:(0,r.jsx)(J,{})})]})})},"current-project")})})},Y=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",children:[(0,r.jsx)("path",{d:"M5 5.5H15",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M5 5L5 15",stroke:"currentColor"})]}),Z=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"27",viewBox:"0 0 46 27",fill:"none",children:[(0,r.jsx)("circle",{cx:"22.5",cy:"12.5",r:"7",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M27 17.5L32 22.5",stroke:"currentColor"})]}),X=A(7648),q=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"10",viewBox:"0 0 12 10",fill:"none",children:(0,r.jsx)("path",{d:"M9.38463 7.79804L8.3089 7.80507L8.3089 3.34749L2.53654 9.11985L1.76314 8.34645L7.5355 2.57409L3.08495 2.58112V1.49836L9.38463 1.49837V7.79804Z",fill:"currentColor"})}),$=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:[(0,r.jsx)("path",{d:"M1.00004 13.0005L13 1.00049",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M1.00004 0.999968L13 13",stroke:"currentColor"})]}),ee=e=>{let{activeProject:t,closeProject:A}=e,{live:s,projects:a,techs:i}=_,l=a[t];return(0,r.jsxs)(U.E.div,{animate:{x:0},className:"absolute top-0 left-0 bg-cgrey-2 dark:bg-cblack-4 w-full h-full py-12 px-4 md:p-6 overflow-y-scroll text-left md:flex gap-x-10",exit:{x:"100%"},initial:{x:"100%"},transition:{damping:null},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-serif text-4xl leading-70 text-cblack-4 dark:text-cgrey-4",children:l.title}),(0,r.jsxs)(X.default,{className:"text-sm flex text-cblack-2 dark:text-cgrey-1 mt-4 rounded-sm border border-cblack-2 dark:border-cgrey-1 items-center justify-between p-1 hover:bg-cblack-2 hover:

1dark:bg-cgrey-1 hover:text-cgrey-1 hover:dark:text-cblack-2 transition-colors",href:l.link,target:"__blank",children:[(0,r.jsx)("p",{children:s}),(0,r.jsx)(q,{})]}),(0,r.jsxs)("div",{className:"bg-cgrey-5 dark:bg-cwhite-1/10 rounded-sm flex flex-col gap-y-8 p-2 text-sm md:text-lg text-cblack-2 dark:text-cwhite-1 mt-4",children:[(0,r.jsx)("p",{children:i}),(0,r.jsx)("p",{children:l.techs})]}),(0,r.jsx)("div",{className:"mt-8",children:(0,r.jsx)("div",{className:"dark:text-cgrey-1 pb-8",dangerouslySetInnerHTML:{__html:l.details.text}})})]}),(0,r.jsx)("div",{className:"sticky shrink-0 top-8 left-0",children:(0,r.jsx)(c.default,{alt:l.title,className:"w-full md:w-72 h-full md:h-auto ".concat("rakuten"!==l.title&&"saturate-0 contrast-200"),priority:!0,src:l.details.image})}),(0,r.jsx)("div",{className:"absolute top-1 right-1 bg-cblack-5 text-corange-1 p-3 cursor-pointer",onClick:A,children:(0,r.jsx)($,{})})]})},et=e=>{let{activeProject:t}=e,{projects:A,moreInfo:s,techs:a,live:l}=_,n=A[t],[o,d]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{d(!1)},[t]),(0,r.jsx)("div",{className:"relative w-full ".concat(o?"z-30":"z-10"),children:(0,r.jsx)(K.M,{initial:!1,children:(0,r.jsxs)(U.E.div,{animate:{y:0},className:"md:flex gap-x-6 absolute w-full h-full",exit:{y:"-100%"},initial:{y:"100%"},transition:{damping:null},children:[(0,r.jsxs)("div",{className:"relative h-52 md:h-full mb-4 md:mb-0",children:[(0,r.jsxs)("div",{className:"bg-cgrey-4 dark:bg-cblack-4 rounded-3xl h-full flex items-center overflow-hidden",children:[(0,r.jsx)(c.default,{alt:n.type,className:"w-full h-full object-contain ".concat("rakuten"!==n.title&&"saturate-0 contrast-200"),priority:!0,src:n.image}),(0,r.jsx)("div",{className:"absolute top-0 left-0 bg-black/40 dark:bg-black/50"})]}),(0,r.jsx)("div",{className:"absolute -top-1 -left-1 text-cgrey-1 dark:text-cwhite-1",children:(0,r.jsx)(Y,{})}),(0,r.jsx)("div",{className:"absolute -top-1 -right-1 text-cgrey-1 dark:text-cwhite-1 rotate-90 origin-center",children:(0,r.jsx)(Y,{})}),(0,r.jsx)("div",{className:"absolute -bottom-1 -left-1 text-cgrey-1 dark:text-cwhite-1 -rotate-90 origin-center",children:(0,r.jsx)(Y,{})}),(0,r.jsx)("div",{className:"absolute -bottom-1 -right-1 text-cgrey-1 dark:text-cwhite-1 rotate-180 origin-center",children:(0,r.jsx)(Y,{})})]}),(0,r.jsxs)("div",{className:"w-full md:w-72 shrink-0 text-left flex flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"font-serif text-4xl md:text-6xl leading-70 text-cblack-2 dark:text-cgrey-4",children:n.title}),(0,r.jsxs)("div",{className:"flex items-center gap-x-2.5 mt-4 cursor-pointer",onClick:()=>d(!0),children:[(0,r.jsx)(b,{icon:(0,r.jsx)(Z,{}),customColors:"text-cblack-2 dark:text-cwhite-1 hover:text-corangeLight-1 hover:dark:text-corange-1",parentClassname:"transition-colors"}),(0,r.jsx)("p",{className:"text-corangeLight-1 dark:text-corange-1 underline",children:s})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"bg-cgrey-5 dark:bg-cgrey-1/10 rounded-sm flex flex-col gap-y-8 p-2 text-base md:text-lg text-cblack-2 dark:text-cwhite-1 mt-4 md:mt-0",children:[(0,r.jsx)("p",{children:a}),(0,r.jsx)("p",{children:n.techs})]}),(0,r.jsxs)(X.default,{className:"text-sm flex text-cblack-2 dark:text-cgrey-1 mt-4 rounded-sm border border-cblack-2 dark:border-cgrey-1 items-center justify-between p-1 hover:bg-cblack-2 hover:dark:bg-cgrey-1 hover:text-cgrey-1 hover:dark:text-cblack-2 transition-colors",href:n.link,target:"__blank",children:[(0,r.jsx)("p",{children:l}),(0,r.jsx)(q,{})]})]})]}),(0,r.jsx)(K.M,{children:o&&(0,r.jsx)(ee,{activeProject:t,closeProject:()=>d(!1)},"project-details")})]},"activeProject-".concat(t))})})},eA=()=>{let{projects:e,title:t,moreInfo:A,live:s}=_,[a,l]=(0,i.useState)(0);return(0,r.jsxs)(g,{differentPadding:"p-0 md:p-2.5",variant:"medium",children:[(0,r.jsx)("div",{className:"p-2.5 md:p-0",children:(0,r.jsx)(m,{title:t})}),(0,r.jsxs)("div",{className:"w-full overflow-y-hidden flex gap-x-2.5 mt-2 md:mt-6 h-full relative p-2.5",children:[(0,r.jsx)(G,{activeProject:a,setActiveProject:l}),(0,r.jsx)(et,{activeProject:a})]})]})},es=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",children:[(0,r.jsx)("path",{d:"M3.83341 3.8335H17.1667C18.0834 3.8335 18.8334 4.5835 18.8334 5.50016V15.5002C18.8334 16.4168 18.0834 17.1668 17.1667 17.1668H3.83341C2.91675 17.1668 2.16675 16.4168 2.16675 15.5002V5.50016C2.16675 4.5835 2.91675 3.8335 3.83341 3.8335Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),(0,r.jsx)("path",{d:"M18.8334 5.5L10.5001 11.3333L2.16675 5.5",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})]});let ea={title:"drop me a message",text:"my email",email:"[email protected]",copied:"copied!",text2:"I'll get back to you shortly!"};var er=()=>{let{title:e,text:t,text2:A,email:s,copied:a}=ea,[l,c]=(0,i.useState)(!1),n=(0,i.useCallback)(()=>

1{if(l)return;let e=document.createElement("input");document.body.appendChild(e),e.setAttribute("value",s),e.select(),document.execCommand("copy"),document.body.removeChild(e),c(!0)},[s,l]);return(0,r.jsxs)(g,{differentPadding:"pt-2 px-2 pb-1.5",variant:"bright",children:[(0,r.jsx)(m,{title:e}),(0,r.jsxs)("div",{className:"mt-4 w-full border border-dashed border-cgrey-2 dark:border-cgrey-1 bg-cgreyLight-2 dark:bg-cblack-4 p-4 flex items-center justify-between rounded-sm",children:[(0,r.jsx)("div",{className:"flex items-center justify-center text-cblack-5 dark:text-cwhite-1 bg-mail dark:bg-mail-dark rounded-sm p-3",children:(0,r.jsx)(es,{})}),(0,r.jsxs)("div",{className:"text-right",children:[(0,r.jsx)("div",{className:"cursor-pointer",onClick:n,children:(0,r.jsx)("p",{className:"underline text-sm text-cblack-2 dark:text-cgrey-4",children:l?a:t})}),(0,r.jsx)("div",{className:"w-full mt-2.5 flex justify-end",children:(0,r.jsx)("p",{className:"text-sm text-cblack-5 dark:text-cgrey-1 w-2/3 md:w-full",children:A})})]})]})]})},ei={src:"/_next/static/media/frame.fea54c01.png",height:1e3,width:1e3,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAADFBMVEX+/v78/PxMaXH///8JOKU6AAAABHRSTlMXBQAr1CoyFwAAAAlwSFlzAAAsSwAALEsBpT2WqQAAABZJREFUeJxjYAQDJgYGRiYwIJEBBcwADXUAWojYTpMAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},el=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"27",viewBox:"0 0 46 27",fill:"none",children:[(0,r.jsx)("circle",{cx:"23.5",cy:"14.5",r:"12",stroke:"currentColor"}),(0,r.jsx)("circle",{cx:"23.5",cy:"14.5",r:"12",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M31 14.5C31 18.6421 27.6421 22 23.5 22C19.3579 22 16 18.6421 16 14.5",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M31 14.5C31 18.6421 27.6421 22 23.5 22C19.3579 22 16 18.6421 16 14.5",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M17 11H20.5",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M26 11H29.5",stroke:"currentColor"})]});let ec={dev:{label:"DEV SINCE",text:"2017"},freelance:{label:"FREELANCE SINCE",text:"2021"},tabs:[{title:"BIO",icon:(0,r.jsx)(el,{}),elements:[{link:{title:"",link:""},text:"Hello ! As you might've seen, my name is Na\xefm. I'm a French front-end developer from Paris. I enjoy creating fun and interesting experiences for people.",title:""}]},{title:"EXPERTISE",icon:(0,r.jsx)("p",{children:"</>"}),elements:[{link:{title:"",link:""},text:"React, Next.js, Vue, Nuxt.js, Typescript, Framer Motion, tailwind.css, MUI, Storybook, Cypress",title:"FRONT-END"},{link:{title:"",link:""},text:"react-three-fiber",title:"3D"},{link:{title:"",link:""},text:"Prismic, WordPress, Strapi, Contentful",title:"BACK-OFFICE WORK"},{link:{title:"",link:""},text:"Figma, git, Docker, Postman",title:"OTHER"}]},{title:"EXPERIENCES",elements:[{link:{title:"",link:""},text:"",title:"I WORKED THERE"},{text:"",title:"",link:{link:"https://bsky.app/profile/naimelayadi.com",title:"Freelance"}},{text:"",title:"",link:{link:"https://numspot.com/en/",title:"NumSpot"}},{text:"",title:"",link:{link:"https://fr.shopping.rakuten.com/",title:"Rakuten France"}},{text:"",title:"",link:{link:"https://www.cheerz.com/",title:"Cheerz"}},{text:"",title:"",link:{link:"https://monopo.co.jp/",title:"monopo"}},{text:"",title:"",link:{link:"https://ufomammoot.de/en/",title:"UFOMAMMOOT"}},{text:"",title:"",link:{link:"https://www.sweetpunk.com/",title:"Sweet Punk"}}]}],title:"na\xefm el ayadi"};var en=A(3161),eo=A(5722),ed=()=>{let e=(0,Q.F)(en.Z,"/spline/villager-scene.splinecode"),{nodes:t,materials:A}=(0,Q.D)(e),s=(0,i.useRef)(null),[a]=l(),[c,n]=(0,i.useState)(1);return(0,i.useEffect)(()=>{n(a<768?.65:1)},[a]),(0,Q.C)(e=>{let{clock:t}=e;if(!s.current)return;let A=.18*t.getElapsedTime()%1;s.current.rotation.y=2*Math.PI*A}),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("group",{ref:s,scale:c,children:[(0,r.jsx)(eo.M,{children:(0,r.jsxs)(E.aL,{args:[160,32,16],children:[(0,r.jsx)("meshBasicMaterial",{color:"#0E0E0E"}),(0,r.jsx)(B.v,{backfaceStroke:"#FF9900",dash:!0,dashLength:.1,fillMix:1,fillOpacity:0,simplify:!0,stroke:"#FF9900",strokeOpacity:1,thickness:.15}),(0,r.jsx)(N.b,{angle:Math.PI,color:"#FF9900",opacity:1,screenspace:!1,transparent:!0})]})}),(0,r.jsx)(eo.M,{children:(0,r.jsxs)("group",{dispose:null,children:[(0,r.jsx)("pointLight",{name:"Point Light 3",intensity:10,decay:5,distance:5980,"shadow-mapSize-width":1024,"shadow-mapSize-height":1024,"shadow-camera-near":100,"shadow-camera-far":1e5,color:"#de6600",position:[313.95,-83.09,615]}),(0,r.jsx)("pointLight",{name:"Point Light 4",intensity:10,decay:5,distance:5980,"shadow-mapSize-width":1024,"shadow-mapSize-height":1024,"shadow-camera-near":100,"shadow-camera-far":1e5,color:"#ae4e00",position:[-34.67,-365.45,615]}),(0,r.jsx)("pointLight",{name:"Point Light",intensity:10,decay:5,distance:5980,"shadow-mapSize-width":1024,"shadow-mapSize-height":1024,"shadow-camera-near":100,"shadow-camera-far":1e5,color:"#febeab",position:[-34.67,309.81,-41.59]}),(0,r.jsxs)("group",{name:"Head",position:[-42.68,34,86],children:[(0,r.jsx)("mesh",{name:"Rectangle",geometry:t.Rectangle.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-68.32,21.29,-16.07],rotation:[0,-Math.PI/2,0]}),(0,r.jsx)("mesh",{name:"Rectangle behind",geometry:t["Rectangle behind"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[2.67,19.41,-86.47],rotation:[-Math.PI,0,-Math.PI]}),(0,r.jsx)("mesh",{name:"Rectangle 2",geometry:t["Rectangle 2"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[3.14,62,-14.32],rotation:[-Math.PI/2,0,0]}),(0,r.jsx)("mesh",{name:"Rectangle1",geometry:t.Rectangle1.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[73.68,16.25,-15.45],rotation:[0,Math.PI/2,0]}),(0,r.jsx)("mesh",{name:"Rectangle2",geometry:t.Rectangle2.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[3.05,52.64,55],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle 7",geometry:t["Triangle 7"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[59.91,27.55,55],rotation:[0,0,2.78],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle 5",geometry:t["Triangle 5"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[49.45,31.45,55],rotation:[0,0,2.78],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle 4",geometry:t["Triangle 4"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[29.89,32.92,55],rotation:[0,0,3.12],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle 3",geometry:t["Triangle 3"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[9.5,33.34,55],rotation:[0,0,3.12],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle 2",geometry:t["Triangle 2"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-9.38,33.74,55],rotation:[0,0,3.12],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle",geometry:t.Triangle.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-29.54,34.16,55],rotation:[0,0,3.12],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle 6",geometry:t["Triangle 6"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-57.07,35.76,55],rotation:[0,0,3],scale:[1.03,1.03,1]}),(0,r.jsx)("mesh",{name:"Triangle1",geometry:t.Triangle1.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-48.28,34.55,55],rotation:[0,0,-2.88],scale:[1.03,1.03,1]}),(0,r.jsxs)("group",{name:"Face",position:[4.45,-24.53,57.29],scale:1.1,children:[(0,r.jsx)("mesh",{name:"Path",geometry:t.Path.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-13.76,-23.31,-.43]}),(0,r.jsx)("mesh",{name:"Triangle2",geometry:t.Triangle2.geometry,material:A["Triangle2 Material"],castShadow:!0,receiveShadow:!0,position:[.19,-9.98,.57]}),(0,r.jsxs)("group",{name:"Eyes 2",position:[30.55,1.27,1.5],children:[(0,r.jsx)("mesh",{name:"Path 2",geometry:t["Path 2"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[13.69,15.1,-1.93],rotation:[-Math.PI,0,-2.97],scale:1}),(0,r.jsx)("mesh",{name:"Rectangle 21",geometry:t["Rectangle 21"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[2.43,.67,.93],scale:2.55}),(0,r.jsx)("mesh",{name:"Rectangle3",geometry:t.Rectangle3.geometry,material:A.Càntour,castShadow:!0,receiveShadow:!0,position:[0,0,-.93],scale:1.09})]}),(0,r.jsxs)("group",{name:"Eyes",position:[-29.21,1.27,1.5],children:[(0,r.jsx)("mesh",{name:"Path 3",geometry:t["Path 3"].geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[-12.86,15.25,-1.93],rotation:[0,0,.13],scale:1}),(0,r.jsx)("mesh",{name:"Rectangle4",geometry:t.Rectangle4.geometry,material:A.Eyes,castShadow:!0,receiveShadow:!0,position:[2.43,.67,.93],scale:2.55}),(0,r.jsx)("mesh",{name:"Rectangle5",geometry:t.Rectangle5.geometry,material:A.Càntour,castShadow:!0,receiveShadow:!0,position:[0,0,-.93],scale:1.09})]})]}),(0,r.jsx)("mesh",{name:"Cube",geometry:t.Cube.geometry,material:A["Cube Material"],castShadow:!0,receiveShadow:!0,position:[3.08,-8.59,-16]})]})]})})]}),(0,r.jsx)("hemisphereLight",{name:"Default Ambient Light",intensity:.75,color:"#eaeaea"})]})},eh=()=>{let{dev:e,freelance:t}=ec,A=(0,i.useRef)();return(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"relative h-60 w-60 mx-auto md:h-auto md:w-auto",children:[(0,r.jsx)(c.default,{alt:"frame",className:"bg-cgrey-3 dark:bg-inherit",priority:!0,src:ei}),(0,r.jsx)(y,{className:"absolute w-full h-full top-0 overflow-hidden",index:3,ref:A,children:(0,r.jsx)(ed,{})})]}),(0,r.jsx)("div",{className:"mt-4 md:mt-6 mb-3.5 md:mb-3 w-full h-2.5 border border-cblack-2 dark:border-cgrey-1",children:(0,r.jsx)("div",{className:"w-full h-full bg-corangeLight-1 dark:bg-corange-1 animate-bar origin-left"})}),(0,r.jsxs)("ul",{className:"text-sm md:text-base text-left text-cblack-2 dark:text-cgrey-2",children:[(0,r.jsxs)("li",{className:"flex justify-between items-center mb-2 md:mb-3.5",children:[(0,r.jsx)("p",{children:e.label}),(0,r.jsx)("p",{children:e.text})]}),(0,r.jsxs)("li",{className:"flex justify-between items-center",children:[(0,r.jsx)("p",{children:t.label}),(0,r.jsx)("p",{children:t.text})]})]})]})},ex=()=>{let{tabs:e}=ec,[t,A]=(0,i.useState)(0),s=e[t];return(0,r.jsxs)("div",{className:"mt-4 md:mt-0 w-full md:w-1/2 md:h-full flex grow md:shrink-0 flex-col md:justify-between overflow-hidden",children:[(0,r.jsx)("ul",{className:"flex gap-x-2.5 mb-4 shrink-0",children:e.map((e,s)=>(0,r.jsx)("li",{className:"".concat(t===s?"text-cgreyLight-3 bg-cblack-2 dark:text-cblack-1 dark:bg-cgrey-1":"text-cblack-2 border border-cblack-2 dark:text-cgrey-1 dark:border-cgrey-1","\n              p-0.5 cursor-pointer flex items-center"),onClick:()=>A(s),children:(0,r.jsx)("p",{className:"text-sm leading-[90%]",children:e.title})},e.title))}),(0,r.jsx)("div",{className:"bg-cgrey-4 dark:bg-cblack-3 rounded-sm p-4 overflow-y-scroll md:h-full grow",children:(0,r.jsx)(K.M,{initial:!1,mode:"wait",children:(0,r.jsxs)(U.E.div,{animate:{x:0},exit:{x:"-100%"},initial:{x:"100%"},transition:{damping:!1},children:[s.icon&&(0,r.jsx)(b,{icon:s.icon,parentClassname:"mb-8"}),(0,r.jsx)("ul",{children:s.elements.map((e,A)=>(0,r.jsxs)("li",{className:"text-left",children:[e.title&&(0,r.jsx)("p",{className:"text-cgreyLight-3 dark:text-cblack-3 bg-cblack-2 dark:bg-cgrey-1 w-fit text-xs md:text-sm mb-0.5",children:e.title}),e.text&&(0,r.jsx)("p",{className:"".concat("EXPERTISE"===s.title&&"text-sm mb-6"," text-base md:text-xl text-cblack-2 dark:text-cgrey-4"),children:e.text}),e.link.link&&e.link.title&&(0,r.jsxs)("a",{className:"flex justify-between items-center border-b border-cgrey-1 dark:text-cgrey-4 py-3",href:e.link.link,target:"__blank",children:[(0,r.jsx)("p",{className:"text-base md:text-xl",children:e.link.title}),(0,r.jsx)("div",{className:"dark:text-cgrey-1",children:(0,r.jsx)(q,{})})]})]},"".concat(t,"-elements-").concat(A)))})]},"activeTab-".concat(t))})})]})},eg=()=>{let{title:e}=ec;return(0,r.jsxs)(g,{variant:"dark",children:[(0,r.jsx)(m,{title:e}),(0,r.jsxs)("div",{className:"overflow-y-hidden md:h-full flex flex-col md:flex-row gap-x-4 mt-5",children:[(0,r.jsx)(eh,{}),(0,r.jsx)(ex,{})]})]})},em=A(8506),ep=()=>{let{theme:e}=(0,d.F)(),[t,A]=(0,i.useState)("#BFBFBF"),[s,a]=(0,i.useState)("white");return(0,i.useEffect)(()=>{A("dark"===e?"#BFBFBF":"white"),a("dark"===e?"white":"#2B2B2A")},[e]),(0,r.jsxs)(E.aL,{args:[130,32,16],children:[(0,r.jsx)("meshBasicMaterial",{color:t}),(0,r.jsx)(B.v,{dash:!0,simplify:!0,stroke:s})]})};let eu={title:"world experience",places:"places",lastVisited:"last visit",points:[{lat:48.8651171,lng:2.3965136,name:"FR, PARIS",last:"2023",index:0,timezone:"Europe/Paris"},{lat:52.5069386,lng:13.2599282,name:"DE, BERLIN",last:"2021",index:1,timezone:"Europe/Berlin"},{lat:41.0053702,lng:28.6825468,name:"TR, ISTANBUL",last:"2022",index:2,timezone:"Europe/Istanbul"},{lat:35.5085648,lng:139.1104477,name:"JA, TOKYO",last:"2023",index:3,timezone:"Asia/Tokyo"},{lat:13.7248785,lng:100.4683027,name:"TH, BANGKOK",last:"2023",index:4,timezone:"Asia/Bangkok"},{lat:16.0720759,lng:107.9133184,name:"VN, DA NANG",last:"2023",index:5,timezone:"Asia/Ho_Chi_Minh"},{lat:25.0855388,lng:121.4791006,name:"TW, TAIPEI",last:"2023",index:6,timezone:"Asia/Taipei"},{lat:14.7111038,lng:-17.5070245,name:"SN, DAKAR",last:"2023",index:

17,timezone:"Africa/Dakar"},{lat:41.6938,lng:44.8015,name:"GE, TBILISI",last:"2024",index:8,timezone:"Asia/Yerevan"},{lat:41.2995,lng:69.2401,name:"UZ, TASHKENT",last:"2024",index:8,timezone:"Asia/Tashkent"},{lat:3.1385059,lng:101.6869895,name:"MY, KUALA LUMPUR",last:"2025",index:9,timezone:"Asia/Kuala_Lumpur"},{lat:39.9384171,lng:116.0678291,name:"CN, BEIJING",last:"2025",index:10,timezone:"Asia/Beijing"},{lat:27.7089543,lng:85.2849333,name:"NP, KATHMANDU",last:"2025",index:11,timezone:"Asia/Kathmandu"}]};var ew=A(1448),ej=A(9485);let ef=function(e,t,A){let s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:138,a=(0,ej.Id)(90-e),r=(0,ej.Id)(t);return new ew.Vector3().setFromSphericalCoords(A?160:s,a,r)};var eb=()=>{let{points:e}=eu,[t]=l();return(0,r.jsx)(r.Fragment,{children:e.map((e,A)=>(0,r.jsx)("object3D",{position:ef(e.lat,e.lng,t<768)},"dummymarker-".concat(A)))})},ek=e=>{let{points:t}=eu,{activeCity:A,positions:s,setActiveCity:a}=e,c=(0,i.useRef)([]),{theme:n}=(0,d.F)(),[o]=l(),h=()=>{c.current.map((e,t)=>{null==e||e.position.setFromMatrixPosition(s[t])})};return(0,i.useEffect)(()=>{c.current.length>0&&s.length>0&&h()},[s]),(0,r.jsx)("group",{children:t.map((e,t)=>(0,r.jsx)("mesh",{onClick:()=>a(e),children:(0,r.jsx)(C.E,{ref:e=>c.current[t]=e,scale:A===t?o<768?15:25:o<768?10:12,transparent:!0,url:A===t?"/images/".concat("dark"===n?"dark":"light","/active-marker.png"):"/images/".concat("dark"===n?"dark":"light","/marker.png")})},"point-".concat(t)))})},ev=e=>{let{activeCity:t,setActiveCity:A,setAngles:s}=e,a=(0,i.useRef)(null),c=(0,i.useRef)(null),[n,o]=(0,i.useState)([]),[d]=l(),[h,x]=(0,i.useState)(1);return(0,i.useEffect)(()=>{x(d<768?.85:1)},[d]),(0,Q.C)(e=>{let{clock:t}=e,A=.03*t.elapsedTime%1;if(a.current&&c.current&&a.current.children){var r;let e=a.current.children[0];c.current.rotation.y=2*Math.PI*A,o(null===(r=c.current)||void 0===r?void 0:r.children.filter(e=>"Object3D"===e.type).map(e=>e.matrixWorld));let{x:t,z:i}=e.rotation;s({x:t,y:2*Math.PI*A,z:i})}}),(0,r.jsxs)("group",{ref:a,scale:h,children:[(0,r.jsx)(em.N,{children:(0,r.jsxs)("group",{ref:c,children:[(0,r.jsx)(ep,{}),(0,r.jsx)(eb,{})]})}),(0,r.jsx)("group",{children:(0,r.jsx)(ek,{activeCity:t,positions:n,setActiveCity:A})})]})},ey=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"9",height:"9",viewBox:"0 0 9 9",fill:"none",children:[(0,r.jsx)("circle",{cx:"4.5",cy:"4.5",r:"4",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M4 3V4C4 4.55228 4.44772 5 5 5H6",stroke:"currentColor"})]}),eE={src:"/_next/static/media/globe-details.00a60bb4.png",height:1204,width:1416,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAHlBMVEUXHB+lVzc+KSilcFZTRUOsSR6shXV5W1J2bGx/NhZmaHyyAAAACnRSTlMGORMwG0khJRch9WudxAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC5JREFUeJwdysENADAIA7EjTaDdf+FK+G3gpQRQSfLAtWDOEpru7gHse71bluADFEEApQSBcVIAAAAASUVORK5CYII=",blurWidth:8,blurHeight:7},eB={src:"/_next/static/media/globe-details.8e13d8e2.png",height:1439,width:1460,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAFVBMVEXXsHZ3d6DDqJHkq1TqpTumpqDyniRStoikAAAAB3RSTlMfARAwOgtJWm36QAAAAAlwSFlzAAALEwAACxMBAJqcGAAAACtJREFUeJxFxbkRACAMwDA73/4jc4QCNUIjC0VmZlKiFpCLr1+BHZeo3eoBFBUAfy72pK4AAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},eN=()=>{let[e,t]=(0,i.useState)({x:0,y:0,z:0}),{lastVisited:A,points:s,title:a}=eu,[l,n]=(0,i.useState)(s[0]),{theme:o}=(0,d.F)();return(0,r.jsxs)(g,{variant:"dark",children:[(0,r.jsx)(m,{title:a}),(0,r.jsxs)("div",{className:"relative w-full md:h-[80%] pt-2",children:[(0,r.jsx)("div",{className:"absolute ".concat("dark"===o?"-left-1 top-1":"left-2"," w-full h-full pointer-events-none"),children:(0,r.jsx)(c.default,{alt:"globe.details",className:"w-full h-72 md:h-full object-contain",priority:!0,src:"dark"===o?eB:eE})}),(0,r.jsx)(y,{className:"w-full h-72 md:h-full",index:2,children:(0,r.jsx)(ev,{activeCity:l?l.index:null,setActiveCity:n,setAngles:t})}),(0,r.jsxs)("div",{className:"hidden md:block absolute bottom-0 left-0 text-left text-cblack-5 dark:text-cgrey-2 text-xs",children:[(0,r.jsxs)("p",{children:["x: ",e.x]}),(0,r.jsxs)("p",{children:["y: ",e.y]}),(0,r.jsxs)("p",{children:["z: ",e.z]})]})]}),(0,r.jsx)("div",{className:"w-full md:h-[20%] flex flex-col justify-end",children:l&&(0,r.jsxs)("div",{className:"w-full flex justify-between items-start md:items-center text-left text-cblack-2 dark:text-cgrey-1 text-sm md:gap-x-8",children:[(0,r.jsxs)("div",{className:"font-serif text-3xl leading-70 p-1 border border-cblack-2 dark:border-cgrey-2",children:["N○",l.index]}),(0,r.jsxs)("div",{className:"flex flex-col md:flex-row justify-end md:justify-between items-end text-right md:text-left grow md:items-center gap-y-6 md:gap-y-0",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"mb-2 md:mb-0",children:l.lat}),(0,r.jsxs)("div",{children:["○○ ",l.name]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"mb-2 md:mb-0",children:l.lng}),(0,r.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,r.jsx)(ey,{})," ",new Date().toLocaleTimeString("en-US",{hour12:!1,timeZone:l.timezone})]})]}),(0,r.jsxs)("div",{className:"flex flex-col justify-between h-full mb-2 md:mb-0",children:[(0,r.jsx)("div",{className:"text-xxs",children:A}),(0,r.jsx)("div",{children:l.last})]})]})]})})]})},eC=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"22",height:"22",viewBox:"0 0 22 22",fill:"none",children:(0,r.jsxs)("g",{filter:"url

1(#filter0_d_102_3354)",children:[(0,r.jsx)("circle",{cx:"10.2",cy:"11",r:"6.7",stroke:"currentColor"}),(0,r.jsx)("path",{d:"M7.2002 9.2L9.72488 12.8C9.93616 13.1013 10.3767 13.1176 10.6097 12.8328L18.0002 3.8",stroke:"currentColor"})]})});let eQ={title:"status",alert:"CURRENTLY",text:"Available for freelance"};var eD=()=>{let{title:e,alert:t,text:A}=eQ;return(0,r.jsxs)(g,{differentPadding:"pt-1 pb-3.5 px-2.5",variant:"dark",children:[(0,r.jsx)(m,{title:e}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center mt-3",children:[(0,r.jsx)("div",{className:"w-1 h-1 bg-corangeLight-1 dark:bg-corange-1 mr-1"}),(0,r.jsx)("p",{className:"text-xxs text-corangeLight-1 dark:text-corange-1",children:t})]}),(0,r.jsxs)("div",{className:"mt-2.5 md:mt-0.5 md:flex justify-between items-center",children:[(0,r.jsx)("p",{className:"text-cblack-2 dark:text-cgrey-2 text-left text-sm md:text-base",children:A}),(0,r.jsx)("div",{className:"text-corangeLight-1 dark:text-corange-1 mt-2 md:mt-0",children:(0,r.jsx)(eC,{})})]})]})]})};let eS={title:"also existing on",elements:[{link:"https://github.com/naim-ea",text:"github"},{link:"https://www.linkedin.com/in/hiimnaim/",text:"linkedin"},{link:"https://bsky.app/profile/naimelayadi.com",text:"bluesky"},{link:"https://twitter.com/encore_naim",text:"x (ex-twitter)"},{link:"https://www.malt.fr/profile/naimelayadi",text:"malt"}],statsData:[{data:"duration",caption:"hours coded",caption2:"range"},{data:"projects",caption:"personal projects<br/> worked on"},{data:"languages",caption:"languages used<br/> to write code"},{data:"bestDay",caption:"best <br/>day!"}],statsTitle:"stats"};var eM=e=>{let{stats:t}=e,{elements:A,statsData:s,statsTitle:a,title:i}=eS;return(0,r.jsxs)(g,{variant:"dark",children:[(0,r.jsx)(m,{title:i}),t&&(0,r.jsxs)("div",{className:"bg-cgrey-4 dark:bg-cblack-4 p-4 md:p-6 flex flex-col justify-between text-left h-52 md:h-72",children:[(0,r.jsx)("p",{className:"text-cblack-1 dark:text-cwhite-1 text-xs",children:a}),(0,r.jsx)("ul",{className:"flex flex-nowrap gap-x-10 items-end overflow-x-scroll",children:s.map(e=>(0,r.jsxs)("li",{className:"shrink-0",children:[(0,r.jsx)("p",{className:"text-gradient dark:text-gradient-dark font-serif text-5xl leading-70 mb-6",children:"bestDay"===e.data?(0,r.jsx)(r.Fragment,{children:t.bestDay.date}):(0,r.jsx)(r.Fragment,{children:t[e.data]})}),(0,r.jsx)("div",{className:"text-cblack-1 dark:text-cgrey-1 md:textxl",dangerouslySetInnerHTML:{__html:e.caption}}),e.caption2&&(0,r.jsx)("p",{className:"text-cblack-1 dark:text-cgrey-1 md:textxl",children:t[e.caption2]})]},e.data))})]}),(0,r.jsx)("ul",{className:"text-cblack-2 dark:text-cgrey-4 overflow-y-scroll",children:A.map((e,t)=>(0,r.jsx)("li",{className:"py-4\n              ".concat(t!==A.length-1&&"border-b border-b-cgrey-1","\n              hover:text-corangeLight-1 hover:dark:text-corange-1 transition-colors"),children:(0,r.jsxs)("a",{className:"flex items-center justify-between",href:e.link,target:"__blank",children:[(0,r.jsx)("p",{className:"text-lg md:text-xl",children:e.text}),(0,r.jsx)("div",{children:(0,r.jsx)(q,{})})]})},e.text))})]})},eO=(e,t)=>{let[A,s]=(0,i.useState)(()=>{let A;try{A=JSON.parse(localStorage.getItem(e)||String(t))}catch(e){A=t}return A});return(0,i.useEffect)(()=>{localStorage.setItem(e,JSON.stringify(A))},[A,e]),[A,s]};let ez={unit:"#",text:"your id number"},eI=()=>{let e=new Uint8Array(2);return window.crypto.getRandomValues(e).join("")};var eL=()=>{let{unit:e,text:t}=ez,[A]=eO("na\xefm-id_number",eI());return(0,r.jsx)(g,{differentPadding:"px-1.5 py-1",variant:"bright",children:(0,r.jsxs)("div",{className:"h-full flex flex-col justify-between text-left",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{className:"text-xxs text-cblack-5 dark:text-cgrey-1",children:e}),(0,r.jsx)("p",{className:"font-serif mt-1 text-4xl leading-70 text-cblack-2 dark:text-corange-1",children:Math.round(A)})]}),(0,r.jsx)("p",{className:"text-xs text-cblack-2 dark:text-cgrey-2",children:t})]})})};let eR={title:"mood",currentMoodText:"happy_with_life",currentMood:"happy",message:"current message: happy new year"};var eT=()=>{let{theme:e}=(0,d.F)(),{currentMood:t}=eR,[A,s]=(0,i.useState)("#060606"),[a,c]=(0,i.useState)("#D9D9D9"),n=(0,i.useRef)(null),[o]=l(),[h,x]=(0,i.useState)(1);return(0,i.useEffect)(()=>{x(o<768?.65:1)},[o]),(0,i.useEffect)(()=>{s("dark"===e?"#060606":"#E2E2E2"),c("dark"===e?"#D9D9D9":"#2B2B2A")},[e]),(0,Q.C)(e=>{var t;let{pointer:A,viewport:s}=e,a=A.x*s.width/80,r=A.y*s.height/80;null===(t=n.current)||void 0===t||t.lookAt(a,r,40)}),(0,r.jsxs)("group",{ref:n,scale:h,children:[(0,r.jsxs)(E.aL,{args:[100,32,16],children:[(0,r.jsx)("meshBasicMaterial",{color:A}),(0,r.jsx)(B.v,{dash:!0,simplify:!0,stroke:a}),(0,r.jsx)(N.b,{angle:Math.PI,color:a,opacity:1,screenspace:!1,thickness:.01,transparent:!1})]}),(0,r.jsx)(C.E,{position:[0,0,100],scale:150,transparent:!0,url:"".concat("dark"===e?"/images/dark/moods/".concat(t,".png"):"/images/light/moods/".concat(t,".png"))})]})},eF=()=>{let{currentMoodText:e,message:t,title:A}=eR;return(0,r.jsxs)(g,{variant:"bright",children:[(0,r.jsx)(m,{title:A}),(0,r.jsx)(y,{className:"w-full h-full",index:1,children:(0,r.jsx)(eT,{})}),(0,r.jsx)("div",{className:"bg-cgreyLight-2 dark:bg-cblack-4 p-4 mb-2",children:(0,r.jsx)("p",{className:"text-cblack-2 dark:text-cgrey-1",children:t})}),(0,r.jsx)("div",{className:"bg-cgreyLight-2 dark:bg-cblack-4 p-2 text-sm md:text-base",children:(0,r.jsx)("p",{className:"text-cblack-2 dark:text-cgrey-1",children:e})})]})};let eU={title:"random fact",facts:[{keywords:"running,marathon,self-marathon",text:"runs half-marathons"},{keywords:"pizza,food,sharing,mozzarella,pepperoni",text:"pizza (any topping) 

1is my favorite meal"},{keywords:"travel,globe,globetrotter,journey,landscape,monument",text:"visited 43 countries (and counting)"},{keywords:"minecraft,game,videogame,pixel,video-games",text:"died 575 times in minecraft (and counting)"},{keywords:"movie,actor,snatch,award,hollywood",text:"snatch is my favorite movie"},{keywords:"love,self,self-love,self-esteem",text:"self-love is the key to success!"}]},eP=(e,t)=>Math.floor(Math.random()*(t-e)+e);var eH=()=>{let{title:e,facts:t}=eU,[A]=(0,i.useState)(eP(0,t.length));return(0,r.jsxs)(g,{variant:"dark",children:[(0,r.jsx)(m,{title:e}),(0,r.jsxs)("div",{className:"flex items-end h-full gap-x-6 mt-3",children:[(0,r.jsx)("div",{className:"bg-cgrey-4 h-full w-[117px] rounded-sm shrink-0",children:(0,r.jsx)(c.default,{alt:t[A].text,className:"w-[117px] h-full saturate-0 contrast-200 object-cover",height:158,priority:!0,src:"https://source.unsplash.com/random/?".concat(t[A].keywords),width:117})}),(0,r.jsx)("p",{className:"text-left text-xl md:text-2xl text-cblack-2 dark:text-cgrey-2",children:t[A].text})]})]})};let eV={title:"languages",languages:[{name:"french",level:"NATIVE"},{name:"english",level:"FLUENT"},{name:"spanish",level:"BASIC"},{name:"italian",level:"BASIC"},{name:"algerian arabic",level:"WIP"},{name:"thai",level:"WIP"}]};var e_=()=>{let{title:e,languages:t}=eV;return(0,r.jsxs)(g,{variant:"medium",children:[(0,r.jsx)(m,{title:e}),(0,r.jsx)("ul",{className:"flex flex-col gap-y-1",children:t.map(e=>(0,r.jsxs)("li",{className:"flex justify-between items-center relative gap-x-2",children:[(0,r.jsx)("p",{className:"text-cblack-5 dark:text-cgrey-2 text-sm md:text-lg",children:e.name}),(0,r.jsx)("div",{className:"border-dashed border-b-2 border-b-cblack-5 dark:border-b-cgrey-1 grow"}),(0,r.jsx)("p",{className:"text-corangeLight-1 dark:text-corange-1 text-xxs md:text-xs",children:e.level})]},e.name))})]})};let eW=(e,t,A)=>{switch(e){case a.World:return(0,r.jsx)(eN,{});case a.Player:return(0,r.jsx)(O,{currentTrack:t});case a.Weather:return(0,r.jsx)(T,{});case a.Mode:return(0,r.jsx)(P,{});case a.Projects:return(0,r.jsx)(eA,{});case a.Contact:return(0,r.jsx)(er,{});case a.Face:return(0,r.jsx)(eg,{});case a.Status:return(0,r.jsx)(eD,{});case a.Networks:return(0,r.jsx)(eM,{stats:A});case a.ID:return(0,r.jsx)(eL,{});case a.Mood:return(0,r.jsx)(eF,{});case a.Fact:return(0,r.jsx)(eH,{});case a.Languages:return(0,r.jsx)(e_,{});default:return(0,r.jsx)(r.Fragment,{})}};var eJ=e=>{let{block:t,currentTrack:A,stats:s,variant:a}=e;return(0,r.jsxs)("section",{className:"\n          p-0.5 relative text-center text-black dark:text-white\n          md:col-span-".concat(t.width," md:row-span-").concat(t.height," md:col-start-").concat(t.positions[a||0].col," md:row-start-").concat(t.positions[a||0].row,"\n          col-span-").concat(t.mobile.width," row-span-").concat(t.mobile.height," col-start-").concat(t.mobile.positions.col," row-start-").concat(t.mobile.positions.row,"\n        "),id:t.type,children:[eW(t.type,A,s),(0,r.jsx)("div",{className:"text-cblack-5 dark:text-cwhite-1 absolute -top-1 -left-1",children:(0,r.jsx)(Y,{})})]})};let eK=()=>Math.floor(3*Math.random()+0);var eG=e=>{let{currentTrack:t,stats:A}=e,[s,l]=(0,i.useState)(null);return((0,i.useEffect)(()=>

1{l(eK())},[]),null===s)?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)("div",{className:"relative w-full h-full bg-grid",children:(0,r.jsx)("div",{className:"w-full h-full bg-innergrid",children:x.map((e,i)=>(0,r.jsx)(eJ,{block:e,currentTrack:e.type===a.Player?t:null,stats:e.type===a.Networks?A:null,variant:s},"block-".concat(i)))})})},eY=A(1783),eZ=A(6210),eX=A(6080),eq=A(6109),e$=A(1054),e0=A(7094),e1=A(4823),e2=e=>{let{parent:t}=e,[A,s]=(0,i.useState)(1.5);return(0,r.jsxs)(eY.Xz,{dpr:A,eventPrefix:"client",eventSource:t,flat:!0,linear:!0,raycaster:{params:{Mesh:{threshold:5}}},style:{position:"fixed",top:0,left:0,width:"100%",height:"100%",touchAction:"none"},children:[(0,r.jsx)(eZ.i,{makeDefault:!0,near:-1e3,position:[0,0,150]}),(0,r.jsxs)(i.Suspense,{fallback:null,children:[(0,r.jsx)(v.Out,{}),(0,r.jsx)(eX.P,{}),(0,r.jsx)(eq.S,{pixelated:!0}),(0,r.jsx)(e$.E,{})]}),(0,r.jsx)(e0.q,{all:!0}),(0,r.jsx)(e1.A,{onIncline:()=>s(2),onDecline:()=>s(1)})]})},e5=()=>{let[e]=l();return e<768?(0,r.jsx)(r.Fragment,{}):(0,r.jsx)("div",{className:"absolute top-0 left-0 w-full h-screen bg-loader-grid",children:[...Array(312)].map((e,t)=>(0,r.jsx)("div",{className:"border border-dashed border-cwhite-1/20"},t))})},e7=()=>(0,r.jsxs)("div",{className:"flex items-center",children:[(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:[(0,r.jsx)("path",{d:"M11.9995 6.0112L8.84715 11.1164L2.84977 10.9389L0.00474967 5.65632L3.1571 0.551161L9.15448 0.728601L11.9995 6.0112Z",fill:"url(#paint0_linear_53_1188)"}),(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"paint0_linear_53_1188",x1:"5.78991",y1:"13.0059",x2:"6.05289",y2:"-0.673955",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"white"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#D9D9D9",stopOpacity:"0"})]})})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"12",viewBox:"0 0 13 12",fill:"none",children:[(0,r.jsx)("path",{d:"M3.31409 11.2345L0.307183 6.04232L3.30027 0.842183L9.30027 0.834208L12.3072 6.02637L9.31408 11.2265L3.31409 11.2345Z",fill:"url(#paint0_linear_53_1186)"}),(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"paint0_linear_53_1186",x1:"0.0884665",y1:"2.45496",x2:"12.0169",y2:"9.15722",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"white"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#D9D9D9",stopOpacity:"0"})]})})]}),(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"11",viewBox:"0 0 13 11",fill:"none",children:[(0,r.jsx)("path",{d:"M3.80536 10.8675L0.798455 5.67531L3.79155 0.475179L9.79154 0.467204L12.7984 5.65936L9.80535 10.8595L3.80536 10.8675Z",fill:"url(#paint0_linear_53_1185)"}),(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"paint0_linear_53_1185",x1:"0.579739",y1:"2.08796",x2:"12.5081",y2:"8.79022",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"white"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#D9D9D9",stopOpacity:"0"})]})})]})]}),(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"13",height:"11",viewBox:"0 0 13 11",fill:"none",children:[(0,r.jsx)("path",{d:"M3.54047 10.8651L0.533562 5.67296L3.52665 0.472829L9.52665 0.464854L12.5336 5.65701L9.54046 10.8571L3.54047 10.8651Z",fill:"url(#paint0_linear_53_1187)"}),(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"paint0_linear_53_1187",x1:"0.314846",y1:"2.08561",x2:"12.2432",y2:"8.78787",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"white"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#D9D9D9",stopOpacity:"0"})]})})]})]});let e3={name:"na\xefm<br/>el ayadi",symbols:[{icon:(0,r.jsx)(el,{})},{icon:void 0},{icon:(0,r.jsx)("p",{children:"</>"})}],date:"2024",newMessage:"... 1 NEW MESSAGE ...",boardingSoon:"boarding soon",designations:["FREELANCE","FRONT-END DEVELOPER","WORLDWIDE"]};var e4={src:"/_next/static/media/danger.63aef77a.png",height:52,width:776,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAABlBMVEX///////9VfPVsAAAAAnRSTlMJFySC87YAAAAJcEhZcwAALEsAACxLAaU9lqkAAAARSURBVHicY2BgYGBkYGBgAAAADgACfKFalwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:1},e8=()=>{let{boardingSoon:e,date:t,designations:A,newMessage:s}=e3;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"hidden md:flex row-end-14 col-span-2 items-center gap-x-2 text-cwhite-1 text-lg px-8",children:[(0,r.jsx)(e7,{}),(0,r.jsx)("p",{children:t})]}),(0,r.jsxs)("div",{className:"w-full absolute left-1/2 -translate-x-1/2 bottom-0 text-cwhite-1 text-center p-4 md:p-12",children:[(0,r.jsx)("p",{className:"text-xs animate-pulse",children:s}),(0,r.jsx)("p",{className:"text-xxs mt-2",children:e}),(0,r.jsx)(c.default,{alt:"danger",className:"mt-1 w-48 mx-auto",priority:!0,src:e4})]}),(0,r.jsxs)("div",{className:"md:col-end-24 col-span-5 row-start-7 md:row-end-13 row-span-2 md:row-span-2 mx-0 p-2 border border-cwhite-1/30",children:[(0,r.jsx)(b,{}),(0,r.jsx)("ul",{className:"mt-6",children:A.map(e=>(0,r.jsxs)("li",{className:"flex items-end gap-x-2 mb-2",children:[(0,r.jsx)("span",{className:"bg-cwhite-1 w-1 h-1"}),(0,r.jsx)("p",{className:"text-cwhite-1 text-base md:text-lg leading-[100%]",children:e})]},e))})]})]})},e9=()=>{let{name:e,symbols:t}=e3;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"col-start-1 row-start-3 md:row-start-1 pl-4 md:pl-10 md:pt-10 col-span-full",children:(0,r.jsx)("h1",{className:"text-cgreyLight-1 font-serif text-7xl md:text-10xl xl:text-11xl leading-[60%]",dangerouslySetInnerHTML:{__html:e}})}),(0,r.jsx)("div",{className:"flex md:flex-col items-end md:gap-y-4 gap-x-4 md:gap-x-0 row-start-1 row-span-1 md:row-start-2 col-start-1 md:col-end-24 pl-4 md:pl-0",children:t.map((e,t)=>(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(b,{disableDark:!0,icon:e.icon})},"symbol-".concat(t)))})]})},e6={src:"/_next/static/media/loader-bg.4d875a72.png",height:4320,width:4496,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAABlBMVEX///9MaXG/fzaeAAAAAnRSTlMBAG+I/HkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAVSURBVHicY2BAAEYwQgZwETxSEAAAAWgACWp5I9MAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},te={src:"/_next/static/media/loader-bg.6af9ef5c.png",height:3248,width:1500,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAABlBMVEX/////

1//9VfPVsAAAAAnRSTlMBBGjlOGAAAAAJcEhZcwAALEsAACxLAaU9lqkAAAAVSURBVHicY2AAAUYwCWEiseFCjIwAAIEACKcy8X8AAAAASUVORK5CYII=",blurWidth:4,blurHeight:8},tt=()=>{let[e]=l();return(0,r.jsxs)(U.E.div,{className:"w-screen h-screen fixed top-0 left-0 bg-black flex items-center z-50",exit:{opacity:0},transition:{damping:null,delay:4},children:[(0,r.jsx)("div",{className:"bg-loader animate-radar absolute h-[300vh] w-[300vw] -top-[100vh] -left-[100vw] rounded-full"}),(0,r.jsx)(e5,{}),(0,r.jsx)(K.M,{children:e>0&&(0,r.jsx)(U.E.div,{animate:{opacity:1},className:"absolute h-full w-full",initial:{opacity:0},children:(0,r.jsx)(c.default,{alt:"compass",className:"h-full w-full md:w-auto object-cover md:object-fill absolute left-1/2 -translate-x-1/2 -top-2",priority:!0,src:e<768?te:e6})})}),(0,r.jsxs)("div",{className:"w-full h-screen relative bg-loader-grid",children:[(0,r.jsx)(e9,{}),(0,r.jsx)(e8,{})]})]},"loader")},tA=A(9864),ts=()=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"9",viewBox:"0 0 12 9",fill:"none",children:(0,r.jsx)("path",{d:"M5.81776 8.90909L5.05214 8.15341L8.20412 5.00142H0.0407715V3.90767H8.20412L5.05214 0.765625L5.81776 0L10.2723 4.45455L5.81776 8.90909Z",fill:"currentColor"})});let ta={name:"na\xefm el ayadi",type:"- worldwide freelance",position:"front-end",occupation:"developer",copyright:"\xa9 2024",workFor:"work for",workForElements:"agencies, companies & startups"};var tr=()=>{let{name:e,type:t,occupation:A,position:s,workFor:a,workForElements:l,copyright:c}=ta,[n,o]=(0,i.useState)(!1);return(0,r.jsxs)(U.E.header,{className:"text-cgrey-4 dark:text-cblack-4 fixed w-screen top-0 left-0 pt-4 px-4 rounded-tl-lg overflow-hidden z-40",children:[(0,r.jsxs)("div",{className:"relative flex justify-between items-center bg-cblack-4 dark:bg-cgrey-1 z-20",children:[(0,r.jsx)("h1",{className:"font-serif text-4.5xl h-6.5",children:e}),(0,r.jsx)(U.E.div,{className:"mr-2.5 origin-center transition-transform will-change-transform ".concat(n?"rotate-180":""),onClick:()=>o(e=>!e),children:(0,r.jsx)(J,{})}),(0,r.jsx)("div",{className:"absolute top-0 left-0 text-cblack-5 dark:text-cwhite-1",children:(0,r.jsx)(j,{})})]}),(0,r.jsx)(K.M,{children:n&&(0,r.jsxs)(U.E.div,{animate:{opacity:1,y:0},className:"pt-6 pb-0.5 px-0.5 bg-cblack-4 dark:bg-cgrey-1 relative z-10 flex flex-col gap-y-0.5",exit:{opacity:0,y:-50},initial:{opacity:0,y:-50},transition:{damping:null},children:[(0,r.jsx)("div",{className:"text-cblack-4 dark:text-cgrey-1 bg-cgrey-4 dark:bg-cblack-4 px-0.5",children:(0,r.jsx)("h2",{children:t})}),(0,r.jsxs)("div",{className:"flex flex-nowrap text-cblack-4 dark:text-cgrey-1 bg-cgrey-4 dark:bg-cblack-4 px-0.5",children:[(0,r.jsx)("h3",{className:"mr-11",children:s}),(0,r.jsx)("h3",{children:A})]}),(0,r.jsxs)("div",{className:"flex flex-nowrap items-center gap-x-4 xl:gap-x-16 text-cblack-4 dark:text-cgrey-1 bg-cgrey-4 dark:bg-cblack-4 px-0.5",children:[(0,r.jsx)("h3",{className:"shrink-0",children:a}),(0,r.jsx)(ts,{}),(0,r.jsx)("h3",{children:l})]}),(0,r.jsx)("div",{className:"text-cblack-4 dark:text-cgrey-1 bg-cgrey-4 dark:bg-cblack-4 px-0.5",children:(0,r.jsx)("p",{children:c})})]})})]})},ti=()=>{let{name:e,type:t,occupation:A,position:s,workFor:a,workForElements:i,copyright:c}=ta,[n]=l();return n>0&&n<768?(0,r.jsx)(tr,{}):(0,r.jsx)("header",{className:"fixed top-6 w-full text-cblack-4 dark:text-cgrey-1 text-xs xl:text-sm px-5 z-40",children:(0,r.jsxs)("div",{className:"flex justify-between items-start border-t border-cblack-4 dark:border-cgrey-1 w-full pt-3.5",children:[(0,r.jsxs)("div",{className:"relative shrink-0 mr-8",children:[(0,r.jsx)("h1",{className:"font-serif text-4.5xl h-6.5 overflow-hidden bg-cblack-4 dark:bg-cgrey-1 text-cgrey-4 dark:text-cblack-4 rounded-tl-lg",children:e}),(0,r.jsx)("div",{className:"absolute top-0 left-0 text-cblack-5 dark:text-cwhite-1",children:(0,r.jsx)(j,{})})]}),(0,r.jsxs)("div",{className:"flex justify-between flex-wrap w-full",children:[(0,r.jsx)("div",{children:(0,r.jsx)("h2",{children:t})}),(0,r.jsxs)("div",{className:"flex flex-nowrap",children:[(0,r.jsx)("h3",{className:"mr-11",children:s}),(0,r.jsx)("h3",{children:A})]}),(0,r.jsxs)("div",{className:"flex flex-nowrap gap-x-4 xl:gap-x-16",children:[(0,r.jsx)("h3",{children:a}),(0,r.jsx)(ts,{}),(0,r.jsx)("h3",{children:i})]}),(0,r.jsx)("div",{children:(0,r.jsx)("p",{children:c})})]})]})})},tl=()=>(0,r.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"67",height:"65",viewBox:"0 0 67 65",fill:"none",children:[(0,r.jsx)("rect",{width:"67",height:"65",rx:"10",fill:"#2B2B2A"}),(0,r.jsx)("path",{d:"M47.2556 32.5C47.2556 40.5081 41.1543 47 33.6278 47C26.1014 47 20 40.5081 20 32.5C20 24.4919 26.1014 18 33.6278 18C41.1543 18 47.2556 24.4919 47.2556 32.5Z",fill:"url(#paint0_linear_350_2028)"}),(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:"paint0_linear_350_2028",x1:"33.6278",y1:"18",x2:"33.6278",y2:"47",gradientUnits:"userSpaceOnUse",children:[(0,r.jsx)("stop",{stopColor:"#D9D9D9"}),(0,r.jsx)("stop",{offset:"1",stopColor:"#D9D9D9",stopOpacity:"0"})]})})]});let tc={select:"choose a card",title:"navigate to:"};var tn=()=>{let{title:e,select:t}=tc;return(0,r.jsx)("footer",{className:"fixed bottom-2.5 w-96 max-w-full px-5 z-40",children:(0,r.jsxs)("div",{className:"flex items-center gap-x-2",children:[(0,r.jsx)("div",{className:"shrink-0",children:(0,r.jsx)(tl,{})}),(0,r.jsxs)("div",{className:"p-2.5 bg-cgrey-5 dark:bg-cblack-3 w-full",children:[(0,r.jsx)("p",{className:"text-cblack-5 dark:text-cgrey-4",children:e}),(0,r.jsxs)("div",{className:"mt-1 relative",children:[(0,r.jsxs)("select",{className:"w-full p-2 text-cblack-4 dark:text-cgrey-1 rounded-sm bg-cgrey-3 dark:bg-cblack-5 overflow-hidden appearance-none",onChange:e=>{let t=e.target.value,A=document.getElementById(t);A&&A.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},children:[(0,r.jsx)("option",{defaultChecked:!0,value:"",children:t}),x.map((e,t)=>(0,r.jsx)("option",{value:e.type,children:e.type},e.type))]}),(0,r.jsx)("div",{className:"text-corangeLight-1 dark:text-corange-1 absolute right-2 top-1/2 -translate-y-1/2",children:(0,r.jsx)(J,{})})]})]})]})})};let to={title:"WELCOME",subtitle:"○ ON BOARD",text:"Explore by dragging or scrolling the screen vertically or horizontally",button:"Got it!"};var td={src:"/_next/static/media/position.9f326f02.png",height:717,width:717,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAADFBMVEUuLi4oKCgqKiopKSeaZo8hAAAABHRSTlMKBCERPQgbMwAAAAlwS

1FlzAAAsSwAALEsBpT2WqQAAAChJREFUeJw1ikEOAEAQwYr//3nDZBuHBoQigyATpGtSobJ0+h/pxCN+B6MAQUWxgbUAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8},th={src:"/_next/static/media/pointer.01d93519.png",height:91,width:77,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAS1BMVEWJiYkAAACEhIRPT0+vr68XFxeOjo77+/tvb29qamrR0dG9vb1kZGQAAABZWVlmZmaHh4dvb2+rq6uJiYn////e3t7W1tbl5eW2traew/UbAAAAFHRSTlMBGOKD+EzK/N+t/fm7NcWaqW7e12GC2EYAAAAJcEhZcwAALEsAACxLAaU9lqkAAAA7SURBVHicHcXJDYAwDATAzWmbKxCtDf1XipT5DDAMy13T+vlUjwa76uue0WOjcOLcKcIOFCejAbDImn460wIWftHhdgAAAABJRU5ErkJggg==",blurWidth:7,blurHeight:8},tx=A(5019),tg=e=>{let{leaveTutorial:t}=e,{button:A,subtitle:s,text:a,title:l}=to,n=(0,i.useRef)([[".cursor-image",{opacity:0,y:85},{at:0,duration:0}],[".block-image",{x:70,y:70},{at:0,duration:0}],[".cursor-image",{opacity:1},{at:.5}],[".cursor-image",{x:153},{at:1.5}],[".block-image",{x:0},{at:1.5}],[".cursor-image",{x:86,y:27},{at:2.5}],[".block-image",{x:70,y:138},{at:2.5}],[".cursor-image",{y:138},{at:3.5}],[".block-image",{y:0},{at:3.5}],[".cursor-image",{opacity:0},{at:4.5}]]);return(0,i.useEffect)(()=>{n.current&&(0,tx.j)(n.current,{defaultTransition:{ease:"easeOut"},delay:6,repeat:15,repeatType:"reverse",repeatDelay:1})},[]),(0,r.jsxs)(U.E.div,{className:"fixed top-0 left-0 w-screen h-screen bg-cblack-2/70 z-50 flex items-center justify-center",exit:{opacity:0},transition:{damping:null},children:[(0,r.jsx)("div",{className:"absolute top-0 left-0 w-full h-full",onClick:t}),(0,r.jsxs)("div",{className:"w-[278px] h-[540px] bg-cblack-4 px-6 py-5 flex flex-col justify-between",children:[(0,r.jsxs)("div",{className:"px-4 py-5",children:[(0,r.jsx)("h2",{className:"font-serif text-4.5xl mb-2 text-cgrey-4",children:l}),(0,r.jsx)("p",{className:"text-cgrey-2",children:s})]}),(0,r.jsxs)("div",{className:"text-center px-4",children:[(0,r.jsxs)("div",{className:"relative w-fit mx-auto",children:[(0,r.jsx)(c.default,{alt:"position",className:"w-[178px] h-[178px] mx-auto",src:td}),(0,r.jsx)("div",{className:"w-[38px] h-[38px] absolute bg-cblack-5 top-0 left-0 block-image",style:{transform:"translate(70px, 70px)"}}),(0,r.jsx)(c.default,{alt:"position",className:"w-[18px] absolute top-0 left-0 cursor-image",src:th,style:{opacity:0,transform:"translateY(85px)"}})]}),(0,r.jsx)("div",{className:"mt-8",children:(0,r.jsx)("p",{className:"text-sm text-cgrey-2",children:a})})]}),(0,r.jsx)("button",{className:"w-full bg-corange-1 text-cblack-1 p-2 rounded-sm text-sm cursor-pointer",onClick:t,children:A})]})]},"tutorial")},tm=e=>{let{children:t}=e,A=(0,i.useRef)(null),[s,a]=(0,i.useState)(!1),[c,n]=(0,i.useState)({x:0,y:0}),[o,d]=(0,i.useState)({x:0,y:0}),[h]=l(),x=(0,i.useRef)({x:0,y:0}),g=(0,i.useRef)(),m=()=>{p(),g.current=requestAnimationFrame(u)},p=()=>{g.current&&cancelAnimationFrame(g.current)},u=()=>{A.current&&(A.current.scrollLeft+=x.current.x,A.current.scrollTop+=x.current.y,x.current.x=.95*x.current.x,x.current.y=.95*x.current.y,(Math.abs(x.current.x)>.5||Math.abs(x.current.y)>.5)&&(g.current=requestAnimationFrame(u)))};return(0,i.useEffect)(()=>{A.current&&(h<768?A.current.scrollLeft=(1442-h)/2:A.current.scrollLeft=(3e3-h)/2)},[h]),(0,r.jsx)("div",{className:"w-full h-full overflow-auto ".concat(s?"cursor-grabbing":"cursor-grab"),ref:A,onMouseDown:e=>{A.current&&(a(!0),n({x:e.pageX-A.current.offsetLeft,y:e.pageY-A.current.offsetTop}),d({x:A.current.scrollLeft,y:A.current.scrollTop}),p())},onMouseLeave:()=>{a(!1)},onMouseMove:e=>{if(!s||!A.current)return;e.preventDefault();let t=e.pageX-A.current.offsetLeft-c.x,a=A.current.scrollLeft,r=e.pageY-A.current.offsetTop-c.y,i=A.current.scrollTop;A.current.scrollLeft=o.x-t,A.current.scrollTop=o.y-r,x.current={x:A.current.scrollLeft-a,y:A.current.scrollTop-i}},onMouseUp:()=>{a(!1),m()},onWheel:()=>{p()},children:t})},tp=e=>{let{currentTrack:t,stats:A}=e,s=(0,i.useRef)(null),a=(0,tA.S)(e=>e.progress),[l,c]=eO("na\xefm-tutorial_was_seen","false"),[n,o]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{o(!l||"false"===l)},[l]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(tm,{children:(0,r.jsxs)("div",{className:"w-global-mobile md:w-global h-global-mobile md:h-global overflow-hidden relative",ref:s,children:[(0,r.jsx)(h,{}),(0,r.jsx)(eG,{currentTrack:t,stats:A}),(0,r.jsx)(e2,{parent:s}),(0,r.jsx)(ti,{}),(0,r.jsx)(tn,{})]})}),(0,r.jsx)(K.M,{initial:!1,children:n&&(0,r.jsx)(tg,{leaveTutorial:()=>c(!0)})}),(0,r.jsx)(K.M,{initial:!1,children:a<100&&(0,r.jsx)(tt,{})})]})}}},function(e){e.O(0,[689,902,196,971,117,744],function(){return e(e.s=5330)}),_N_E=e.O()}]);