PageSourceSearch

https://ashna-ghazanfar.vercel.app/

html ashna-ghazanfar.vercel.app collected 2026-10-03 06:07:34 UTC 81,276 bytes, 8 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/63d9ff05d351b9b9-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=640&amp;q=80 640w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=750&amp;q=80 750w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=828&amp;q=80 828w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=1080&amp;q=80 1080w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=1200&amp;q=80 1200w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=1920&amp;q=80 1920w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=2048&amp;q=80 2048w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=3840&amp;q=80 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimg%2Fme.jpg&amp;w=256&amp;q=80 1x, /_next/image?url=%2Fassets%2Fimg%2Fme.jpg&amp;w=640&amp;q=80 2x"/><link rel="stylesheet" href="/_next/static/css/c4e56d62c864ffd8.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-7586648cfe17bd3c.js"/>
1<script src="/_next/static/chunks/4bd1b696-874bf62e73aeee51.js" async=""></script>
1<script src="/_next/static/chunks/1517-79358a3a6d9fd975.js" async=""></script>
1<script src="/_next/static/chunks/main-app-9a3720905815865a.js" async=""></script>
1<script src="/_next/static/chunks/8e1d74a4-eec165bd0c4f131e.js" async=""></script>
1<script src="/_next/static/chunks/ee560e2c-0ef843db6b2b55ff.js" async=""></script>
1<script src="/_next/static/chunks/30a37ab2-faf70208e46cb076.js" async=""></script>
1<script src="/_next/static/chunks/41ade5dc-60559bff3fe34711.js" async=""></script>
1<script src="/_next/static/chunks/6742-45668907b72a7b30.js" async=""></script>
1<script src="/_next/static/chunks/1440-59703d83b227dc5b.js" async=""></script>
1<script src="/_next/static/chunks/app/page-0eec3e44fa25bff7.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Ashna Ghazanfar</title><meta name="description" content="Frontend Developer | Next.js | TypeScript | Tailwind CSS"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="__variable_9b615c"><nav class="bg-black fixed top-0 left-0 w-full z-50"><div class="container mx-auto flex justify-between items-center py-4 px-4 sm:px-6"><a href="#home" class="flex items-center text-white font-header text-xl md:text-2xl uppercase whitespace-nowrap ml-2 md:ml-6 hover:text-yellow-400 transition-colors"><span>Ashna Ghazanfar</span></a><div class="hidden lg:flex flex-1 justify-end"><ul class="flex items-center space-x-4 xl:space-x-6"><li class="group relative"><a href="#home" class="flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg><span class="ml-2">Home</span></a><span class="absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"></span></li><li class="group relative"><a href="#about" class="flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><span class="ml-2">About</span></a><span class="absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"></span></li><li class="group relative"><a href="#services" class="flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg><span class="ml-2">Services</span></a><span class="absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"></span></li><li class="group relative"><a href="#portfolio" class="flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg><span class="ml-2">Portfolio</span></a><span class="absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"></span></li><li class="group relative"><a href="#statistics" class="flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg><span class="ml-2">Statistics</span></a><span class="absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"></span></li><li class="group relative"><a href="#contact" class="flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><span class="ml-2">Contact</span></a><span class="absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"></span></li></ul></div><button class="lg:hidden text-white p-2 focus:outline-none" aria-label="Toggle menu"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button><div class="lg:hidden fixed inset-0 bg-black/50 backdrop-blur-sm transition-opacity duration-300 opacity-0 invisible"><div class="absolute top-0 right-0 w-64 h-full bg-black/95 transform transition-transform duration-300 ease-in-out shadow-xl translate-x-full"><div class="flex flex-col h-full p-4">
1<button class="self-end text-white p-2 mb-4"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button><ul class="space-y-2"><li><a href="#home" class="flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300"><div class="flex items-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg><span class="ml-3 text-base font-medium">Home</span></div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></a></li><li><a href="#about" class="flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300"><div class="flex items-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><span class="ml-3 text-base font-medium">About</span></div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></a></li><li><a href="#services" class="flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300"><div class="flex items-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg><span class="ml-3 text-base font-medium">Services</span></div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></a></li><li><a href="#portfolio" class="flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300"><div class="flex items-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg><span class="ml-3 text-base font-medium">Portfolio</span></div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></a></li><li><a href="#statistics" class="flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300"><div class="flex items-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg><span class="ml-3 text-base font-medium">Statistics</span></div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></a></li><li><a href="#contact" class="flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300"><div class="flex items-center"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><span class="ml-3 text-base font-medium">Contact</span></div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="9 18 15 12 9 6"></polyline></svg></a></li></ul></div></div></div></div></nav><div><div id="home"><div class="relative py-8 overflow-hidden">
1<img alt="Hero Background" decoding="async" data-nimg="fill" class="object-cover linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8))" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; %3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;/assets/img/bg-hero.jpg&#x27;/%3E%3C/svg%3E&quot;)" sizes="100vw" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=640&amp;q=80 640w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=750&amp;q=80 750w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=828&amp;q=80 828w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=1080&amp;q=80 1080w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=1200&amp;q=80 1200w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=1920&amp;q=80 1920w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=2048&amp;q=80 2048w, /_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=3840&amp;q=80 3840w" src="/_next/image?url=%2Fassets%2Fimg%2Fbg-hero.jpg&amp;w=3840&amp;q=80"/><div class="absolute inset-0 bg-black/70"></div><div class="container relative z-30 pt-20 pb-12 sm:pt-56 sm:pb-48 lg:pt-64 lg:pb-48"><div class="flex flex-col items-center justify-center lg:flex-row"><div class="relative rounded-full border-8 border-transparent ring-4 ring-white ring-opacity-30 animate-spin-slow"><div class="relative rotating-ring"><div class="rounded-full overflow-hidden shadow-xl relative z-10 border-4 border-transparent"><img alt="Author" width="224" height="224" decoding="async" data-nimg="1" class="h-48 w-48 sm:h-56 sm:w-56 object-cover" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 224 224&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;/assets/img/me.jpg&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fme.jpg&amp;w=256&amp;q=80 1x, /_next/image?url=%2Fassets%2Fimg%2Fme.jpg&amp;w=640&amp;q=80 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fme.jpg&amp;w=640&amp;q=80"/></div></div></div><div class="pt-8 sm:pt-10 lg:pl-8 lg:pt-0"><h1 class="text-center font-header text-4xl text-white sm:text-left sm:text-5xl md:text-6xl typewriter">Hello, I am <span class="text-yellow-400">Ashna Ghazanfar!</span></h1><div class="flex items-center justify-center pt-5 pl-2 sm:justify-start sm:pt-4 space-x-6"><a target="_blank" rel="noopener" class="social-icon" href="https://www.instagram.com/s_ashnaali/"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8 text-white hover:text-pink-500 transition-colors" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg></a><a target="_blank" rel="noopener" class="social-icon" href="https://www.linkedin.com/in/ashna-ghazanfar-b268522b4/"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8 text-white hover:text-blue-500 transition-colors" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a target="_blank" rel="noopener" class="social-icon" href="https://github.com/Syedaashnaghazanfar"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8 text-white hover:text-gray-400 transition-colors" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg></a></div><div class="flex flex-col items-center sm:items-start mt-6"><a class="bg-yellow-400 hover:bg-yellow-500 text-black font-semibold py-3 px-6 rounded-full transition-all duration-300 transform hover:scale-105 flex items-center shadow-lg" href="/blogs"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 mr-2" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>My Blogs</a></div></div></div></div></div></div></div><div class="bg-black py-20" id="about"><div class="container mx-auto px-4 lg:px-8"><div class="flex flex-col lg:flex-row gap-12 xl:gap-24" style="opacity:0;transform:translateY(20px)"><div class="flex-1"><h2 class="text-5xl font-bold text-yellow-400 uppercase mb-6" style="opacity:0;transform:translateX(-20px)">Meet Ashna</h2><h4 class="text-2xl font-medium text-gray-300 mb-8" style="opacity:0">Frontend Developer &amp; UI Specialist</h4><p class="text-lg text-gray-400 leading-relaxed" style="opacity:0">I specialize in creating high-performance web applications with Next.js, TypeScript, and Tailwind CSS. Passionate about UI/UX, I transform Figma designs into responsive, SEO-optimized websites with smooth animations and seamless user experience.</p></div><div class="flex-1 space-y-10"><div class="space-y-2" style="opacity:0;transform:translateX(-30px)"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><span class="text-2xl text-yellow-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z"></path></svg></span><span class="text-lg font-medium text-gray-300">HTML &amp; CSS</span></div><span class="text-gray-400 font-medium">85<!-- -->%</span></div><div class="h-2.5 bg-gray-800 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div><div class="space-y-2" style="opacity:0;transform:translateX(-30px)"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><span class="text-2xl text-yellow-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.665 21.978C16.758 23.255 14.465 24 12 24 5.377 24 0 18.623 0 12S5.377 0 12 0s12 5.377 12 12c0 3.583-1.574 6.801-4.067 9.001L9.219 7.2H7.2v9.596h1.615V9.251l9.85 12.727Zm-3.332-8.533 1.6 2.061V7.2h-1.6v6.245Z"></path></svg></span><span class="text-lg font-medium text-gray-300">Next.js</span></div><span class="text-gray-400 font-medium">75<!-- -->%</span></div><div class="h-2.5 bg-gray-800 rounded-full overflow-hidden"><div class="h-full bg-gray-200 rounded-full" style="width:0px"></div></div></div><div class="space-y-2" style="opacity:0;transform:translateX(-30px)"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><span class="text-2xl text-yellow-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z"></path></svg></span><span class="text-lg font-medium text-gray-300">TypeScript</span></div><span class="text-gray-400 font-medium">70<!-- -->%</span></div><div class="h-2.5 bg-gray-800 rounded-full overflow-hidden"><div class="h-full bg-blue-600 rounded-full" style="width:0px"></div></div></div><div class="space-y-2" style="opacity:0;transform:translateX(-30px)"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><span class="text-2xl text-yellow-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
1<path d="M14 95.7924C14 42.8877 56.8878 0 109.793 0H274.161C327.066 0 369.954 42.8877 369.954 95.7924C369.954 129.292 352.758 158.776 326.711 175.897C352.758 193.019 369.954 222.502 369.954 256.002C369.954 308.907 327.066 351.795 274.161 351.795H272.081C247.279 351.795 224.678 342.369 207.666 326.904V415.167C207.666 468.777 163.657 512 110.309 512C57.5361 512 14 469.243 14 416.207C14 382.709 31.1945 353.227 57.2392 336.105C31.1945 318.983 14 289.5 14 256.002C14 222.502 31.196 193.019 57.2425 175.897C31.196 158.776 14 129.292 14 95.7924ZM176.288 191.587H109.793C74.2172 191.587 45.3778 220.427 45.3778 256.002C45.3778 291.44 73.9948 320.194 109.381 320.416C109.518 320.415 109.655 320.415 109.793 320.415H176.288V191.587ZM207.666 256.002C207.666 291.577 236.505 320.417 272.081 320.417H274.161C309.737 320.417 338.576 291.577 338.576 256.002C338.576 220.427 309.737 191.587 274.161 191.587H272.081C236.505 191.587 207.666 220.427 207.666 256.002ZM109.793 351.795C109.655 351.795 109.518 351.794 109.381 351.794C73.9948 352.015 45.3778 380.769 45.3778 416.207C45.3778 451.652 74.6025 480.622 110.309 480.622C146.591 480.622 176.288 451.186 176.288 415.167V351.795H109.793ZM109.793 31.3778C74.2172 31.3778 45.3778 60.2173 45.3778 95.7924C45.3778 131.368 74.2172 160.207 109.793 160.207H176.288V31.3778H109.793ZM207.666 160.207H274.161C309.737 160.207 338.576 131.368 338.576 95.7924C338.576 60.2173 309.737 31.3778 274.161 31.3778H207.666V160.207Z"></path></svg></span><span class="text-lg font-medium text-gray-300">Figma to Next.js</span></div><span class="text-gray-400 font-medium">91<!-- -->%</span></div><div class="h-2.5 bg-gray-800 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div><div class="space-y-2" style="opacity:0;transform:translateX(-30px)"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><span class="text-2xl text-yellow-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"></path></svg></span><span class="text-lg font-medium text-gray-300">Python</span></div><span class="text-gray-400 font-medium">30<!-- -->%</span></div><div class="h-2.5 bg-gray-800 rounded-full overflow-hidden"><div class="h-full bg-green-500 rounded-full" style="width:0px"></div></div></div><div class="space-y-2" style="opacity:0;transform:translateX(-30px)"><div class="flex items-center justify-between"><div class="flex items-center space-x-3"><span class="text-2xl text-yellow-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7.394 7.31a5.745 5.745 0 0 1-.833-.68c-.913-.91-1.38-2.067-1.38-3.568v-.575C6.699.929 9.039 0 11.828 0c5.394 0 8.515 2.8 9.285 6.74H16.22c-.54-1.554-1.89-2.764-4.352-2.764-2.422 0-4.136 1.276-4.473 3.334h-.002ZM4.683 3.062c0 3.236 2.034 5.162 6.106 6.177l4.316.983c3.854.87 6.2 3.03 6.2 6.55a6.61 6.61 0 0 1-1.436 4.239c0-3.511-1.85-5.409-6.31-6.55l-4.236-.946c-3.393-.76-6.011-2.536-6.011-6.36a6.578 6.578 0 0 1 1.37-4.093ZM17.18 16.484c-.292 2.235-2.092 3.495-4.698 3.495-2.314 0-4.048-.946-4.703-2.99H2.694C3.518 21.44 7.224 24 12.519 24c2.828 0 5.277-.87 6.85-2.439v-.55c0-1.66-.433-2.876-1.342-3.816a5.508 5.508 0 0 0-.847-.71v-.001Z"></path></svg></span><span class="text-lg font-medium text-gray-300">Sanity</span></div><span class="text-gray-400 font-medium">90<!-- -->%</span></div><div class="h-2.5 bg-gray-800 rounded-full overflow-hidden"><div class="h-full bg-red-500 rounded-full" style="width:0px"></div></div></div></div></div></div></div><div class="bg-black py-16 md:py-20" id="services"><div class="container mx-auto px-4 sm:px-8 lg:px-16"><div class="mb-16 text-center" style="opacity:0;transform:translateY(30px)"><h2 class="font-header text-4xl font-semibold uppercase text-yellow-400 sm:text-5xl lg:text-6xl neon-glow tracking-wide">Here is what I excel  at</h2><h3 class="mt-6 font-header text-xl font-medium text-gray-300 sm:text-2xl lg:text-3xl" style="opacity:0">Services I passionately offer</h3></div><div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3" style="opacity:0"><div class="group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all" style="box-shadow:inset 0 0 15px rgba(234, 179, 8, 0.1)"><div class="mx-auto mb-8 h-20 w-20"><img alt="WEB DEVELOPMENT" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="transform transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fweb-development.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fweb-development.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fweb-development.png&amp;w=256&amp;q=75"/></div><div class="text-center"><h3 class="mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl">WEB DEVELOPMENT</h3><p class="text-gray-300 transition-colors duration-300 group-hover:text-gray-100">Crafting modern and stunning websites with Next.js, TypeScript, and Figma.</p></div><div class="absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans
1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><div class="group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all" style="box-shadow:inset 0 0 15px rgba(234, 179, 8, 0.1)"><div class="mx-auto mb-8 h-20 w-20"><img alt="PROBLEM SOLVER" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="transform transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Finitiative.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Finitiative.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Finitiative.png&amp;w=256&amp;q=75"/></div><div class="text-center"><h3 class="mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl">PROBLEM SOLVER</h3><p class="text-gray-300 transition-colors duration-300 group-hover:text-gray-100">Thrives on tackling challenges and finding innovative solutions to complex coding and design issues.</p></div><div class="absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans
1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><div class="group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all" style="box-shadow:inset 0 0 15px rgba(234, 179, 8, 0.1)"><div class="mx-auto mb-8 h-20 w-20"><img alt="CREATIVE IDEAS" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="transform transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fdesign-thinking.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fdesign-thinking.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fdesign-thinking.png&amp;w=256&amp;q=75"/></div><div class="text-center"><h3 class="mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl">CREATIVE IDEAS</h3><p class="text-gray-300 transition-colors duration-300 group-hover:text-gray-100">Brings fresh, imaginative ideas to every project, blending functionality with aesthetics.</p></div><div class="absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans
1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><div class="group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all" style="box-shadow:inset 0 0 15px rgba(234, 179, 8, 0.1)"><div class="mx-auto mb-8 h-20 w-20"><img alt="MOBILE EDITOR" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="transform transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fcreative.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fcreative.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fcreative.png&amp;w=256&amp;q=75"/></div><div class="text-center"><h3 class="mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl">MOBILE EDITOR</h3><p class="text-gray-300 transition-colors duration-300 group-hover:text-gray-100">Enhancing visuals and content on the go with precision and a keen eye for detail.</p></div><div class="absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans
1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><div class="group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all" style="box-shadow:inset 0 0 15px rgba(234, 179, 8, 0.1)"><div class="mx-auto mb-8 h-20 w-20"><img alt="BIOLOGY TEACHER" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="transform transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fbiology.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fbiology.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fbiology.png&amp;w=256&amp;q=75"/></div><div class="text-center"><h3 class="mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl">BIOLOGY TEACHER</h3><p class="text-gray-300 transition-colors duration-300 group-hover:text-gray-100">Shares the wonders of biology with engaging teaching techniques.</p></div><div class="absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans
1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div><div class="group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all" style="box-shadow:inset 0 0 15px rgba(234, 179, 8, 0.1)"><div class="mx-auto mb-8 h-20 w-20"><img alt="SELF-TAUGHT BAKER" loading="lazy" width="80" height="80" decoding="async" data-nimg="1" class="transform transition-transform duration-300 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fbaker.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fbaker.png&amp;w=256&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fbaker.png&amp;w=256&amp;q=75"/></div><div class="text-center"><h3 class="mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl">SELF-TAUGHT BAKER</h3><p class="text-gray-300 transition-colors duration-300 group-hover:text-gray-100">Turning simple ingredients into delightful creations with creativity and passion.</p></div><div class="absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans
1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"></div></div></div></div></div><div class="bg-black py-16 md:py-20" id="portfolio"><div class="container mx-auto px-4 sm:px-8 lg:px-16"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h2 class="font-header text-4xl font-semibold uppercase text-yellow-400 sm:text-5xl lg:text-6xl neon-glow">My Creative Portfolio</h2><h3 class="pt-6 font-header text-xl font-medium text-gray-300 sm:text-2xl lg:text-3xl" style="opacity:0">Journey Through Digital Excellence</h3></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8" style="opacity:0"><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
2              }"><div class="relative overflow-hidden rounded-lg"><img alt="Dua&#x27;s Diary" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fdua.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fdua.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fdua.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">Dua&#x27;s Diary</h3><p class="mt-2 text-gray-300">A beautifully designed diary for daily prayers and reflections.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://duas-diary.vercel.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
3              }"><div class="relative overflow-hidden rounded-lg"><img alt="Coffee Shop" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fcoffee.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fcoffee.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fcoffee.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">Coffee Shop</h3><p class="mt-2 text-gray-300">An elegant coffee shop website featuring an intuitive UI.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://syeda-coffee-website.vercel.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
4              }"><div class="relative overflow-hidden rounded-lg"><img alt="Ecommerce Platform" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2FshopEasy.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2FshopEasy.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2FshopEasy.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-trans
4parent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"></path><line x1="3" y1="6" x2="21" y2="6"></line><path d="M16 10a4 4 0 0 1-8 0"></path></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">Ecommerce Platform</h3><p class="mt-2 text-gray-300">User-friendly e-commerce platform with modern design and Sanity.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://milestone-3-ecommerce-three.vercel.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
5              }"><div class="relative overflow-hidden rounded-lg"><img alt="ShopCo" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fshop.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fshop.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fshop.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">ShopCo</h3><p class="mt-2 text-gray-300">E-commerce platform designed for seamless shopping.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://syeda-shop-co.vercel.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
6              }"><div class="relative overflow-hidden rounded-lg"><img alt="Gemini Unit Converter" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fgemini-unit-converter.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fgemini-unit-converter.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fgemini-unit-converter.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="7.5 4.21 12 6.81 16.5 4.21"></polyline><polyline points="7.5 19.79 7.5 14.6 3 12"></polyline><polyline points="21 12 16.5 14.6 16.5 19.79"></polyline><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">Gemini Unit Converter</h3><p class="mt-2 text-gray-300">Unit Converter using Python, Gemini API &amp; Streamlit.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://ashna-unit-converter.streamlit.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
7              }"><div class="relative overflow-hidden rounded-lg"><img alt="Portfolio Website" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fportfolio.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fportfolio.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fportfolio.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-trans
7parent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">Portfolio Website</h3><p class="mt-2 text-gray-300">Fully responsive portfolio made using Next.js.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://syeda-ashna-portfolio-tailwind.vercel.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div><div class="relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20
8              }"><div class="relative overflow-hidden rounded-lg"><img alt="E-Commerce Platform" loading="lazy" width="600" height="400" decoding="async" data-nimg="1" class="w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimg%2Fbandageweb.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimg%2Fbandageweb.png&amp;w=1200&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimg%2Fbandageweb.png&amp;w=1200&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"></div></div><div class="mt-6 flex items-start space-x-4"><div class="text-yellow-400 bg-yellow-400/10 p-3 rounded-full"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="8" r="7"></circle><polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline></svg></div><div><h3 class="text-xl font-bold text-yellow-400 uppercase neon-text">E-Commerce Platform</h3><p class="mt-2 text-gray-300">Full stack project with Sanity, Tailwind, Stripe &amp; Clerk.</p></div></div><a target="_blank" class="mt-6 inline-block" href="https://bandage-app-nine.vercel.app/"><div class="px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors">Explore Project</div></a></div></div></div></div><section class="bg-black text-yellow-400 py-20 flex justify-center items-center" id="statistics"><div class="container mx-auto px-6"><div class="bg-black border-2 border-yellow-400 py-16 px-6 shadow-xl rounded-lg"><div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-10 text-center"><div class="p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" class="text-yellow-400 mx-auto mb-4" height="60" width="60" xmlns="http://www.w3.org/2000/svg"><path d="M384 320H256c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32zM192 32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v128c0 17.67 14.33 32 32 32h95.72l73.16 128.04C211.98 300.98 232.4 288 256 288h.28L192 175.51V128h224V64H192V32zM608 0H480c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32z"></path></svg><h1 class="text-5xl font-bold">15+</h1><h4 class="mt-2 text-lg font-medium">Finished Projects</h4></div><div class="p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" class="text-yellow-400 mx-auto mb-4" height="60" width="60" xmlns="http://www.w3.org/2000/svg"><path d="M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.
817-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"></path></svg><h1 class="text-5xl font-bold">2+</h1><h4 class="mt-2 text-lg font-medium">Hackathons Completed</h4></div><div class="p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="text-yellow-400 mx-auto mb-4" height="60" width="60" xmlns="http://www.w3.org/2000/svg"><path d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z"></path></svg><h1 class="text-5xl font-bold">5+</h1><h4 class="mt-2 text-lg font-medium">Satisfied Clients</h4></div><div class="p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-yellow-400 mx-auto mb-4" height="60" width="60" xmlns="http://www.w3.org/2000/svg"><path d="M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z"></path></svg><h1 class="text-5xl font-bold">30+</h1><h4 class="mt-2 text-lg font-medium">Bugs Fixed</h4></div></div></div></div></section><div class="bg-black py-16 md:py-20" id="contact"><div class="container mx-auto px-4 sm:px-8 lg:px-16"><h2 class="text-4xl sm:text-5xl lg:text-6xl font-bold uppercase text-yellow-400 neon-glow text-center">Get In Touch</h2><p class="mt-4 text-lg text-gray-300 text-center">Let us create something amazing together</p><form class="max-w-2xl mx-auto mt-12 space-y-8" action="https://formsubmit.co/[email protected]" method="POST"><input type="hidden" name="_captcha" value="false"/><input type="hidden" name="_template" value="box"/><div class="space-y-6"><div class="relative group"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="absolute left-4 top-1/2 -translate-y-1/2 text-yellow-400 w-6 h-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg><input type="text" placeholder="Your Name" class="w-full pl-14 pr-4 py-4 bg-gray-900 border-2 border-gray-700 rounded-lg text-white focus:border-yellow-400 focus:outline-none transition-all" required="" name="name" value=""/></div><div class="relative group"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="absolute left-4 top-1/2 -translate-y-1/2 text-yellow-400 w-6 h-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><input type="email" placeholder="Your Email" class="w-full pl-14 pr-4 py-4 bg-gray-900 border-2 border-gray-700 rounded-lg text-white focus:border-yellow-400 focus:outline-none transition-all" required="" name="email" value=""/></div><div class="relative group"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="absolute left-4 top-6 text-yellow-400 w-6 h-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><textarea name="message" placeholder="Your Message" rows="5" class="w-full pl-14 pr-4 py-4 bg-gray-900 border-2 border-gray-700 rounded-lg text-white focus:border-yellow-400 focus:outline-none transition-all resize-none" required=""></textarea></div><button type="submit" class="w-full py-4 bg-yellow-400 text-black font-bold rounded-lg hover:bg-yellow-300 transition-colors">Send Message</button></div></form><div class="flex justify-center gap-8 mt-16"><a target="_blank" rel="noopener noreferrer" class="p-4 rounded-full text-yellow-400 hover:bg-yellow-400/10 transition-all" href="https://www.linkedin.com/in/ashna-ghazanfar-b268522b4/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></a><a target="_blank" rel="noopener noreferrer" class="p-4 rounded-full text-yellow-400 hover:bg-yellow-400/10 transition-all" href="https://www.instagram.com/s_as
8hnaali/"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a><a target="_blank" rel="noopener noreferrer" class="p-4 rounded-full text-yellow-400 hover:bg-yellow-400/10 transition-all" href="https://github.com/syedaashnaghazanfar"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="w-8 h-8" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></div></div></div><footer class="bg-black text-white py-10"><div class="container mx-auto px-6"><div class="flex flex-wrap justify-between items-center border-b-4 border-yellow-400 pb-4"><h2 class="text-2xl font-bold text-center w-full sm:w-auto mb-4 sm:mb-0">Ashna Ghazanfar</h2><h2 class="text-md font-bold text-center w-full sm:w-auto mb-4 sm:mb-0">Let us create together!</h2></div><div class="mt-6 text-center"><h3 class="text-lg font-semibold text-gray-300">About Me</h3><p class="mt-2 text-gray-400 text-sm font-bold">Web Developer | UI/UX Enthusiast | Pre-Med Student</p></div></div></footer>
8<script src="/_next/static/chunks/webpack-7586648cfe17bd3c.js" async=""></script>
8<script>(self.__next_f=self.__next_f||[]).push([0])</script>
8<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[15244,[],\"\"]\n3:I[43866,[],\"\"]\n4:I[48554,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"default\"]\n5:I[87970,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"Image\"]\n6:I[48173,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"\"]\n7:I[38579,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"default\"]\n8:I[66496,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"default\"]\n9:I[20846,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js"])</script>
8<script>self.__next_f.push([1,"\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"default\"]\nb:I[5460,[\"6711\",\"static/chunks/8e1d74a4-eec165bd0c4f131e.js\",\"844\",\"static/chunks/ee560e2c-0ef843db6b2b55ff.js\",\"2362\",\"static/chunks/30a37ab2-faf70208e46cb076.js\",\"8320\",\"static/chunks/41ade5dc-60559bff3fe34711.js\",\"6742\",\"static/chunks/6742-45668907b72a7b30.js\",\"1440\",\"static/chunks/1440-59703d83b227dc5b.js\",\"8974\",\"static/chunks/app/page-0eec3e44fa25bff7.js\"],\"default\"]\nc:I[86213,[],\"OutletBoundary\"]\ne:I[86213,[],\"MetadataBoundary\"]\n10:I[86213,[],\"ViewportBoundary\"]\n12:I[34835,[],\"\"]\n:HL[\"/_next/static/media/63d9ff05d351b9b9-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/c4e56d62c864ffd8.css\",\"style\"]\na:T5a2,M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20."])</script>
8<script>self.__next_f.push([1,"41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"])</script>
8<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"PMh17aHf2wRHKhUQVLkEj\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c4e56d62c864ffd8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_9b615c\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"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\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L4\",null,{}],[\"$\",\"div\",null,{\"children\":[\"$\",\"div\",null,{\"id\":\"home\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative py-8 overflow-hidden\",\"children\":[[\"$\",\"$L5\",null,{\"src\":\"/assets/img/bg-hero.jpg\",\"alt\":\"Hero Background\",\"fill\":true,\"className\":\"object-cover linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8))\",\"priority\":true,\"quality\":80,\"placeholder\":\"blur\",\"blurDataURL\":\"/assets/img/bg-hero.jpg\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black/70\"}],[\"$\",\"div\",null,{\"className\":\"container relative z-30 pt-20 pb-12 sm:pt-56 sm:pb-48 lg:pt-64 lg:pb-48\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-center lg:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative rounded-full border-8 border-transparent ring-4 ring-white ring-opacity-30 animate-spin-slow\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative rotating-ring\",\"children\":[\"$\",\"div\",null,{\"className\":\"rounded-full overflow-hidden shadow-xl relative z-10 border-4 border-transparent\",\"children\":[\"$\",\"$L5\",null,{\"src\":\"/assets/img/me.jpg\",\"alt\":\"Author\",\"width\":224,\"height\":224,\"className\":\"h-48 w-48 sm:h-56 sm:w-56 object-cover\",\"priority\":true,\"quality\":80,\"placeholder\":\"blur\",\"blurDataURL\":\"/assets/img/me.jpg\"}]}]}]}],[\"$\",\"div\",null,{\"className\":\"pt-8 sm:pt-10 lg:pl-8 lg:pt-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-center font-header text-4xl text-white sm:text-left sm:text-5xl md:text-6xl typewriter\",\"children\":[\"Hello, I am \",[\"$\",\"span\",null,{\"className\":\"text-yellow-400\",\"children\":\"Ashna Ghazanfar!\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center pt-5 pl-2 sm:justify-start sm:pt-4 space-x-6\",\"children\":[[\"$\",\"$L6\",null,{\"href\":\"https://www.instagram.com/s_as
8hnaali/\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"social-icon\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"w-8 h-8 text-white hover:text-pink-500 transition-colors\",\"children\":[\"$undefined\",[[\"$\",\"rect\",\"0\",{\"x\":\"2\",\"y\":\"2\",\"width\":\"20\",\"height\":\"20\",\"rx\":\"5\",\"ry\":\"5\",\"children\":[]}],[\"$\",\"path\",\"1\",{\"d\":\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\",\"children\":[]}],[\"$\",\"line\",\"2\",{\"x1\":\"17.5\",\"y1\":\"6.5\",\"x2\":\"17.51\",\"y2\":\"6.5\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}],[\"$\",\"$L6\",null,{\"href\":\"https://www.linkedin.com/in/ashna-ghazanfar-b268522b4/\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"social-icon\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"w-8 h-8 text-white hover:text-blue-500 transition-colors\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\",\"children\":[]}],[\"$\",\"rect\",\"1\",{\"x\":\"2\",\"y\":\"9\",\"width\":\"4\",\"height\":\"12\",\"children\":[]}],[\"$\",\"circle\",\"2\",{\"cx\":\"4\",\"cy\":\"4\",\"r\":\"2\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}],[\"$\",\"$L6\",null,{\"href\":\"https://github.com/Syedaashnaghazanfar\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"social-icon\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"w-8 h-8 text-white hover:text-gray-400 transition-colors\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center sm:items-start mt-6\",\"children\":[\"$\",\"$L6\",null,{\"href\":\"/blogs\",\"className\":\"bg-yellow-400 hover:bg-yellow-500 text-black font-semibold py-3 px-6 rounded-full transition-all duration-300 transform hover:scale-105 flex items-center shadow-lg\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"none\",\"strokeWidth\":\"2\",\"viewBox\":\"0 0 24 24\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"w-5 h-5 mr-2\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\",\"children\":[]}],[\"$\",\"path\",\"1\",{\"d\":\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}],\"My Blogs\"]}]}]]}]]}]}]]}]}]}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"section\",null,{\"className\":\"bg-black text-yellow-400 py-20 flex justify-center items-center\",\"id\":\"statistics\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"bg-black border-2 border-yellow-400 py-16 px-6 shadow-xl rounded-lg\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-10 text-center\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 640 512\",\"className\":\"text-yellow-400 mx-auto mb-4\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M384 320H256c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32zM192 32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v128c0 17.67 14.33 32 32 32h95.72l73.16 128.04C211.98 300.98 232.4 288 256 288h.28L192 175.51V128h224V64H192V32zM608 0H480c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h128c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"}
8,\"height\":60,\"width\":60,\"xmlns\":\"http://www.w3.org/2000/svg\"}],[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold\",\"children\":\"15+\"}],[\"$\",\"h4\",null,{\"className\":\"mt-2 text-lg font-medium\",\"children\":\"Finished Projects\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 384 512\",\"className\":\"text-yellow-400 mx-auto mb-4\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$a\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":60,\"width\":60,\"xmlns\":\"http://www.w3.org/2000/svg\"}],[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold\",\"children\":\"2+\"}],[\"$\",\"h4\",null,{\"className\":\"mt-2 text-lg font-medium\",\"children\":\"Hackathons Completed\"}]]}],[\"$\",\"div\",\"2\",{\"className\":\"p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"text-yellow-400 mx-auto mb-4\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":60,\"width\":60,\"xmlns\":\"http://www.w3.org/2000/svg\"}],[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold\",\"children\":\"5+\"}],[\"$\",\"h4\",null,{\"className\":\"mt-2 text-lg font-medium\",\"children\":\"Satisfied Clients\"}]]}],[\"$\",\"div\",\"3\",{\"className\":\"p-8 border-2 border-yellow-400 rounded-lg shadow-lg transition-transform transform hover:scale-110\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 512 512\",\"className\":\"text-yellow-400 mx-auto mb-4\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M511.988 288.9c-.478 17.43-15.217 31.1-32.653 31.1H424v16c0 21.864-4.882 42.584-13.6 61.145l60.228 60.228c12.496 12.497 12.496 32.758 0 45.255-12.498 12.497-32.759 12.496-45.256 0l-54.736-54.736C345.886 467.965 314.351 480 280 480V236c0-6.627-5.373-12-12-12h-24c-6.627 0-12 5.373-12 12v244c-34.351 0-65.886-12.035-90.636-32.108l-54.736 54.736c-12.498 12.497-32.759 12.496-45.256 0-12.496-12.497-12.496-32.758 0-45.255l60.228-60.228C92.882 378.584 88 357.864 88 336v-16H32.666C15.23 320 .491 306.33.013 288.9-.484 270.816 14.028 256 32 256h56v-58.745l-46.628-46.628c-12.496-12.497-12.496-32.758 0-45.255 12.498-12.497 32.758-12.497 45.256 0L141.255 160h229.489l54.627-54.627c12.498-12.497 32.758-12.497 45.256 0 12.496 12.497 12.496 32.758 0 45.255L424 197.255V256h56c17.972 0 32.484 14.816 31.988 32.9zM257 0c-61.856 0-112 50.144-112 112h224C369 50.144 318.856 0 257 0z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":60,\"width\":60,\"xmlns\":\"http://www.w3.org/2000/svg\"}],[\"$\",\"h1\",null,{\"className\":\"text-5xl font-bold\",\"children\":\"30+\"}],[\"$\",\"h4\",null,{\"className\":\"mt-2 text-lg font-medium\",\"children\":\"Bugs Fixed\"}]]}]]}]}]}]}],[\"$\",\"$Lb\",null,{}],[\"$\",\"footer\",null,{\"className\":\"bg-black text-white py-10\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap justify-between items-center border-b-4 border-yellow-400 pb-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-bold text-center w-full sm:w-auto mb-4 sm:mb-0\",\"children\":\"Ashna Ghazanfar\"}],[\"$\",\"h2\",null,{\"className\":\"text-md font-bold text-center w-full sm:w-auto mb-4 sm:mb-0\",\"children\":\"Let us create together!\"}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 text-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-lg font-semibold text-gray-300\",\"children\":\"About Me\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-gray-400 text-sm font-bold\",\"children\":\"Web Developer | UI/UX Enthusiast | Pre-Med Student\"}]]}]]}]}]],null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}]]}],{}
8,null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"ts8D5S-Vtic5xzGo4Eyi5\",{\"children\":[[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$12\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script>
8<script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nf:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Ashna Ghazanfar\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Frontend Developer | Next.js | TypeScript | Tailwind CSS\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]]\n"])</script>
8<script>self.__next_f.push([1,"d:null\n"])</script>
8</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.