1<!DOCTYPE html><!--0V7SE9BN_OWByqkVCdK88--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/017d9bea37084d9b-s.p.a6d6de71.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/500e7f89f5bdbfb2.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/3237b03773a2cd95.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/2a9f9b14dbc96e63.js"/>
1<script src="/_next/static/chunks/61877be1a9e85b2b.js" async=""></script>
1<script src="/_next/static/chunks/1ae466954398f779.js" async=""></script>
1<script src="/_next/static/chunks/8502bdbd5656fde4.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-794ce96d740a172d.js" async=""></script>
1<script src="/_next/static/chunks/3956410371b0cc35.js" async=""></script>
1<script src="/_next/static/chunks/15ffc029cbe3a018.js" async=""></script>
1<script src="/_next/static/chunks/fec5ea6183d0e55b.js" async=""></script>
1<script src="/_next/static/chunks/3b60e5197848a126.js" async=""></script>
1<script src="/_next/static/chunks/9728e3e26342f5d1.js" async=""></script>
1<script src="/_next/static/chunks/d73ab275194e8aae.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Massahoud | UI Engineer</title><meta name="description" content="Hello! I'm a freelance Ui engineer based in Togo. With a versatile background in design and development, I create digital experiences that are both beautiful and functional."/><link rel="author" href="https://www.linkedin.com/in/massahoud/"/><meta name="author" content="Massahoud"/><meta name="keywords" content="UI Engineer,Freelance,Web Developer,Frontend Developer,UI/UX Designer,Togo,Web Design,Web Development,Responsive Design,User Experience,User Interface,Digital Experiences,Creative Solutions"/><meta property="og:title" content="Massahoud | UI Engineer"/><meta property="og:description" content="Hello! I'm a freelance Ui engineer based in Togo. With a versatile background in design and development, I create digital experiences that are both beautiful and functional."/><meta property="og:image" content="https://mass-dev.vercel.app/mass-profil.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Image de couverture"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Massahoud | UI Engineer"/><meta name="twitter:description" content="Hello! I'm a freelance Ui engineer based in Togo. With a versatile background in design and development, I create digital experiences that are both beautiful and functional."/><meta name="twitter:image" content="https://mass-dev.vercel.app/cover.jpg"/><link rel="icon" href="/favicon.ico?favicon.3d68ea8e.ico" sizes="48x48" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="inter_c29bd1eb-module__6j3YJa__className antialiased bg-[#F5F5F5]"><div hidden=""><!--$--><!--/$--></div><svg width="0" height="0"><defs><filter id="gooey"><feGaussianBlur in="SourceGraphic" stdDeviation="5" result="blur"></feGaussianBlur><feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10" result="gooey"></feColorMatrix><feComposite in="SourceGraphic" in2="gooey" operator="atop"></feComposite></filter></defs></svg><div class="max-w-2xl px-4 md:px-0 mx-auto relative"><div class="hidden min-h-screen bg-[#F5F5F5] flex justify-center items-center z-50 absolute top-0 w-full "><svg aria-hidden="true" role="status" class="inline w54 h-5 me-3 text-muted-foreground animate-spin" viewBox="0 0 100 101" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"></path></svg></div><div class=" group h-fit w-fit mt-10 z-30 "><div class="z-10 w-fit"><div class=" overflow-hidden text-[14px] w-36 cursor-pointer "><div class="w-72 space-x-5"><span>© Code by massdx</span><span class="text-muted">Massahoud Odanou</span></div></div><div></div></div><div class="h-0 group-hover:h-72 w-64 scale-[.4] origin-top duration-200 overflow-hidden hidden md:block absolute top-0 -right-9 rounded-lg shadow-sm "><img alt="massdx-meme" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fmass-meme.gif&w=640&q=75 1x, /_next/image?url=%2Fmass-meme.gif&w=1080&q=75 2x" src="/_next/image?url=%2Fmass-meme.gif&w=1080&q=75"/></div></div><main class="flex flex-col gap-8 items-center sm:items-start mt-10 "><svg width="644" height="223" viewBox="0 0 644 223" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute -top-10 opacity-60 -left-1/2 -z-10"><g filter="url(#filter0_f_2202_11)"><path d="M512.917 -17.625V-17.625C428.047 129.375 215.87 129.375 131 -17.625V-17.625L512.917 -17.625Z" fill="url(#paint0_linear_2202_11)"></path></g><defs><filter id="filter0_f_2202_11" x="0.800018" y="-147.825" width="642.317" height="370.65" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="65.1" result="effect1_foregroundBlur_2202_11"></feGaussianBlur></filter><linearGradient id="paint0_linear_2202_11" x1="119.5" y1="14" x2="554" y2="182.5" gradientUnits="userSpaceOnUse"><stop offset="0.261785" stop-color="#FF908B"></stop><stop offset="1" stop-color="#DF27BE"></stop></linearGradient></defs></svg><div class=" w-full" style="opacity:0;filter:blur(10px);transform:translateY(10px)"><h1 class="font-medium bricolage_grotesque_c9c40e57-module__kysA7a__className text-zinc-950 text-3xl md:text-5xl md:leading-[1.2]">Hey, Iâm <div class="bg-[url(/mass-profil.png)] translate-y-3 md:translate-y-2 bg-no-repeat bg-center bg-contain w-16 md:w-24 h-16 inline-block"></div> Mass a <br/><span class="bg-gradient-to-l to-[#DF25BE] from-[#FF908A] bg-clip-text text-transparent "> UI engineer </span> keen on web <br/> apps & interactions <span></span></h1></div><div class="w-full" style="opacity:0;filter:blur(10px);transform:translateY(10px)"><ul class=" text-muted text-sm flex space-x-5 w-full"><li><div class="z-10 w-fit"><a target="_blank" class="flex items-center gap-2 hover:font-semibold duration-200 hover:underline" href="https://github.com/massdx">GitHub</a><div></div></div></li><li><div class="z-10 w-fit"><a target="_blank" class="flex items-center gap-2 hover:font-semibold duration-200 hover:underline" href="https://www.linkedin.com/in/massdx">Linkedin</a><div></div></div></li><li><div class="z-10 w-fit"><a target="_blank" class="flex items-center gap-2 hover:font-semibold duration-200 hover:underline" href="https://twitter.com/itzmassdx">Twitter</a><div></div></div></li><li><div class="z-10 w-fit"><a target="_blank" class="flex items-center gap-2 hover:font-semibold duration-200 hover:underline" href="https://dribbble.com/itzmassdx">Dribbble</a><div></div></div></li></ul></div><div class="flex space-x-5 w-full items-center" style="opacity:0;filter:blur(10px);transform:translateY(10px)"><div class="z-10 w-fit"><a href="mailto:[email protected]"><div class="overflow-hidden border cursor-pointer border-zinc-600 relative text-800 px-4 font-medium text-sm drop h-10 py-2 rounded-full "><div class="flex flex-col gap-4 z-30"><span class="text-white">Contact</span><span class=""> Contact </span></div><div class="absolute -z-10 top-[-20%] left-[-25%] mx-auto right-0 w-32 h-32 rounded-full bg-zinc-800" style="transform:translateY(-10%)"></div></div></a><div></div></div><div class="flex items-center space-x-2 text-sm text-muted "><span class="relative flex h-3 w-3 items-center justify-center"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-[#2de087] opacity-60 duration-200"></span><span class=" rounded-full h-2 w-2 bg-[#28e386]"></span></span><span>Available for work</span></div></div><div class="w-full mt-10"><div style="opacity:0;filter:blur(10px);transform:translateY(10px)"><h2 class="font-medium bricolage_grotesque_c9c40e57-module__kysA7a__className text-zinc-950 text-md">Selected works & Experience â¤ï¸ </h2></div><div class="mt-4"><div class="flex gap-20 w-full"><div class="flex flex-col -translate-x-4 min-w-max space-y-4"><a class="" href="#Wori App design">
1<div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Wori App design</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2026</span> ⢠<span>Ui designer</span></div></div></a><a class="" href="#Woro car pooling app"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Woro car pooling app</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2026</span> ⢠<span>Ui designer</span></div></div></a><a class="" href="#Design atlas curation app"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Design atlas curation app</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2026</span> ⢠<span>Ui Engineer</span></div></div></a><a class="" href="#Kola Landing page"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Kola Landing page</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2025</span> ⢠<span>Ui engineer</span></div></div></a><a class="" href="#Nufia elarning platform"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Nufia elarning platform</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2025</span> ⢠<span>Co-founder and Frontend Engineer</span></div></div></a><a class="" href="#REAL EC Timesheet management"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">REAL EC Timesheet management</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2025</span> ⢠<span>Full Stack Developer</span></div></div></a><a class="" href="#Holam Singalisation App "><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Holam Singalisation App </span></div><div class="text-[14px] text-muted font-light mt-1"><span>2024</span> ⢠<span>Ui design</span></div></div></a><a class="" href="#kutiwa Bus Ticketing"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">kutiwa Bus Ticketing</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2024</span> ⢠<span>Front-End Consultant</span></div></div></a><a class="" href="#Audiance App design "><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Audiance App design </span></div><div class="text-[14px] text-muted font-light mt-1"><span>2024</span> ⢠<span>UI Designer</span></div></div></a><a class="" href="#Secumatch Sécurity jobs board app ">
1<div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Secumatch Sécurity jobs board app </span></div><div class="text-[14px] text-muted font-light mt-1"><span>2023</span> ⢠<span>Ui Designer</span></div></div></a><a class="" href="#Africa Product Keynote"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Africa Product Keynote</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2023</span> ⢠<span>UI Designer et Front-End Developer</span></div></div></a><a class="" href="#Kimoasoft"><div class="px-4 group py-3 relative w-fit rounded cursor-pointer" style="opacity:0;filter:blur(6px);transform:translateY(20px)"><div class="text-[15px] font-medium duration-300 underline underline-offset-2 text-gray-200"><span class="text-zinc-900 group-hover:text-[#DF25BE]">Kimoasoft</span></div><div class="text-[14px] text-muted font-light mt-1"><span>2022</span> ⢠<span>UI engineer web and mobile </span></div></div></a></div><div class=" md:flex items-center hidden justify-center relative origin-center min-w-[450px] "><div class="sticky top-20 bottom-20 w-full h-fit mx-auto " style="opacity:0;filter:blur(20px);transform:scaleY(1.05)"></div></div></div></div></div><div style="opacity:0;filter:blur(10px);transform:translateY(10px)"><a target="_blank" class="w-full group shadow-sm bg-[url('/noise.jpeg')] bg-bottom bg-cover flex justify-between bg-zinc-900 cursor-pointer mt-10 p-4 rounded-xl flex-row md:-translate-x-4" href="/interactions"><div class="w-full"><div class="b text-lg font-semibold"> <div class="bg-gradient-to-l from-[#DF25BE] to-[#FF908A] bg-clip-text text-transparent inline-block">Ui interactions and animation</div> <span class="">â¨</span> </div><div class="my-1"><p class="text-sm text-white/80 ">A collection of UI interactions and animations that enhance user experience.</p></div></div><div class="h-auto w-20 border border-slate-100/10 group-hover:border-slate-100/20 duration-300 rounded-xl text-white flex items-center justify-center"><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-arrow-right group-hover:-rotate-45 w-4 h-auto duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a></div><div style="opacity:0;filter:blur(10px);transform:translateY(10px)"><div class="w-full mt-10"><div>About me ð¼</div><div class="mt-4"><p class="text-md text-muted ">Front-end Developer with a focus on design and user experience. Bridging tech and design, I craft intuitive and high-performance interfaces while collaborating closely with product teams. Always eager to learn and refine my skills to deliver innovative solutions</p></div></div></div><div class="w-full" style="opacity:0;filter:blur(10px);transform:translateY(10px)"><div class=" w-full my-10 "><div class="w-full"><div class="font-medium bricolage_grotesque_c9c40e57-module__kysA7a__className text-zinc-950 text-md" style="opacity:0;filter:blur(6px);transform:translateY(20px)">Tech Stack</div><div class="mt-4 w-full "><ul class="text-sm md:max-w-xs inline-block w-full space-y-3"><li><div class="flex items-center justify-between"><span class="text-muted">Language</span><span class="font-medium">Javascript</span></div></li><li><div class="flex items-center justify-between"><span class="text-muted">Librairie</span><span class="font-medium">ReactJs</span></div></li><li><div class="flex items-center justify-between"><span class="text-muted">FrameWork</span><span class="font-medium">NextJs</span></div></li><li><div class="flex items-center justify-between"><span class="text-muted">CSS FrameWork</span><span class="font-medium">Tailwind CSS</span></div></li><li><div class="flex items-center justify-between"><span class="text-muted">Design tools</span><span class="font-medium">Figma</span></div></li></ul></div></div></div></div><div class=" flex flex-col justify-between w-full"><main class="flex flex-col md:flex-row items-center justify-between gap-8"><div class="space-y-8"><h1 class="text-[3.30rem] text-center md:text-left md:text-7xl font-medium leading-tight">Let's work<br/>together</h1><div class="space-x-5 text-sm flex items-center "><div class="z-10 w-fit"><a href="mailto:[email protected]" class="block underline underline-offset-4 hover:opacity-75 transition-opacity">[email protected]</a><div></div></div><div class="z-10 w-fit"><a href="tel:+22893240584" class="block underline underline-offset-4 hover:opacity-75 transition-opacity">+228 93240584</a><div></div></div></div></div><div class="relative w-48 h-48 md:w-64 md:h-64 "><img alt="Profile" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="absolute inset-0 w-full h-full object-cover " style="color:transparent" srcSet="/_next/image?url=%2Fmass.png&w=640&q=75 1x, /_next/image?url=%2Fmass.png&w=1080&q=75 2x" src="/_next/image?url=%2Fmass.png&w=1080&q=75"/></div></main><div class="border-t w-full h-1 my-10"></div><footer class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4 text-gray-600 mb-10"><p>© 2024 Code by massdx</p><p class="flex items-center gap-1">From Lomé/Togo<span role="img" aria-label="flower">ðº</span></p></footer></div></main><!--$--><!--/$--></div>
1<script src="/_next/static/chunks/2a9f9b14dbc96e63.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\"\n2:I[52790,[\"/_next/static/chunks/3956410371b0cc35.js\",\"/_next/static/chunks/15ffc029cbe3a018.js\"],\"default\"]\n3:I[96536,[\"/_next/static/chunks/3956410371b0cc35.js\",\"/_next/static/chunks/15ffc029cbe3a018.js\"],\"default\"]\n4:I[59811,[\"/_next/static/chunks/3956410371b0cc35.js\",\"/_next/static/chunks/15ffc029cbe3a018.js\"],\"default\"]\n5:I[22871,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"default\"]\n6:I[59801,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"default\"]\n7:I[7897,[\"/_next/static/chunks/3956410371b0cc35.js\",\"/_next/static/chunks/15ffc029cbe3a018.js\"],\"Analytics\"]\n8:I[33780,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"ClientPageRoot\"]\n9:I[52683,[\"/_next/static/chunks/3956410371b0cc35.js\",\"/_next/static/chunks/15ffc029cbe3a018.js\",\"/_next/static/chunks/9728e3e26342f5d1.js\",\"/_next/static/chunks/d73ab275194e8aae.js\"],\"default\"]\nc:I[98427,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"OutletBoundary\"]\nd:\"$Sreact.suspense\"\nf:I[98427,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"ViewportBoundary\"]\n11:I[98427,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"MetadataBoundary\"]\n13:I[32257,[],\"default\"]\n:HL[\"/_next/static/chunks/500e7f89f5bdbfb2.css\",\"style\"]\n:HL[\"/_next/static/media/017d9bea37084d9b-s.p.a6d6de71.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/3237b03773a2cd95.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"0V7SE9BN-OWByqkVCdK88\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/500e7f89f5bdbfb2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3956410371b0cc35.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/15ffc029cbe3a018.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"inter_c29bd1eb-module__6j3YJa__className antialiased bg-[#F5F5F5]\",\"children\":[[\"$\",\"svg\",null,{\"width\":\"0\",\"height\":\"0\",\"children\":[\"$\",\"defs\",null,{\"children\":[\"$\",\"filter\",null,{\"id\":\"gooey\",\"children\":[[\"$\",\"feGaussianBlur\",null,{\"in\":\"SourceGraphic\",\"stdDeviation\":\"5\",\"result\":\"blur\"}],[\"$\",\"feColorMatrix\",null,{\"in\":\"blur\",\"mode\":\"matrix\",\"values\":\" 1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10\",\"result\":\"gooey\"}],[\"$\",\"feComposite\",null,{\"in\":\"SourceGraphic\",\"in2\":\"gooey\",\"operator\":\"atop\"}]]}]}]}],[\"$\",\"$L2\",null,{\"root\":true,\"options\":{\"autoRaf\":true},\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-2xl px-4 md:px-0 mx-auto relative\",\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]}],[\"$\",\"$L7\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{\"Component\":\"$9\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@a\",\"$@b\"]}}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3237b03773a2cd95.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/9728e3e26342f5d1.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/d73ab275194e8aae.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@e\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"children\":\"$L10\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$d\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L12\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$13\",[]],\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"a:{}\nb:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"10:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"14:I[61212,[\"/_next/static/chunks/fec5ea6183d0e55b.js\",\"/_next/static/chunks/3b60e5197848a126.js\"],\"IconMark\"]\ne:null\n"])</script>
1<script>self.__next_f.push([1,"12:[[\"$\",\"title\",\"0\",{\"children\":\"Massahoud | UI Engineer\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Hello! I'm a freelance Ui engineer based in Togo. With a versatile background in design and development, I create digital experiences that are both beautiful and functional.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://www.linkedin.com/in/massahoud/\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Massahoud\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"UI Engineer,Freelance,Web Developer,Frontend Developer,UI/UX Designer,Togo,Web Design,Web Development,Responsive Design,User Experience,User Interface,Digital Experiences,Creative Solutions\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Massahoud | UI Engineer\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"Hello! I'm a freelance Ui engineer based in Togo. With a versatile background in design and development, I create digital experiences that are both beautiful and functional.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://mass-dev.vercel.app/mass-profil.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"Image de couverture\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"Massahoud | UI Engineer\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Hello! I'm a freelance Ui engineer based in Togo. With a versatile background in design and development, I create digital experiences that are both beautiful and functional.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://mass-dev.vercel.app/cover.jpg\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.3d68ea8e.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"$L14\",\"17\",{}]]\n"])</script>
1</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.