PageSourceSearch

https://www.lhn.dev/en/portfolio

html lhn.dev collected 2026-10-02 01:52:32 UTC 83,314 bytes, 2 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/0s3y-5e_8our6.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0pybim.fn7crk.js"/>
1<script src="/_next/static/chunks/0cje14_narrpx.js" async=""></script>
1<script src="/_next/static/chunks/0o59ac8426icc.js" async=""></script>
1<script src="/_next/static/chunks/00nvzi6qb_-1r.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0ht6pqrtcop7c.js" async=""></script>
1<script src="/_next/static/chunks/011a3vg_.d8k-.js" async=""></script>
1<script src="/_next/static/chunks/01gd4q697llsv.js" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script>
1<script src="/_next/static/chunks/0kz70sso-z.90.js" async=""></script>
1<script src="/_next/static/chunks/10p_d-4c8tqpw.js" async=""></script>
1<script src="/_next/static/chunks/0rqwovtr.ya6a.js" async=""></script>
1<script src="/_next/static/chunks/0.874w1j8jdy6.js" async=""></script>
1<script src="/_next/static/chunks/0gmiqsyxp9fmz.js" async=""></script>
1<title>Portfolio - Lohan</title><meta name="description" content="I&#x27;m a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps."/><link rel="canonical" href="https://www.lhn.dev/portfolio"/><meta property="og:title" content="Portfolio - Lohan"/><meta property="og:description" content="I&#x27;m a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps."/><meta property="og:image" content="https://www.lhn.dev/opengraph-image.png?opengraph-image.0pd_72ga0p3xw.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="900"/><meta property="og:image:height" content="506"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Portfolio - Lohan"/><meta name="twitter:description" content="I&#x27;m a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps."/><meta name="twitter:image" content="https://www.lhn.dev/twitter-image.png?twitter-image.0pd_72ga0p3xw.png"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image:width" content="900"/><meta name="twitter:image:height" content="506"/><link rel="icon" href="/favicon.ico?favicon.0f_j8z7xaf51q.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/icon.svg?icon.1889xnjnda90k.svg" sizes="any" type="image/svg+xml"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.0z8wliivohyx0.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><div class="fixed top-0 left-0 w-full h-dvh flex flex-row gap-4 justify-center items-center z-200 bg-black" style="opacity:1"><svg width="40" height="40" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" class="shrink-0"><path d="M0 0C189.355 0 342.857 153.502 342.857 342.857C342.857 532.212 189.355 685.714 0 685.714L0 0Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path d="M338.286 0L1024 0C1024 189.355 870.498 342.857 681.143 342.857C491.788 342.857 338.286 189.355 338.286 0Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path d="M681.143 681.143C681.143 491.788 834.645 338.286 1024 338.286V681.143H681.143Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><path d="M685.714 1024H0C0 834.645 153.502 681.143 342.857 681.143C532.212 681.143 685.714 834.645 685.714 1024Z" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><circle cx="937.143" cy="937.143" r="86.8571" stroke="white" stroke-width="30" fill="rgba(255,255,255,0)" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></circle></svg><div class="flex flex-row"><h1 class="text-white text-3xl font-bold overflow-hidden" style="width:0px"><span class="poppins" style="opacity:0">L</span><span class="poppins" style="opacity:0">o</span><span class="poppins" style="opacity:0">h</span><span class="poppins" style="opacity:0">a</span><span class="poppins" style="opacity:0">n</span></h1><h1 class="text-[#5786FF] text-3xl poppins" style="opacity:0">.</h1></div></div><div class="z-[-1] fixed top-0 left-0 w-full h-full bg-[url(&#x27;/bg.jpg&#x27;)] bg-center bg-cover bg-no-repeat brightness-[.7]"></div><div class="z-0 flex flex-col min-h-dvh"><a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-200 focus:bg-white focus:text-black focus:px-4 focus:py-2 focus:rounded-lg">Passer au contenu</a><div class="fixed top-0 left-0 flex flex-col w-full pt-12 z-120 mix-blend-difference"><div class="flex flex-row items-center justify-between gap-2 max-w-[1520px] px-10 w-full mx-auto"><div class="flex flex-row items-center gap-4"><a href="/"><div class="w-12 h-12 cursor-pointer" tabindex="0"><img alt="Lohan&#x27;s logo" width="60" height="60" decoding="async" data-nimg="1" class="h-full pointer-events-none" style="color:transparent" src="/Logo.svg"/></div></a><a class="text-[#eee] text-lg uppercase" href="/">[<!-- -->Go back<!-- -->]</a></div><div class="flex flex-row items-center gap-4"><button class="text-black text-center outline-hidden disabled:opacity-50 z-40 disabled:cursor-not-allowed bg-white text-md px-7 py-2 rounded-lg cursor-pointer hidden md:block" data-cal-namespace="talk-about-your-project" data-cal-link="lohan-fernandes/talk-about-your-project" data-cal-config="{&quot;layout&quot;:&quot;month_view&quot;,&quot;theme&quot;:&quot;dark&quot;}" tabindex="0">Book a call</button><div class="relative inline-block"><button type="button" class="bg-[#141414] hover:bg-[#212121] transition duration-300 border border-white/10 text-white px-4 py-2 rounded-lg cursor-pointer flex items-center justify-between gap-2 w-20">EN<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 text-white transition duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><button aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="main-navigation" class="z-40 cursor-pointer"><svg width="30" height="22" viewBox="0 0 30 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#navbar-toggle-clip-_R_3iknnb_)"><rect fill="white" height="2"></rect><rect y="10" fill="white" height="2"></rect><rect y="20" fill="white" height="2"></rect></g><defs><clipPath id="navbar-toggle-clip-_R_3iknnb_"><rect width="30" height="22" fill="white"></rect></clipPath></defs></svg></button></div></div></div><div class="flex items-center"><div class="fixed top-0 left-0 w-screen h-screen overflow-hidden bg-black z-100" style="opacity:0;transform:translateX(-100%)"><div class="noise opacity-[.08]!"></div></div><nav id="main-navigation" class="fixed top-0 left-0 flex flex-col items-center justify-center w-full h-full gap-12 z-110 md:gap-10" style="transform:translateX(-100%)"><div class="flex items-center justify-center gap-8 md:gap-12 flex-row" style="height:auto;opacity:0;transform:translateX(-100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/">Home</a></div><div class="flex items-center justify-center gap-8 md:gap-12 flex-row-reverse" style="height:auto;opacity:0;transform:translateX(100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/about">About</a></div><div class="flex items-center justify-center gap-8 md:gap-12 flex-row" style="height:auto;opacity:0;transform:translateX(-100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/portfolio">Portfolio</a></div><div class="flex items-center justify-center gap-8 md:gap-12 flex-row-reverse" style="height:auto;opacity:0;transform:translateX(100px)"><div class="hidden h-1 bg-white w-14 md:block"></div><a class="text-4xl font-bold tracking-wide text-white transition-all cursor-pointer poppins hover:opacity-50 md:text-8xl hover:tracking-widest" tabindex="0" href="/contact">Contact</a></div><div class="absolute bottom-0 left-0 w-full p-10" style="height:auto;opacity:0;transform:none"><button class="text-black text-center outline-hidden disabled:opacity-50 z-40 disabled:cursor-not-allowed bg-white text-md px-7 py-2 rounded-lg cursor-pointer block w-full !py-4 md:hidden" data-cal-namespace="talk-about-your-project" data-cal-link="lohan-fernandes/talk-about-your-project" data-cal-config="{&quot;layout&quot;:&quot;month_view&quot;,&quot;theme&quot;:&quot;dark&quot;}" tabindex="0">Book a call</button></div></nav></div><div id="main-content" tabindex="-1" class="contents"><!--$--><main class="flex flex-col my-48 max-w-[1520px] px-10 mx-auto flex-1 w-full gap-32"><div class="flex flex-col gap-28"><div class="flex flex-col gap-3"><h1 class="text-5xl font-bold text-white poppins">Portfolio</h1><p class="text-[#ddd] text-2xl">[<!-- -->Some of my experiences<!-- -->]</p></div><!--$?--><template id="B:0"></template><div class="grid grid-cols-1 gap-8 auto-rows-fr md:grid-cols-2 lg:grid-cols-4"><div class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto"><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square "><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square "><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square "><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square "><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto"><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square "><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div><div class="col-span-1 aspect-square "><div class="w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10"></div></div></div><!--/$--></div><div class="mt-20 flex flex-col gap-16 items-center text-center"><p class="text-[#ddd] text-2xl">[Contact]</p><h2 class="poppins text-5xl font-bold text-white leading-[70px] md:text-8xl md:leading-[140px]"><span class="bg-white text-black poppins font-bold">Your project</span> is missing here?</h2><button class="text-black text-center outline-hidden disabled:opacity-50 disabled:cursor-not-allowed bg-white text-md px-8 py-3 rounded-lg cursor-pointer text-xl py-5" tabindex="0">Hire me up<!-- --> <span class="ml-2">👋</span></button></div></main><!--$--><!--/$--><!--/$--></div><footer class="pb-12 max-w-[1520px] flex flex-col gap-0.5 px-10 w-full mx-auto uppercase text-white text-center"><div class="flex flex-row flex-wrap items-center justify-center gap-2 md:justify-between"><p class="text-sm md:text-base">LHN.DEV</p><div class="flex flex-row items-center gap-2 text-sm md:text-base"><div class="flex flex-row flex-wrap gap-2"><a href="https://www.linkedin.com/in/fernandes-lohan/" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Linkedin</a><span class="text-white/40">/</span></div><div class="flex flex-row flex-wrap gap-2"><a href="https://github.com/lhnfe" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Github</a><span class="text-white/40">/</span></div><div class="flex flex-row flex-wrap gap-2"><a href="https://discord.com/users/324528338574114817" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Discord</a><span class="text-white/40">/</span></div><div class="flex flex-row flex-wrap gap-2"><a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="hover:text-[#bababa] transition-all">Email</a></div></div></div><div class="flex flex-row flex-wrap items-center justify-center gap-2 text-xs text-white/80 md:justify-between"><p>© <!-- -->2026<!-- -->. <!-- -->All rights reserved.</p><a class="hover:text-white transition-all" href="/legal">Legal notices</a></div></footer></div><!--$--><!--/$-->
1<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
1<script src="/_next/static/chunks/0pybim.fn7crk.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n4:I[39756,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"LoadingBoundaryProvider\"]\n6:I[39756,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n7:I[37457,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n9:I[97367,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nd:I[97367,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\nf:I[97367,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n11:I[68027,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\n13:I[55667,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ReactLenis\"]\n14:I[27472,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n16:I[43880,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"Analytics\"]\n17:I[57215,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"SpeedInsights\"]\n1a:I[29106,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"/_next/static/chunks/0rqwovtr.ya6a.js\",\"/_next/static/chunks/0.874w1j8jdy6.js\"],\"default\"]\n1b:I[75696,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\"],\"default\"]\n20:I[93872,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\"],\"default\"]\n21:I[67024,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"/_next/static/chunks/0gmiqsyxp9fmz.js\"],\"default\"]\n22:I[26379,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\"],\"default\"]\n23:I[27201,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/0s3y-5e_8our6.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"en\",\"portfolio\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\",null],{\"children\":[\"portfolio\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",4]},\"$undefined\",\"$undefined\",8]},\"$undefined\",\"$undefined\",24],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0s3y-5e_8our6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/011a3vg_.d8k-.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/01gd4q697llsv.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0kz70sso-z.90.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L3\"]}],{\"children\":[[\"$\",\"$L4\",null,{\"loading\":[\"$L5\",[],[]],\"children\":[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L8\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0rqwovtr.ya6a.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0.874w1j8jdy6.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,\"$@c\"]},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lf\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L10\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0s3y-5e_8our6.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":false,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"RolIJFTAK3WTPl_Ke-c3Q\"}\n"])</script>
1<script>self.__next_f.push([1,"12:[]\nc:\"$W12\"\n2:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L13\",null,{\"options\":{\"duration\":2},\"root\":true,\"children\":[[\"$\",\"$L14\",null,{}],[\"$\",\"div\",null,{\"className\":\"z-[-1] fixed top-0 left-0 w-full h-full bg-[url('/bg.jpg')] bg-center bg-cover bg-no-repeat brightness-[.7]\"}],[\"$\",\"div\",null,{\"className\":\"z-0 flex flex-col min-h-dvh\",\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L15\",[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L16\",null,{}],[\"$\",\"$L17\",null,{}]]}]}]}]\n"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"main\",\"l\",{\"className\":\"flex flex-col my-48 max-w-[1520px] px-10 mx-auto flex-1 w-full gap-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-28\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold text-white poppins\",\"children\":\"Portfolio\"}],[\"$\",\"p\",null,{\"className\":\"text-[#ddd] text-2xl\",\"children\":[\"[\",\"Some of my experiences\",\"]\"]}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-8 auto-rows-fr md:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square lg:col-span-2 lg:aspect-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square lg:col-span-2 lg:aspect-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}]]}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"8:[\"$\",\"main\",null,{\"className\":\"flex flex-col my-48 max-w-[1520px] px-10 mx-auto flex-1 w-full gap-32\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-28\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold text-white poppins\",\"children\":\"Portfolio\"}],[\"$\",\"p\",null,{\"className\":\"text-[#ddd] text-2xl\",\"children\":[\"[\",\"Some of my experiences\",\"]\"]}]]}],[\"$\",\"$a\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-8 auto-rows-fr md:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square lg:col-span-2 lg:aspect-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square lg:col-span-2 lg:aspect-auto\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}],[\"$\",\"div\",null,{\"className\":\"col-span-1 aspect-square \",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full h-full min-h-[200px] bg-white/5 rounded-[40px] animate-pulse border border-white/10\"}]}]]}],\"children\":\"$L18\"}]]}],\"$L19\"]}]\n"])</script>
1<script>self.__next_f.push([1,"15:[\"$\",\"main\",null,{\"className\":\"flex max-w-[85%] mx-auto flex-1 h-full w-full items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl sm:text-8xl poppins font-bold text-clip text-transparent bg-clip-text bg-linear-to-r from-[#2e9bfb] to-[#CE42FF] linear__rotate\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-white text-lg sm:text-xl mb-5 text-center\",\"children\":\"[This page does not exist]\"}],[\"$\",\"$L1a\",null,{\"route\":\"/\",\"children\":\"Go home\"}]]}]}]\n19:[\"$\",\"div\",null,{\"className\":\"mt-20 flex flex-col gap-16 items-center text-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[#ddd] text-2xl\",\"children\":\"[Contact]\"}],[\"$\",\"h2\",null,{\"className\":\"poppins text-5xl font-bold text-white leading-[70px] md:text-8xl md:leading-[140px]\",\"children\":[[\"$\",\"span\",\"highlighted0\",{\"className\":\"bg-white text-black poppins font-bold\",\"children\":[\"Your project\"]}],\" is missing here?\"]}],[\"$\",\"$L1a\",null,{\"route\":\"/contact\",\"className\":\"text-xl py-5\",\"children\":[\"Hire me up\",\" \",[\"$\",\"span\",null,{\"className\":\"ml-2\",\"children\":\"👋\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"3:[\"$\",\"$L1b\",null,{\"formats\":\"$undefined\",\"locale\":\"en\",\"messages\":{\"locale\":\"{locale, select, fr {🇫🇷 FR} en {🇺🇸 EN} other {Unknown}}\",\"Navbar\":{\"back\":\"Go back\",\"Navigation\":{\"home\":\"Home\",\"about\":\"About\",\"portfolio\":\"Portfolio\",\"contact\":\"Contact\",\"call\":\"Book a call\"}},\"Footer\":{\"copyright\":\"All rights reserved.\",\"legalNotice\":\"Legal notices\"},\"CallToActionButton\":\"Hire me up\",\"NotFoundPage\":{\"notFoundMessage\":\"This page does not exist\",\"goHome\":\"Go home\"},\"ErrorPage\":{\"errorMessage\":\"An error occurred\",\"tryAgain\":\"Try again\"},\"HomePage\":{\"position\":\"A TypeScript developer\"},\"AboutPage\":{\"About\":{\"title\":\"About me\",\"description\":\"I'm Lohan, 19, a young, self-taught and passionate web developer. Every project I work on is an extension of my curiosity, pushing me to explore new facets of technology and solve problems in innovative ways. Far from being reclusive in this digital world, I draw strength and inspiration from a dynamic social life. My daily interactions and collective activities fuel my creativity, enrich my perspective and intertwine with my passion for coding, motivating me to pursue innovations that connect technology and the human experience.\"},\"Stacks\":\"My stacks\",\"Career\":{\"title\":\"Career\",\"description\":\"My journey into web development began at the age of 13, a passion that quickly led me to deepen my skills through professional online training. In high school, I leveraged my skills by volunteering to design websites, an approach that enriched my practical knowledge while serving my community. These experiences were crucial to my recent goal of gaining admission to Epitech Paris, a dream I've nurtured for years and which now marks the next big chapter in my technology career.\"},\"Future\":{\"title\":\"Future\",\"description\":\"I'm planning to work as a web or software engineer in North America, with a specific goal in mind: to enter the prestigious University of San Francisco for my 4th year of higher education. By aiming for a double degree, I'm looking to broaden my horizons and work my way into the American job market. My ultimate ambition is to contribute to the dynamic technological sphere of Silicon Valley or San Francisco, taking advantage of every opportunity to learn, innovate and ultimately realize my dream of becoming an influential player in the technology field.\"},\"CallToAction\":\"Looking for a \u003chighlighted\u003edeveloper\u003c/highlighted\u003e?\"},\"PortfolioPage\":{\"subtitle\":\"Some of my experiences\",\"CallToAction\":\"\u003chighlighted\u003eYour project\u003c/highlighted\u003e is missing here?\"},\"PortfolioItemPage\":{\"CallToAction\":\"Project like \u003chighlighted\u003e\u003c/highlighted\u003e?\"},\"ContactPage\":{\"conditions\":\"I invite you to contact me with any questions or specific requests via email or my social networks. If you do not receive a reply within a reasonable time, it is likely that a reception problem has occurred. Please feel free to resend your message or reach me directly on the social platforms to ensure that your request has been received. Your communication is important to me, and I strive to ensure a smooth and responsive interaction.\u003c/br\u003e\u003c/br\u003ePlease note that to guarantee a response to your e-mail, certain conditions must be met: the message must be carefully written and the content must be relevant. Any email that does not meet these criteria will, without exception, be archived and will not receive a reply. The form is secured by reCaptcha v3.\",\"acceptConditions\":\"I accept the conditions above.\",\"nextStep\":\"Next step\",\"contactDescription\":\"To contact me, simply fill in the form below. Simply complete the required fields, and I'll get back to you as soon as possible. Your contact is just a click away.\",\"form\":{\"name\":\"FULL NAME\",\"email\":\"EMAIL\",\"message\":\"MESSAGE\",\"submitButton\":\"Send email\",\"successMessage\":\"Your message has been sent successfully. I will get back to you as soon as possible.\",\"errors\":{\"required\":\"This field is required\",\"minLength\":\"Please enter at least {n} characters\",\"maxLength\":\"Please enter no more than {n} characters\",\"pattern\":\"Please enter a valid {type}\"}}}}
1,\"now\":\"$undefined\",\"timeZone\":\"UTC\",\"children\":[\"$L1c\",\"$L1d\",\"$L1e\",\"$L1f\"]}]\n"])</script>
1<script>self.__next_f.push([1,"1c:[\"$\",\"a\",null,{\"href\":\"#main-content\",\"className\":\"sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:z-200 focus:bg-white focus:text-black focus:px-4 focus:py-2 focus:rounded-lg\",\"children\":\"Passer au contenu\"}]\n1d:[\"$\",\"$L20\",null,{}]\n1e:[\"$\",\"div\",null,{\"id\":\"main-content\",\"tabIndex\":-1,\"className\":\"contents\",\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$21\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0gmiqsyxp9fmz.js\",\"async\":true}]],\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"main\",null,{\"className\":\"flex max-w-[85%] mx-auto flex-1 h-full w-full items-center justify-center\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl sm:text-8xl poppins font-bold text-clip text-transparent bg-clip-text bg-linear-to-r from-[#2e9bfb] to-[#CE42FF] linear__rotate\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-white text-lg sm:text-xl mb-5 text-center\",\"children\":[\"[\",\"This page does not exist\",\"]\"]}],[\"$\",\"$L1a\",null,{\"route\":\"/\",\"children\":\"Go home\"}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n1f:[\"$\",\"$L22\",null,{}]\ne:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nb:null\n"])</script>
1<script>self.__next_f.push([1,"10:[[\"$\",\"title\",\"0\",{\"children\":\"Portfolio - Lohan\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"canonical\",\"href\":\"https://www.lhn.dev/portfolio\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Portfolio - Lohan\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://www.lhn.dev/opengraph-image.png?opengraph-image.0pd_72ga0p3xw.png\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:width\",\"content\":\"900\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:height\",\"content\":\"506\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Portfolio - Lohan\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"I'm a Lohan, a web and mobile developer based in France. I enjoy building everything from small business sites to rich interactive web apps and mobile apps.\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://www.lhn.dev/twitter-image.png?twitter-image.0pd_72ga0p3xw.png\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image:width\",\"content\":\"900\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:height\",\"content\":\"506\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0f_j8z7xaf51q.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"17\",{\"rel\":\"icon\",\"href\":\"/icon.svg?icon.1889xnjnda90k.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"18\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.0z8wliivohyx0.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L23\",\"19\",{}]]\n"])</script>
1<script>self.__next_f.push([1,"24:I[84144,[\"/_next/static/chunks/011a3vg_.d8k-.js\",\"/_next/static/chunks/01gd4q697llsv.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0kz70sso-z.90.js\",\"/_next/static/chunks/10p_d-4c8tqpw.js\",\"/_next/static/chunks/0rqwovtr.ya6a.js\",\"/_next/static/chunks/0.874w1j8jdy6.js\"],\"default\"]\n"])</script>
1<script>self.__next_f.push([1,"18:[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 gap-8 auto-rows-fr md:grid-cols-2 lg:grid-cols-4\",\"children\":[[\"$\",\"$L24\",\"sybrax-design\",{\"item\":{\"slug\":\"sybrax-design\",\"name\":\"Sybrax Design\",\"type\":\"Private project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/c494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png\",\"desc\":\"Sybrax Design, my previous web creation, was a professional showcase designed with a clear intention: to highlight my specialized services, offering a detailed overview of my unique expertise and skills in the field of web development. In addition to showcasing my work, the site was an interactive portal where potential clients could easily connect with me, facilitating an open dialogue for future consultations or collaborations. However, Sybrax Design is no longer accessible today, making way for a new phase in my online presence. This transition was initiated by the launch of my new website, a more sophisticated and enhanced platform reflecting my evolution in the industry as well as my ongoing commitment to innovation and customer satisfaction. The new site is the fruit of extensive knowledge and accumulated experience, designed to captivate, inform and facilitate even more effective collaboration with those interested in my services.\",\"tech\":[\"HTML\",\"CSS\",\"JavaScript\",\"PHP\",\"MySQL\"],\"button\":{\"link\":\"https://sybrax.dev/\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/141a6d7d-8510-4dab-97a7-03680c04bc3a.png\",\"alt\":\"SD1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/3512fd58-3051-4d4a-90d3-624d5eaf0f69.png\",\"alt\":\"SD2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/fcc82b1a-3117-4705-a9a1-1697141e3d85.png\",\"alt\":\"SD3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/348f4f63-fadc-4ec6-910e-299ae561bd46.png\",\"alt\":\"SD4\"}]}}],[\"$\",\"$L24\",\"sybrax-dev-v3\",{\"item\":{\"slug\":\"sybrax-dev-v3\",\"name\":\"Sybrax.dev v3\",\"type\":\"Current website\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d77222c7-eae9-41b3-9cce-aeb1ed64613e.svg\",\"desc\":\"Sybrax.dev V3, my current platform, embodies the evolution of my digital presence. More than just a showcase, this site is an interactive compendium of my background, skills and passion for web development. Visitors can explore the various projects I've worked on, capturing the essence of my technical and creative expertise. In addition, I've integrated a dedicated contact page, providing a direct line of communication for those wishing to find out more or discuss collaboration opportunities. Every element of Sybrax.dev V3 is meticulously thought out to reflect my identity as a developer and to establish an authentic connection with visitors.\",\"tech\":[\"NextJS\",\"TailwindCSS\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"You're here!\",\"disabled\":true},\"double\":true,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d3844cef-61dc-4f01-a90a-7b1fb3f11477.png\",\"alt\":\"SDV31\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/31c93034-7d7e-437b-bd1c-e174f4f881a7.png\",\"alt\":\"SDV32\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/ffb0d5c5-83c1-430d-bd7e-0ef836ee980c.png\",\"alt\":\"SDV33\"}]}}],\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\"]}]\n"])</script>
1<script>self.__next_f.push([1,"25:[\"$\",\"$L24\",\"discord-user-card\",{\"item\":{\"slug\":\"discord-user-card\",\"name\":\"Discord User Card\",\"type\":\"Open source project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/dd7fdd31-6276-4b90-9498-9a17c98ff282.svg\",\"desc\":\"\\\"Discord-User-Card\\\" is one of my open source projects, an initiative born of my desire to merge my passion for web development with the world of Discord. Available on GitHub, this project recreates Discord's profile cards using HTML, CSS, and a little JS for demonstration. It offers developers a faithful and customizable representation of Discord's user interfaces, enabling them to integrate these aesthetic elements into their own projects or web applications. It's the perfect intersection of the gamer community and web designers, showing what's possible when the worlds of gaming and coding meet.\",\"tech\":[\"HTML\",\"CSS\",\"JavaScript (For demo)\"],\"button\":{\"link\":\"https://github.com/lhnfe/Discord-User-Card\",\"text\":\"View on GitHub\",\"disabled\":false},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/035c0d5d-a712-4533-8d1d-25498f522aa8.png\",\"alt\":\"DUC1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/230b0fba-e370-4b91-9e48-c7b754a7948e.png\",\"alt\":\"DUC2\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"26:[\"$\",\"$L24\",\"techni-heberg\",{\"item\":{\"slug\":\"techni-heberg\",\"name\":\"Techni-Heberg\",\"type\":\"Enterprise project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/9a1b8858-d3f5-4385-8c31-0108bad33cff.svg\",\"desc\":\"Techni-Heberg represents one of my most successful customer projects, where I was able to realize the vision of an entrepreneur wishing to launch his own game and website hosting service. Built with WordPress for its reliability and ease of management, the site is the entry point where users discover the services on offer. My contribution extended to configuring the customer panel via WHMCS, guaranteeing a fluid user experience and efficient backend management for the customer. This project not only strengthened my skills in WordPress and WHMCS development, but also underlined my ability to transform ideas into functional digital solutions.\",\"tech\":[\"WordPress\",\"PHP\",\"WHMCS\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"Not available (Permanently closed)\",\"disabled\":true},\"double\":true,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/e975d1a7-21a9-49ae-b882-6ee154d1435a.png\",\"alt\":\"TH1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/cc1ba620-f8f2-48b6-bb5f-b14b754a4e30.png\",\"alt\":\"TH2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/97802270-0787-4328-b650-1862339483bf.png\",\"alt\":\"TH3\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"27:[\"$\",\"$L24\",\"sybrax-dev-v2\",{\"item\":{\"slug\":\"sybrax-dev-v2\",\"name\":\"Sybrax.dev v2\",\"type\":\"Private project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d77222c7-eae9-41b3-9cce-aeb1ed64613e.svg\",\"desc\":\"Sybrax.dev V2 was the previous incarnation of my online presence, a site where functionality rhymes with creativity. Like my current platform, this site was a personal space designed to share my journey, showcase my projects, and serve as a gateway for those wishing to establish contact for collaborations or consultations. It laid the foundations for the user interface and experience that I've continued to refine in my current version.\",\"tech\":[\"ReactJS\",\"ViteJS\",\"TailwindCSS\"],\"button\":{\"link\":\"https://sybrax.dev/\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/84cc17a7-80b9-4c42-baee-c7c37c33988a.png\",\"alt\":\"SDEV21\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/7fbdf0c6-4c4c-4e6d-8e91-cc69fb52894c.png\",\"alt\":\"SDEV22\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/824be263-f812-4ce9-872a-b87e379976c0.png\",\"alt\":\"SDEV23\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"28:[\"$\",\"$L24\",\"gtacityrp-character-system\",{\"item\":{\"slug\":\"gtacityrp-character-system\",\"name\":\"GtaCityRP Character System\",\"type\":\"Youtuber project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d400e770-0cc8-4db9-8bd9-a34dd442fc39.png\",\"desc\":\"\\\"GTACityRP - Character System\\\" is one of my most immersive contributions to the gaming world, specifically for the FiveM server at Garry's School, a well-known name in the YouTube community. As an active member of the development team, I created a character customization menu system in HTML, CSS, and JavaScript, enriching the player experience. This system is deployed when a player first arrives on the server, giving them the opportunity to shape their character down to the finest detail, adding an extra layer of personalization and immersion in the game. This project underlines my ability to combine technical creativity with an understanding of player expectations in an online gaming environment.\",\"tech\":[\"HTML\",\"CSS\",\"JavaScript\",\"TailwindCSS\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/83cee57c-8313-455d-a2ec-2af393b969c6.png\",\"alt\":\"GTACTRP_CHARS1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/22787092-72b4-4563-b94c-399e37486957.png\",\"alt\":\"GTACTRP_CHARS2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/f21ebc01-d2d5-4712-b646-47e61c10088f.png\",\"alt\":\"GTACTRP_CHARS3\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"29:[\"$\",\"$L24\",\"profile-settings-card\",{\"item\":{\"slug\":\"profile-settings-card\",\"name\":\"Profile Settings Card\",\"type\":\"Private project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/3c66a695-9871-49b4-b853-9d3e6245e8dc.svg\",\"desc\":\"\\\"Profile Settings Card\\\" was one of my exciting projects, initially launched as an open source initiative before becoming a private project and finally archived. Developed in HTML, CSS, and JavaScript, this project offered a dynamic interface allowing users to modify various profile settings in real time. Every aspect was designed to ensure intuitiveness and efficiency, providing a clear visual representation of the changes applied. Although the project is now private, it remains a testament to my commitment to creating user-friendly, interactive tools, and played a key role in honing my front-end development skills.\",\"tech\":[\"HTML\",\"CSS\",\"JavaScript\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/ae2d765e-032c-42b9-8f36-d4ae620df76c.png\",\"alt\":\"PSC1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/51511a10-f24c-4b89-9c7f-4d32dca9f3e8.png\",\"alt\":\"PSC2\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"2a:[\"$\",\"$L24\",\"prm\",{\"item\":{\"slug\":\"prm\",\"name\":\"Pose Rénovation Menuiserie\",\"type\":\"Enterprise project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/db0e80a0-b90a-4294-aa62-0146495d569b.png\",\"desc\":\"PRM is one of my client projects where I redefined the online presence of a company specializing in high-end services for installation, heavy renovation and joinery professionals. The challenge was to modernize their image while highlighting their unique expertise. The solution was to create a WordPress website, chosen for its flexibility and user-friendliness, enabling the PRM team to manage their content, statistics and portfolio autonomously. The site is not just a showcase for their services, but a bridge between traditional craftsmanship and modern technology. With an intuitive interface and elegant design, it reflects the quality and professionalism of their work, while offering an unprecedented user experience, reinforcing their position in the market. This project underlines my commitment to providing tailor-made solutions that merge my clients' brand identity with the latest web trends.\",\"tech\":[\"WordPress\",\"SEO\",\"CSS\"],\"button\":{\"link\":\"https://prm-menuiserie.fr/\",\"text\":\"Visit website\",\"disabled\":false},\"double\":true,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/f2a80714-1805-408c-b486-dcb8e63a6af0.png\",\"alt\":\"PRM1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/f15b65fe-dc02-476a-9263-b2442ed16c01.png\",\"alt\":\"PRM2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/11209120-addb-4371-80e8-cb1f33c106a9.png\",\"alt\":\"PRM3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/1979b7a4-5fb2-42ed-af46-c8049bf8d72f.png\",\"alt\":\"PRM4\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"2b:[\"$\",\"$L24\",\"sybrax-design-discord-bot\",{\"item\":{\"slug\":\"sybrax-design-discord-bot\",\"name\":\"Sybrax Design Discord Bot\",\"type\":\"Private project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/c494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png\",\"desc\":\"\\\"Sybrax Design Discord Bot\\\" was an essential digital extension of my customer service department when managing my Discord server dedicated to taking orders. I designed this bot to automate and optimize several aspects of customer interaction. It was equipped with advanced features, including the ability to open a ticket for various requests - whether to place an order, ask a question, or request a partnership. One of its most innovative features was the automated after-sales service system: in the event of a problem with an order, the customer received a unique code, valid for two weeks, enabling him to open a specific after-sales ticket. This automation ensured seamless efficiency and traceability. The bot was also equipped with a comprehensive giveaway system, encouraging engagement within the community by offering the chance to win prizes. This bot wasn't just a management tool; it embodied my commitment to providing exceptional, interactive customer service.\",\"tech\":[\"NodeJS\",\"MongoDB\",\"DiscordJS\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/684b8f3f-45a2-431a-bb87-b6da16af472f.png\",\"alt\":\"SDBOT1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/b4496d96-42c1-41b7-b039-882be4b28fab.png\",\"alt\":\"SDBOT2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/4909d04d-2f91-4842-aedf-86d62243c1b4.png\",\"alt\":\"SDBOT3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/24bbc62c-21af-499a-9f13-dcb17999ccc3.png\",\"alt\":\"SDBOT4\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/1dc2e525-f934-4fcd-8ded-86e86ee54e18.png\",\"alt\":\"SDBOT5\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"2c:[\"$\",\"$L24\",\"gtacityrp-company-panel\",{\"item\":{\"slug\":\"gtacityrp-company-panel\",\"name\":\"GtaCityRP Company Panel\",\"type\":\"Youtuber project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d400e770-0cc8-4db9-8bd9-a34dd442fc39.png\",\"desc\":\"\\\"GTACityRP - Company Panel\\\" is a project I've been passionately working on, bringing significant innovation to the FiveM game server run by the famous Youtubeur, Garry's School. As a developer on the team, I designed this company management system using ReactJS and ViteJS, offering a sophisticated and functional interface. This panel is a revolution for virtual CEOs, allowing them to manage various aspects of their businesses directly in-game with unparalleled precision: employee supervision, role definition, cash management, internal communication, and much more. Each feature has been meticulously crafted to simulate an immersive entrepreneurial experience, bringing the business ecosystem to life in the virtual world and making it easy for players to manage a complex business.\",\"tech\":[\"ReactJS\",\"ViteJS\",\"TailwindCSS\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/48daef8c-38b7-4b05-a787-a19d2e24ddb5.png\",\"alt\":\"GTACTRP_COMP1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/974ef93a-7165-4f8d-bd23-8b390d454911.png\",\"alt\":\"GTACTRP_COMP2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/104ee8f3-f309-490a-a692-0bacc6f114d6.png\",\"alt\":\"GTACTRP_COMP3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/8d1f12b2-c93c-4cf2-b9ab-0ec03f04e75d.png\",\"alt\":\"GTACTRP_COMP4\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"2d:[\"$\",\"$L24\",\"thomasb\",{\"item\":{\"slug\":\"thomasb\",\"name\":\"Thomas.B\",\"type\":\"Freelancer project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/2387b28e-e62d-4eee-88ae-423119cdc68e.svg\",\"desc\":\"The \\\"Thomas.B\\\" website is the digital reflection of a talented self-employed graphic designer, designed to be both a virtual gallery and a personal storytelling space. I developed the site using ReactJS, ViteJS and Tailwind, creating a fluid, responsive visual experience that highlights every detail of Thomas's work. The platform is not simply a portfolio, but rather a place where Thomas's personality and creativity converge and express themselves fully. The combination of these modern technologies has resulted in a site that is both aesthetically pleasing and functional. Visitors can explore Thomas' projects and creations, while discovering the history and philosophy behind his work. This project illustrates my ability to create customized solutions that enhance each customer's unique identity, transforming their visions into captivating digital realities.\",\"tech\":[\"ReactJS\",\"ViteJS\",\"TailwindCSS\"],\"button\":{\"link\":\"https://sybrax.dev\",\"text\":\"Not available\",\"disabled\":true},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d22e4c0a-1f90-47a2-94a4-4ea4c8dcf5c6.png\",\"alt\":\"THOMASB1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/397b4391-98a5-4dfd-aaca-ba7f5ebbe212.png\",\"alt\":\"THOMASB2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/3a5017a1-91b8-48f5-ace5-66103c4924b9.png\",\"alt\":\"THOMASB3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d6e9bffc-2098-4f18-8aa5-500e1f9f76b3.png\",\"alt\":\"THOMASB4\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"2e:[\"$\",\"$L24\",\"slam-creations\",{\"item\":{\"slug\":\"slam-creations\",\"name\":\"Slam Creations\",\"type\":\"Enterprise project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/90891f58-125c-4cee-bc24-ce6ba41f20a8.svg\",\"desc\":\"The \\\"Slam Creations\\\" website embodies the artistic and technical essence of a company specializing in 2D and 3D animation, digital special effects, music videos, fiction, and documentaries. Built on WordPress for its flexibility and scalability, the site has been enriched by numerous CSS tweaks to reflect the brand's unique and visually captivating identity. This platform is much more than a simple showcase site: it's designed to transport visitors into the creative world of Slam Creations, showcasing their ambitious projects and expertise through a polished, immersive interface. Every detail has been designed to enhance their portfolio, offer intuitive navigation, and reinforce their professional image in the audiovisual industry. This project underlines my ability to combine technical performance and aesthetics to meet the specific needs of my customers.\",\"tech\":[\"WordPress\",\"SEO\",\"CSS\"],\"button\":{\"link\":\"https://slamcreations.fr/\",\"text\":\"Visit website\",\"disabled\":false},\"double\":true,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/90ecc0f4-9e0f-4478-a0fc-1cf57f69338a.jpeg\",\"alt\":\"SLAM1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/ec4e43d6-b971-4b79-b6b9-32e2a4a187b9.jpeg\",\"alt\":\"SLAM2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/aa06623b-ef3c-4cb7-8bbd-7698edbc2bef.jpeg\",\"alt\":\"SLAM3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/f094be38-d2ab-436c-a963-8b4eba3192db.jpeg\",\"alt\":\"SLAM4\"}]}}]\n"])</script>
1<script>self.__next_f.push([1,"31:T494,The \"Neutronic\" mobile application reflects the innovation and technical expertise of a French manufacturer specializing in fire alarms, threat/PPMS/PSE alerts, smoke extraction systems, and technical alarms. Developed collaboratively within an internal team, I actively contribute to its design and implementation, ensuring that every feature meets the brand’s high standards of reliability and performance. Built with Flutter and powered by the Dart programming language, the application is engineered to seamlessly integrate with an upcoming product line soon to be launched. More than just a control interface, it is conceived as an intuitive, robust, and modern tool, allowing users to monitor, configure, and interact with Neutronic systems in real time. Every element of its interface and architecture is designed to combine operational efficiency, ergonomic navigation, and a refined visual identity, reinforcing Neutronic’s position as a technological leader in safety and alarm systems. This project highlights my ability to merge technical precision with user-centered design, delivering a solution tailored to the critical demands of the security industry.2f:[\"$\",\"$L24\",\"neutronic-app\",{\"item\":{\"slug\":\"neutronic-app\",\"name\":\"Neutronic App\",\"type\":\"Enterprise project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/projects/8cf65fd3-4800-43e6-93fb-185711110b76.svg\",\"desc\":\"$31\",\"tech\":[\"Flutter\",\"Dart\"],\"button\":{\"link\":\"https://sybrax.dev/\",\"text\":\"Coming soon\",\"disabled\":true},\"double\":true,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/7a137bc6-c41e-44ac-9c12-2355b6321dc8.png\",\"alt\":\"Neutronic_Coming_Preview\"}]}}]\n32:T441,The \"Maëlys Agniel\" website embodies the serene and professional universe of a sophrologist specializing in pain management and well-being. Developed with Next.js, TypeScript, TailwindCSS, and ShadCN, the site offers both technical performance and an elegant, soothing design. More than a simple presentation, it introduces visitors to Maëlys, her expertise, and the range of services she provides, while also offering an interactive breathing exercise to initiate them into her practice. Every element has been carefully crafted to create a relaxing atmosphere: smooth animations, soft color palettes, and a gentle background soundtrack guide the user through an immersive experience. The platform highlights her specialization, reinforces her professional identity, and ensures intuitive navigation so that potential clients can easily connect with her services. This project illustrates my ability to combine modern web technologies with a thoughtful user experience, translating Maëlys’s empathetic and calming approach into a digital environment that inspires trust and serenity."])</script>
1<script>self.__next_f.push([1,"30:[\"$\",\"$L24\",\"maelys-agniel-sophrologie\",{\"item\":{\"slug\":\"maelys-agniel-sophrologie\",\"name\":\"Maëlys Agniel Sophrologie\",\"type\":\"Freelancer project\",\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/projects/9f2b60ec-6214-4e02-8611-9bddd27e0dfd.png\",\"desc\":\"$32\",\"tech\":[\"NextJS\",\"TailwindCSS\",\"TypeScript\",\"ShadCN\"],\"button\":{\"link\":\"https://www.maelysagniel.fr/\",\"text\":\"Visit website\",\"disabled\":false},\"double\":false,\"carousel\":[{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/9ee46ab2-cc86-441e-a191-5ad209fdb13f.png\",\"alt\":\"home-1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/2f607a2e-3ac3-43c3-aa0f-d90518e60fed.png\",\"alt\":\"home-2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/a9001bc1-f170-43e1-9b6d-57ee9f0ed7e2.png\",\"alt\":\"home-3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/d4ce79df-5b4f-4b00-aafd-8ceac10a0ef7.png\",\"alt\":\"home-4\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/81355065-4d78-4056-a875-9beee8d76e68.png\",\"alt\":\"home-5\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/e6a6ae21-96dd-441f-a163-95a71443ea91.png\",\"alt\":\"services-1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/4005ba83-d4a1-4e17-8516-4cf407a4997d.png\",\"alt\":\"services-2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/081725d6-88cb-407b-869b-16faf9332da4.png\",\"alt\":\"services-3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/b626288e-547f-45c5-85b0-df5d37215121.png\",\"alt\":\"spe-1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/1dda7465-6ce7-44c1-963b-3c29ee477a67.png\",\"alt\":\"spe-2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/bdf1dc21-a67e-4250-8de8-b7874e7a397b.png\",\"alt\":\"spe-3\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/f4b1f189-25aa-4e85-99f1-69b6894c1cb4.png\",\"alt\":\"parcours-1\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/2096b4d0-9ffa-4dc5-a841-23245f5f709b.png\",\"alt\":\"parcours-2\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/023b8c54-16b9-4551-869e-d60c9b5af1c2.png\",\"alt\":\"callback-page\"},{\"img\":\"https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/carousel/06bc0fde-71d4-4fdb-889a-65ae9f8894cd.png\",\"alt\":\"rdv-dialog\"}]}}]\n"])</script>
1<link rel="preload" as="image" href="/icons/arrow.svg"/><div hidden id="S:0"><div class="grid grid-cols-1 gap-8 auto-rows-fr md:grid-cols-2 lg:grid-cols-4"><a aria-label="Sybrax Design" class="col-span-1 aspect-square " href="/portfolio/sybrax-design"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Sybrax Design" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fc494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png&amp;w=1080&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fc494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fc494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png&amp;w=2048&amp;q=75"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Sybrax Design</div></div></a><a aria-label="Sybrax.dev v3" class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto" href="/portfolio/sybrax-dev-v3"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Sybrax.dev v3" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d77222c7-eae9-41b3-9cce-aeb1ed64613e.svg"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Sybrax.dev v3</div></div></a><a aria-label="Discord User Card" class="col-span-1 aspect-square " href="/portfolio/discord-user-card"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Discord User Card" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/dd7fdd31-6276-4b90-9498-9a17c98ff282.svg"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Discord User Card</div></div></a><a aria-label="Techni-Heberg" class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto" href="/portfolio/techni-heberg"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Techni-Heberg" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/9a1b8858-d3f5-4385-8c31-0108bad33cff.svg"/>
1<div class="absolute text-sm text-center text-white uppercase bottom-5">Techni-Heberg</div></div></a><a aria-label="Sybrax.dev v2" class="col-span-1 aspect-square " href="/portfolio/sybrax-dev-v2"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Sybrax.dev v2" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/d77222c7-eae9-41b3-9cce-aeb1ed64613e.svg"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Sybrax.dev v2</div></div></a><a aria-label="GtaCityRP Character System" class="col-span-1 aspect-square " href="/portfolio/gtacityrp-character-system"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="GtaCityRP Character System" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fd400e770-0cc8-4db9-8bd9-a34dd442fc39.png&amp;w=1080&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fd400e770-0cc8-4db9-8bd9-a34dd442fc39.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fd400e770-0cc8-4db9-8bd9-a34dd442fc39.png&amp;w=2048&amp;q=75"/><div class="absolute text-sm text-center text-white uppercase bottom-5">GtaCityRP Character System</div></div></a><a aria-label="Profile Settings Card" class="col-span-1 aspect-square " href="/portfolio/profile-settings-card"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Profile Settings Card" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/3c66a695-9871-49b4-b853-9d3e6245e8dc.svg"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Profile Settings Card</div></div></a><a aria-label="Pose Rénovation Menuiserie" class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto" href="/portfolio/prm"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Pose Rénovation Menuiserie" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fdb0e80a0-b90a-4294-aa62-0146495d569b.png&amp;w=1080&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fdb0e80a0-b90a-4294-aa62-0146495d569b.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fdb0e80a0-b90a-4294-aa62-0146495d569b.png&amp;w=2048&amp;q=75"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Pose Rénovation Menuiserie</div></div></a>
1<a aria-label="Sybrax Design Discord Bot" class="col-span-1 aspect-square " href="/portfolio/sybrax-design-discord-bot"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Sybrax Design Discord Bot" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fc494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png&amp;w=1080&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fc494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fc494ae4d-9ad2-47e2-98a1-ec0c55cce04c.png&amp;w=2048&amp;q=75"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Sybrax Design Discord Bot</div></div></a><a aria-label="GtaCityRP Company Panel" class="col-span-1 aspect-square " href="/portfolio/gtacityrp-company-panel"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="GtaCityRP Company Panel" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fd400e770-0cc8-4db9-8bd9-a34dd442fc39.png&amp;w=1080&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fd400e770-0cc8-4db9-8bd9-a34dd442fc39.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fmedia%2Fd400e770-0cc8-4db9-8bd9-a34dd442fc39.png&amp;w=2048&amp;q=75"/><div class="absolute text-sm text-center text-white uppercase bottom-5">GtaCityRP Company Panel</div></div></a><a aria-label="Thomas.B" class="col-span-1 aspect-square " href="/portfolio/thomasb"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Thomas.B" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/2387b28e-e62d-4eee-88ae-423119cdc68e.svg"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Thomas.B</div></div></a><a aria-label="Slam Creations" class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto" href="/portfolio/slam-creations"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Slam Creations" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/media/90891f58-125c-4cee-bc24-ce6ba41f20a8.svg"/>
1<div class="absolute text-sm text-center text-white uppercase bottom-5">Slam Creations</div></div></a><a aria-label="Neutronic App" class="col-span-1 aspect-square lg:col-span-2 lg:aspect-auto" href="/portfolio/neutronic-app"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Neutronic App" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" src="https://kzvcoqcnxfbeefrvzhkp.supabase.co/storage/v1/object/public/portfolio/projects/8cf65fd3-4800-43e6-93fb-185711110b76.svg"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Neutronic App</div></div></a><a aria-label="Maëlys Agniel Sophrologie" class="col-span-1 aspect-square " href="/portfolio/maelys-agniel-sophrologie"><div class="relative border border-white/10 group overflow-hidden bg-[#141414] rounded-[40px] w-full h-full flex items-center justify-center z-0 cursor-pointer" tabindex="0"><div class="absolute inset-0 z-[-1] opacity-0 group-hover:opacity-100 transition-all duration-300"><div style="width:100%;height:100%"></div></div><div class="absolute z-0 p-2 overflow-hidden transition-all duration-300 bg-white rounded-full top-6 -right-full group-hover:right-6"><img alt="" role="presentation" width="1000" height="1000" decoding="async" data-nimg="1" class="w-7 h-7" style="color:transparent" src="/icons/arrow.svg"/></div><img alt="Maëlys Agniel Sophrologie" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="h-28 w-auto max-w-[200px] object-contain" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fprojects%2F9f2b60ec-6214-4e02-8611-9bddd27e0dfd.png&amp;w=1080&amp;q=75 1x, /_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fprojects%2F9f2b60ec-6214-4e02-8611-9bddd27e0dfd.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=https%3A%2F%2Fkzvcoqcnxfbeefrvzhkp.supabase.co%2Fstorage%2Fv1%2Fobject%2Fpublic%2Fportfolio%2Fprojects%2F9f2b60ec-6214-4e02-8611-9bddd27e0dfd.png&amp;w=2048&amp;q=75"/><div class="absolute text-sm text-center text-white uppercase bottom-5">Maëlys Agniel Sophrologie</div></div></a></div></div>
1<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
2$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.