PageSourceSearch

https://my-portfolio-lilac-psi.vercel.app/

html my-portfolio-lilac-psi.vercel.app collected 2026-10-03 07:21:06 UTC 54,717 bytes, 1 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="preload" href="/_next/static/media/c875c6f5d3e977ac-s.p.1h18_wedhzk4h.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/heading_bold-s.p.2n4d0s8y435vm.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/heading_bold-s.p.3z-x00h8ireex.ttf" as="font" crossorigin="" type="font/ttf"/><link rel="preload" href="/_next/static/media/heading_bold-s.p.43n8bkr9o3ky7.woff" as="font" crossorigin="" type="font/woff"/><link rel="preload" href="/_next/static/media/heading_regular-s.p.1_ijrbj_0xvsr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/heading_regular-s.p.1riiw_keu-fy7.ttf" as="font" crossorigin="" type="font/ttf"/><link rel="preload" href="/_next/static/media/heading_regular-s.p.2juhwjfjeyych.woff" as="font" crossorigin="" type="font/woff"/><link rel="stylesheet" href="/_next/static/chunks/3wr4xc9beyzwi.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0zo1plfldjwle.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0iq1i69206cyl.js"/>
1<script src="/_next/static/chunks/27jktro2p5rq9.js" async=""></script>
1<script src="/_next/static/chunks/07u_h6i539_wj.js" async=""></script>
1<script src="/_next/static/chunks/0iec5q4ack_04.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-12dm4pjgasbr9.js" async=""></script>
1<script src="/_next/static/chunks/05-c3ty_6dwfk.js" async=""></script>
1<script src="/_next/static/chunks/14mrh2-p_w84d.js" async=""></script>
1<script src="/_next/static/chunks/3smxe-ck9gp36.js" async=""></script>
1<script src="/_next/static/chunks/1pvpkhphcau5e.js" async=""></script>
1<script src="/_next/static/chunks/1ghd3vb1mjcot.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Hamid Reza Sepehr | Portfolio</title><meta name="description" content="Creative Front-End developer mastering React, Next.js, and Tailwind CSS."/><link rel="icon" href="/favicon.ico?favicon.1_n2g1zro25il.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js" noModule=""></script>
1</head><body class="poppins_8760812d-module__Bct1UG__variable headingfont_6ce73d91-module__Am3w1q__variable"><div hidden=""><!--$--><!--/$--></div><main class="stop-scrolling"><div class="loader-wrapper"><div class="bar w-1/6 h-full"></div><div class="bar w-1/6 h-full"></div><div class="bar w-1/6 h-full"></div><div class="bar w-1/6 h-full"></div><div class="bar w-1/6 h-full"></div><div class="bar w-1/6 h-full"></div><div class="loader"><div class="font-custom text-4xl mb-8 leading-normal text-zinc-800">I will be ready in a few seconds 🙋🏻‍♂️</div><span></span><span></span><span></span></div></div><section class="bg-zinc-900 text-white min-h-screen flex flex-col justify-end items-center"><div class="container mx-auto flex justify-between items-center absolute top-0 pt-8 px-6 md:px-0"><div class="flex items-center -translate-y-10 animate-top-in opacity-0"><img alt="Hamid Reza Sepehr Profile Picture" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" class="rounded-full w-[50px]" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprofile.jpg&amp;w=64&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprofile.jpg&amp;w=128&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprofile.jpg&amp;w=128&amp;q=75"/><div class="ml-2">Hamid Reza Sepehr</div></div><div class="flex -translate-y-10 animate-top-in opacity-0"><a target="_blank" class="text-zinc-500 hover:text-white transition-colors mouse-light self-baseline" href="https://www.linkedin.com/in/hamid-reza-sepehr/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="4.983" cy="5.009" r="2.188"></circle><path d="M9.237 8.855v12.139h3.769v-6.003c0-1.584.298-3.118 2.262-3.118 1.937 0 1.961 1.811 1.961 3.218v5.904H21v-6.657c0-3.27-.704-5.783-4.526-5.783-1.835 0-3.065 1.007-3.568 1.96h-.051v-1.66H9.237zm-6.142 0H6.87v12.139H3.095z"></path></svg></a></div></div><div class="container mx-auto text-center mt-36 px-6 md:px-0"><h1 class="text-4xl md:text-8xl font-bold mb-14 invisible"><div class="overflow-hidden hero-split pb-3">Where code and</div><div class="overflow-hidden hero-split pb-3">creativity meet! 🤞</div></h1><div class="text-zinc-200 translate-y-10 animate-bottom-in opacity-0">Master AI Orchestrator</div><div class="text-zinc-200 translate-y-10 animate-bottom-in opacity-0">Skilled in user experience and design systems</div><div class="translate-y-10 animate-bottom-in opacity-0 mt-8"><a target="_blank" class="inline-flex items-center gap-3 group mouse-light" href="./docs/hamid-reza-sepehr-resume.pdf"><div class="uppercase text-zinc-500 group-hover:text-zinc-100 transition title overflow-hidden leading-none">Download Resume</div><div class="inline-flex border border-zinc-600 rounded-full p-2"><div class="overflow-hidden text-zinc-500 group-hover:text-zinc-100 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.22 19.03a.75.75 0 0 1 0-1.06L18.19 13H3.75a.75.75 0 0 1 0-1.5h14.44l-4.97-4.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"></path></svg></div></div></a></div></div><div class="w-44 h-44 relative mt-8 mb-20 translate-y-10 animate-bottom-in opacity-0"><div class="mouse"></div><div id="circle"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" enable-background="new 0 0 100 100" xml:space="preserve"><defs><path id="circlePath" d="M 100, 100 m -60, 0 a 60,60 0 0,1 120,0 a 60,60 0 0,1 -120,0 "></path></defs><circle cx="150" cy="100" r="175" fill="none"></circle><g><use xlink:href="#circlePath" fill="none"></use><text><textPath xlink:href="#circlePath" class="uppercase tracking-wider [word-spacing:5px] fill-zinc-500">Hello, My Name Is Hamid Reza Sepehr</textPath></text></g></svg></div></div></section><section class="mt-36 overflow-hidden"><div class="container mx-auto px-6 md:px-0"><div class="text-4xl md:text-5xl leading-normal text-center text-zinc-800">Strong attention to detail is what makes a product stand out, and I&#x27;m obsessed with it.</div></div><div class="mt-16"><div class="flex flex-nowrap"><img alt="Darya HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdarya-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdarya-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdarya-1.jpg&amp;w=640&amp;q=75"/><img alt="Belford Sketch Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fbelford-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fbelford-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fbelford-1.jpg&amp;w=640&amp;q=75"/><img alt="UI Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-4.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-4.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-4.jpg&amp;w=640&amp;q=75"/><img alt="Perseus Sketch Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fperseus-2.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fperseus-2.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fperseus-2.jpg&amp;w=640&amp;q=75"/><img alt="UI Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-9.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-9.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-9.jpg&amp;w=640&amp;q=75"/><img alt="UI Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-11.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-11.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-11.jpg&amp;w=640&amp;q=75"/><img alt="UI Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-15.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-15.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-15.jpg&amp;w=640&amp;q=75"/></div><div class="flex flex-row-reverse flex-nowrap mt-3 md:mt-8"><img alt="Lustra HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Flustra-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Flustra-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Flustra-1.jpg&amp;w=640&amp;q=75"/><img alt="Ferferi HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fferfer
1i-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fferferi-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fferferi-1.jpg&amp;w=640&amp;q=75"/><img alt="Heady Design Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fheady-2.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fheady-2.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fheady-2.jpg&amp;w=640&amp;q=75"/><img alt="UI Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-12.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-12.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-12.jpg&amp;w=640&amp;q=75"/><img alt="Little Shopper HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper-1.jpg&amp;w=640&amp;q=75"/><img alt="Heady Design Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fheady-5.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fheady-5.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fheady-5.jpg&amp;w=640&amp;q=75"/><img alt="Nima HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg mx-1 md:mx-4 w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fnima-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fnima-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fnima-1.jpg&amp;w=640&amp;q=75"/></div></div></section><section class="mt-36"><div class="container mx-auto px-6 md:px-0"><div class="mb-4"><div class="bg-zinc-900 text-zinc-200 inline-block pl-2 pr-1 py-1">Latest Projects <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="inline" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4.97 13.22a.75.75 0 0 1 1.06 0L11 18.19V3.75a.75.75 0 0 1 1.5 0v14.44l4.97-4.97a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734l-6.25 6.25a.75.75 0 0 1-1.06 0l-6.25-6.25a.75.75 0 0 1 0-1.06Z"></path></svg></div></div><div class="border-t border-zinc-200 py-10"><div class="group mouse-view"><a href="/project/1"><div class="flex items-center"><div class="flex items-center justify-center w-10 h-10 border-zinc-200 text-zinc-600 border rounded-full mr-4 text-sm group-hover:bg-violet-800 group-hover:text-white group-hover:border-white transition-colors">1</div><h3 class="text-4xl md:text-6xl text-zinc-800 split overflow-hidden pb-2">WP Custom Cursor</h3></div><div class="ml-14 mt-4 text-zinc-600 transition-colors text-sm"><div class="inline-flex items-center mr-4"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>Plugin</div></div><div class="inline-flex items-center"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>WordPress</div></div></div><img alt="image" loading="lazy" width="550" height="344" decoding="async" data-nimg="1" class="z-50 fixed top-[50vh] left-[50vw] -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fwp-custom-cursor.jpg&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fwp-custom-cursor.jpg&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fwp-custom-cursor.jpg&amp;w=1200&amp;q=75"/></a></div></div><div class="border-t border-zinc-200 py-10"><div class="group mouse-view"><a href="/project/2"><div class="flex items-center"><div class="flex items-center justify-center w-10 h-10 border-zinc-200 text-zinc-600 border rounded-full mr-4 text-sm group-hover:bg-violet-800 group-hover:text-white group-hover:border-white transition-colors">2</div><h3 class="text-4xl md:text-6xl text-zinc-800 split overflow-hidden pb-2">Paint Perfectionist</h3></div><div class="ml-14 mt-4 text-zinc-600 transition-colors text-sm"><div class="inline-flex items-center mr-4"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>Website</div></div><div class="inline-flex items-center"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>WordPress</div></div></div><img alt="image" loading="lazy" width="550" height="344" decoding="async" data-nimg="1" class="z-50 fixed top-[50vh] left-[50vw] -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fpaintperfectionist-1.jpg&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fpaintperfectionist-1.jpg&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fpaintperfectionist-1.jpg&amp;w=1200&amp;q=75"/></a></div></div><div class="border-t border-zinc-200 py-10"><div class="group mouse-view"><a href="/project/3"><div class="flex items-center"><div class="flex items-center justify-center w-10 h-10 border-zinc-200 text-zinc-600 border rounded-full mr-4 text-sm group-hover:bg-violet-800 group-hover:text-white group-hover:border-white transition-colors">3</div><h3 class="text-4xl md:text-6xl text-zinc-800 split overflow-hidden pb-2">Women For Women</h3></div><div class="ml-14 mt-4 text-zinc-600 transition-colors text-sm"><div class="inline-flex items-center mr-4"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>Website</div></div><div class="inline-flex items-center"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>WordPress</div></div></div><img alt="image" loading="lazy" width="550" height="344" decoding="async" data-nimg="1" class="z-50 fixed top-[50vh] left-[50vw] -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fwomenforwomen-1.jpg&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fwomenforwomen-1.jpg&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fwomenforwomen-1.jpg&amp;w=1200&amp;q=75"/></a></div></div><div class="border-t border-zinc-200 py-10"><div class="group mouse-view"><a href="/project/4"><div class="flex items-center"><div class="flex items-center justify-center w-10 h-10 border-zinc-200 text-zinc-600 border rounded-full mr-4 text-sm group-hover:bg-violet-800 group-hover:text-white group-hover:border-white transition-colors">4</div><h3 class="text-4xl md:text-6xl text-zinc-800 split overflow-hidden pb-2">Little Shopper HTML Template</h3></div><div class="ml-14 mt-4 text-zinc-600 transition-colors text-sm"><div class="inline-flex items-center mr-4"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>Template</div></div><div class="inline-flex items-center"><div class="w-1.5 h-1.5 bg-zinc-700 rounded-full mr-2"></div><div>HTML5</div></div></div><img alt="image" loading="lazy" width="550" height="344" decoding="async" data-nimg="1" class="z-50 fixed top-[50vh] left-[50vw] -translate-x-1/2 -translate-y-1/2 opacity-0 pointer-events-none" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper.jpg&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper.jpg&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper.jpg&amp;w=1200&amp;q=75"/></a></div></div><div class="flex justify-end border-t border-zinc-200 pt-4"><a class="inline-flex items-center gap-3 group mouse-dark" href="/allprojects"><div class="uppercase text-zinc-500 group-hover:text-zinc-900 transition title overflow-hidden leading-none">View All Projects</div><div class="inline-flex border border-zinc-600 rounded-full p-2"><div class="overflow-hidden text-zinc-500 group-hover:text-zinc-900 transition-colors"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.22 19.03a.75.75 0 0 1 0-1.06L18.19 13H3.75a.75.75 0 0 1 0-1.5h14.44l-4.97-4.97a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l6.25 6.25a.75.75 0 0 1 0 1.06l-6.25 6.25a.75.75 0 0 1-1.06 0Z"></path></svg></div></div></a></div></div></section><section class="mt-36"><div class="container mx-auto px-6 md:px-0"><div class="flex flex-col text-center items-center"><div class="md:w-7/12 text-2xl md:text-3xl leading-normal text-zinc-800">With an intense enthusiasm for creative user interfaces, user experience, and AI-driven development, I incorporate the latest web technologies, industry best practices, and intelligent automation to craft exceptional websites that engage, captivate, and resonate with users.</div><div class="md:w-4/12 flex flex-col items-center mt-8"><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprofile.jpg&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprofile.jpg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprofile.jpg&amp;w=256&amp;q=75"/><div class="mt-4 text-zinc-500">Designing with purpose. Building with AI.</div><img alt="image" loading="lazy" width="250" height="250" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fsignature.png&amp;w=256&amp;q=75 1x, /_next/image?url=%2Fimages%2Fsignature.png&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fsignature.png&amp;w=640&amp;q=75"/></div></div><div class="flex mt-4 flex-wrap justify-center"><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Freact.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Freact.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Freact.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fjavascript.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fjavascript.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fjavascript.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fnextjs.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fnextjs.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fnextjs.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Ftailwind.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Ftailwind.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Ftailwind.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fhtml.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fhtml.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fhtml.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fcss.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fcss.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fcss.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fsass.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fsass.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fsass.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fgit.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fgit.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fgit.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fgulp.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fgulp.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fgulp.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fgrunt.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fgrunt.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fgrunt.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fwebpack.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fwebpack.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fwebpack.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fwordpress.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fwordpress.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fwordpress.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fgreensock.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fgreensock.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fgreensock.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fbootstrap.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fbootstrap.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fbootstrap.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fjquery.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fjquery.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fjquery.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fnpm.png&amp;w=128
1&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fnpm.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fnpm.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fvscode.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fvscode.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fvscode.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fsublime.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fsublime.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fsublime.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fsketch.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fsketch.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fsketch.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fadobexd.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fadobexd.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fadobexd.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Ffigma.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Ffigma.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Ffigma.png&amp;w=256&amp;q=75"/><img alt="image" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Ftech%2Fphotoshop.png&amp;w=128&amp;q=75 1x, /_next/image?url=%2Fimages%2Ftech%2Fphotoshop.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Ftech%2Fphotoshop.png&amp;w=256&amp;q=75"/></div></div></section><section class="mt-36"><div class="container mx-auto px-6 md:px-0"><h2 class="text-4xl md:text-6xl mb-10 text-zinc-800"><div class="mb-4 overflow-hidden split pb-2">Creating web stuff</div><div class="overflow-hidden split pb-2">since 2016!</div></h2><div class="md:flex md:gap-x-10"><div class="w-full md:w-1/2"><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2025</div><div class=""><div class="text-zinc-500 text-sm">Co-Founder &amp; Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->Erixa Studio</div></div></div><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2023</div><div class=""><div class="text-zinc-500 text-sm">Full-Stack Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->Mixin Agency</div></div></div><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2021</div><div class=""><div class="text-zinc-500 text-sm">Full-Stack Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->MedConnect (Remote)</div></div></div><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2019</div><div class=""><div class="text-zinc-500 text-sm">Software Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->Freelance</div></div></div></div><div class="w-full md:w-1/2"><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2018</div><div class=""><div class="text-zinc-500 text-sm">Front-End Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->NetLinks</div></div></div><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2016</div><div class=""><div class="text-zinc-500 text-sm">Lead Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->Momtaz Host</div></div></div><div class="inline-flex w-full border-zinc-200 border-t py-4 items-center gap-x-10"><div class="text-6xl font-bold text-end text-zinc-200 font-custom">2015</div><div class=""><div class="text-zinc-500 text-sm">Co-Founder &amp; Full-Stack Developer</div><div class=""><span class="text-zinc-500">@</span> <!-- -->LifeCode</div></div></div></div></div></div></section><section class="mt-36"><div class="relative mt-10 overflow-hidden h-[20vh] md:h-[50vh]"><div class="w-[500vw] h-[500vw] ml-[-200vw] md:w-[300vw] md:h-[300vw] md:-ml-[100vw] relative circle"><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] -rotate-45"><img alt="Heady Design Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fheady-6.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fheady-6.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fheady-6.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-[-36deg]"><img alt="Darya HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdarya-2.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdarya-2.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdarya-2.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-[-27deg]"><img alt="UI Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-16.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-16.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fdesign-concept-16.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-[-18deg]"><img alt="Ferferi HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fferfer
1i-3.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fferferi-3.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fferferi-3.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-[-9deg]"><img alt="Heady Design Concept" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fheady-4.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fheady-4.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fheady-4.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-0"><img alt="Karbalayi Sketch Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fkarbalayi-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fkarbalayi-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fkarbalayi-1.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-[9deg]"><img alt="Little Shopper HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper-3.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper-3.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Flittle-shopper-3.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-18"><img alt="Lustra HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Flustra-3.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Flustra-3.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Flustra-3.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-27"><img alt="Nima HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fnima-2.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fnima-2.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fnima-2.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-36"><img alt="Soori HTML Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fsoori-1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fsoori-1.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fsoori-1.jpg&amp;w=640&amp;q=75"/></div><div class="absolute left-[250vw] ml-[-65px] origin-[65px_250vw] md:left-[150vw] top-0 md:-ml-[140px] md:origin-[140px_150vw] rotate-45"><img alt="Karbalayi Sketch Template" loading="lazy" width="280" height="140" decoding="async" data-nimg="1" class="shadow-lg w-[130px] md:w-[280px] grayscale hover:grayscale-0 transition-all" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fprojects%2Fkarbalayi-4.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Fprojects%2Fkarbalayi-4.jpg&amp;w=640&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fprojects%2Fkarbalayi-4.jpg&amp;w=640&amp;q=75"/></div></div></div><div class="container mx-auto px-6 md:px-0"><div class="flex justify-center"><div class="w-full md:w-5/6"><div class="slick-slider slick-initialized" dir="ltr"><button type="button" data-role="none" class="slick-arrow slick-prev" style="display:block"> <!-- -->Previous</button><div class="slick-list"><div class="slick-track" style="width:600%;left:-100%"><div data-index="0" class="slick-slide slick-active slick-current" tabindex="-1" aria-hidden="false" style="outline:none;width:16.666666666666668%;position:relative;
1left:0;opacity:1;z-index:999;transition:opacity 500ms ease, visibility 500ms ease"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="flex items-center flex-col text-center"><div class="text-3xl md:text-4xl leading-normal text-zinc-800">His ability to write clean, efficient, and well-documented code is impressive!</div><img alt="Nasir Safdari Profile Picture" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="shadow-lg rounded-full mt-8 mb-3" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fnasir.jpeg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fimages%2Fnasir.jpeg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fnasir.jpeg&amp;w=256&amp;q=75"/><div>Nasir Safdari</div><div class="mb-3 mt-1 text-zinc-500 text-sm">Data Scientist</div></div></div></div></div><div data-index="1" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:16.666666666666668%;position:relative;left:-16px;opacity:0;z-index:998;transition:opacity 500ms ease, visibility 500ms ease"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="flex items-center flex-col text-center"><div class="text-3xl md:text-4xl leading-normal text-zinc-800">His designs are visually captivating, demonstrating an incredible blend of creativity and functionality.</div><img alt="Mohammad Hassany Profile Picture" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="shadow-lg rounded-full mt-8 mb-3" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fmohammad.jpeg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fimages%2Fmohammad.jpeg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fmohammad.jpeg&amp;w=256&amp;q=75"/><div>Mohammad Hassany</div><div class="mb-3 mt-1 text-zinc-500 text-sm">Software Engineer</div></div></div></div></div><div data-index="2" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:16.666666666666668%;position:relative;left:-32px;opacity:0;z-index:998;transition:opacity 500ms ease, visibility 500ms ease"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="flex items-center flex-col text-center"><div class="text-3xl md:text-4xl leading-normal text-zinc-800">Hamid&#x27;s ability to seamlessly blend stunning aesthetics with flawless functionality is truly exceptional.</div><img alt="Eangelica Germano Aton Profile Picture" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="shadow-lg rounded-full mt-8 mb-3" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Feangelica.jpeg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fimages%2Feangelica.jpeg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Feangelica.jpeg&amp;w=256&amp;q=75"/><div>Eangelica Aton</div><div class="mb-3 mt-1 text-zinc-500 text-sm">Product Owner</div></div></div></div></div><div data-index="3" class="slick-slide" tabindex="-1" aria-hidden="true" style="outline:none;width:16.666666666666668%;position:relative;left:-48px;opacity:0;z-index:998;transition:opacity 500ms ease, visibility 500ms ease"><div><div tabindex="-1" style="width:100%;display:inline-block"><div class="flex items-center flex-col text-center"><div class="text-3xl md:text-4xl leading-normal text-zinc-800">Working with Hamid Sepehr was an absolute delight—talented, professional, and incredibly detail-oriented. Our website turned out better than I imagined. Truly grateful for his work.</div><img alt="Fatima Moradi Profile Picture" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="shadow-lg rounded-full mt-8 mb-3" style="color:transparent" srcSet="/_next/image?url=%2Fimages%2Fmoradi.jpg&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fimages%2Fmoradi.jpg&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fimages%2Fmoradi.jpg&amp;w=256&amp;q=75"/><div>Fatima Moradi</div><div class="mb-3 mt-1 text-zinc-500 text-sm">Founder &amp; CEO, AESS</div></div></div></div></div></div></div><button type="button" data-role="none" class="slick-arrow slick-next" style="display:block"> <!-- -->Next</button><ul style="display:block" class="slick-dots"><li class="slick-active"><button>
11</button></li><li class=""><button>2</button></li><li class=""><button>3</button></li><li class=""><button>4</button></li></ul></div></div></div></div></section><section class="mt-28 bg-zinc-900 py-28"><div class="container mx-auto text-white px-6 md:px-0"><div class="md:flex"><div class="w-full md:w-8/12"><div class="text-3xl md:text-6xl mb-3 overflow-hidden split pb-2">Have projects?</div><div class="text-3xl md:text-6xl mb-3 overflow-hidden split pb-2">Let&#x27;s work together ✌️</div><div class="text-sm text-zinc-600">Local Time: </div><div class="text-zinc-600 text-3xl md:text-4xl">0:0:0 AM</div></div><div class="mt-6 md:mt-0 w-full md:w-4/12"><div class="flex items-center"><div class="border border-zinc-700 rounded-full p-2"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-zinc-500 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1Zm3.241 10.5v-.001c-.1-2.708-.992-4.904-1.89-6.452a13.919 13.919 0 0 0-1.304-1.88L12 3.11l-.047.059c-.354.425-.828 1.06-1.304 1.88-.898 1.547-1.79 3.743-1.89 6.451Zm-12.728 0h4.745c.1-3.037 1.1-5.49 2.093-7.204.39-.672.78-1.233 1.119-1.673C6.11 3.329 2.746 7 2.513 11.5Zm18.974 0C21.254 7 17.89 3.329 13.53 2.623c.339.44.729 1.001 1.119 1.673.993 1.714 1.993 4.167 2.093 7.204ZM8.787 13c.182 2.478 1.02 4.5 1.862 5.953.382.661.818 1.29 1.304 1.88l.047.057.047-.059c.354-.425.828-1.06 1.304-1.88.842-1.451 1.679-3.471 1.862-5.951Zm-1.504 0H2.552a9.505 9.505 0 0 0 7.918 8.377 15.773 15.773 0 0 1-1.119-1.673C8.413 18.085 7.47 15.807 7.283 13Zm9.434 0c-.186 2.807-1.13 5.085-2.068 6.704-.39.672-.78 1.233-1.118 1.673A9.506 9.506 0 0 0 21.447 13Z"></path></svg></div><div class="ml-2 text-zinc-200 text-sm">Kabul, Afghanistan</div></div><div class="flex items-center mt-2"><div class="border border-zinc-700 rounded-full p-2"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-zinc-500 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10.25 5.25A.75.75 0 0 1 11 4.5h2A.75.75 0 0 1 13 6h-2a.75.75 0 0 1-.75-.75ZM12 19.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"></path><path d="M4 2.75C4 1.784 4.784 1 5.75 1h12.5c.966 0 1.75.784 1.75 1.75v18.5A1.75 1.75 0 0 1 18.25 23H5.75A1.75 1.75 0 0 1 4 21.25Zm1.75-.25a.25.25 0 0 0-.25.25v18.5c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V2.75a.25.25 0 0 0-.25-.25Z"></path></svg></div><a href="tel:+93784003648" class="ml-2 text-zinc-200 text-sm hover:text-white transition-colors">+93 (0) 784 003 648</a></div><div class="flex items-center mt-2"><div class="border border-zinc-700 rounded-full p-2"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="text-zinc-500 text-sm" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.226 7.25c-2.623-4.542-8.432-6.098-12.974-3.475-4.543 2.622-6.099 8.431-3.477 12.974 2.623 4.542 8.431 6.099 12.974 3.477a.75.75 0 0 1 .75 1.299c-5.26 3.037-11.987 1.235-15.024-4.026C-.562 12.24 1.24 5.512 6.501 2.475 11.76-.562 18.488 1.24 21.525 6.501a10.959 10.959 0 0 1 1.455 4.826c.013.056.02.113.02.173v2.25a3.5 3.5 0 0 1-6.623 1.581 5.5 5.5 0 1 1 1.112-3.682.802.802 0 0 1 .011.129v1.972a2 2 0 1 0 4 0v-1.766a9.456 9.456 0 0 0-1.274-4.733ZM16 12a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"></path></svg></div><a href="mailto:[email protected]" class="ml-2 text-zinc-200 text-sm hover:text-white transition-colors">[email protected]</a></div></div></div><div class="border-t border-zinc-700 text-xs mt-10 pt-8 text-zinc-400">© <!-- -->2026<!-- --> Hamid Reza Sepehr | All Rights Reserved</div></div></section><div class="cursor"></div></main><!--$--><!--/$-->
1<script src="/_next/static/chunks/0iq1i69206cyl.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[39756,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\"]\n4:I[47257,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"ClientPageRoot\"]\n5:I[31713,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\",\"/_next/static/chunks/3smxe-ck9gp36.js\",\"/_next/static/chunks/1pvpkhphcau5e.js\",\"/_next/static/chunks/1ghd3vb1mjcot.js\"],\"default\"]\n8:I[97367,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[97367,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"ViewportBoundary\"]\nd:I[97367,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"MetadataBoundary\"]\nf:I[68027,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/3wr4xc9beyzwi.css\",\"style\"]\n:HL[\"/_next/static/media/c875c6f5d3e977ac-s.p.1h18_wedhzk4h.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/heading_bold-s.p.2n4d0s8y435vm.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/heading_bold-s.p.3z-x00h8ireex.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/heading_bold-s.p.43n8bkr9o3ky7.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/heading_regular-s.p.1_ijrbj_0xvsr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/heading_regular-s.p.1riiw_keu-fy7.ttf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/ttf\"}]\n:HL[\"/_next/static/media/heading_regular-s.p.2juhwjfjeyych.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/chunks/0zo1plfldjwle.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3wr4xc9beyzwi.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/14mrh2-p_w84d.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"poppins_8760812d-module__Bct1UG__variable headingfont_6ce73d91-module__Am3w1q__variable\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",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\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0zo1plfldjwle.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3smxe-ck9gp36.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1pvpkhphcau5e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1ghd3vb1mjcot.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Le\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3wr4xc9beyzwi.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"GJHEBIyw7UcLSXjPW6zmk\"}\n"])</script>
1<script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"c:[[\"$\",\"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,"10:I[27201,[\"/_next/static/chunks/05-c3ty_6dwfk.js\",\"/_next/static/chunks/14mrh2-p_w84d.js\"],\"IconMark\"]\na:null\ne:[[\"$\",\"title\",\"0\",{\"children\":\"Hamid Reza Sepehr | Portfolio\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Creative Front-End developer mastering React, Next.js, and Tailwind CSS.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.1_n2g1zro25il.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L10\",\"3\",{}]]\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.