PageSourceSearch

https://umer-sheraz.vercel.app/

html umer-sheraz.vercel.app collected 2026-10-09 22:06:23 UTC 226,235 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en" class="dark __variable_eb41fe __variable_2ca027"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover"/><link rel="preload" href="/_next/static/media/af4bf8399d1aacdf-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/de42cfb9a3b980ae-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fprofile.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fprofile.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fprofile.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fprofile.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fprofile.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fprofile.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fprofile.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fprofile.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fprofile.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fprofile.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fprofile.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fprofile.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fprofile.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fprofile.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fprofile.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fprofile.png&amp;w=3840&amp;q=75 3840w" imageSizes="(max-width: 1024px) 280px, 300px" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/4ad7aeb73750a7e1.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-17c6efd50ee8f1fc.js"/>
1<script src="/_next/static/chunks/fd9d1056-42a1c2df9c4a85a8.js" async=""></script>
1<script src="/_next/static/chunks/117-59e030f1b0f89043.js" async=""></script>
1<script src="/_next/static/chunks/main-app-2dcde4753ea0d175.js" async=""></script>
1<script src="/_next/static/chunks/869-05572569f33d93be.js" async=""></script>
1<script src="/_next/static/chunks/526-1faa2a037e1cced5.js" async=""></script>
1<script src="/_next/static/chunks/app/page-dd969ebf43b9c693.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-1ee26113d73782b8.js" async=""></script>
1<meta name="theme-color" media="(prefers-color-scheme: light)" content="#fffdf9"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="#070b12"/><title>Umer Sheraz — Senior Software Engineer | Full Stack Developer | Full-Stack Portfolio</title><meta name="description" content="Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects."/><meta name="application-name" content="Umer Sheraz"/><link rel="author" href="https://umer-sheraz-portfolio.vercel.app/"/><meta name="author" content="Umer Sheraz"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="use-credentials"/><meta name="keywords" content="Umer Sheraz,Muhammad Umer Sheraz,technical leader,technical lead,CTO,software architect,full stack developer,full stack engineer,mobile developer,Flutter,React Native,Android developer,iOS developer,Next.js,React,Laravel,Node.js,NestJS,Python,AWS,Kubernetes,Docker,DevOps,AI,AI agents,Cursor,Claude,n8n,vibe engineering,Flutter,TypeScript,portfolio,software engineering,Gulf,UAE,remote developer"/><meta name="referrer" content="strict-origin-when-cross-origin"/><meta name="creator" content="Umer Sheraz"/><meta name="publisher" content="Umer Sheraz"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="category" content="technology"/><link rel="canonical" href="https://umer-sheraz-portfolio.vercel.app"/><meta name="format-detection" content="telephone=no"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Umer Sheraz — Portfolio"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta property="og:title" content="Umer Sheraz — Senior Software Engineer | Full Stack Developer"/><meta property="og:description" content="Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects."/><meta property="og:url" content="https://umer-sheraz-portfolio.vercel.app"/><meta property="og:image:alt" content="Umer Sheraz — Senior Software Engineer | Full Stack Developer"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://umer-sheraz-portfolio.vercel.app/opengraph-image?d7aa05fbb09be815"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="profile"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Umer Sheraz — Senior Software Engineer | Full Stack Developer"/><meta name="twitter:description" content="Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects."/><meta name="twitter:image:alt" content="Umer Sheraz — Senior Software Engineer | Full Stack Developer"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://umer-sheraz-portfolio.vercel.app/twitter-image?ba2b49442c0e1d35"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/icon-192.png" sizes="192x192" type="image/png"/><link rel="icon" href="/icon-512.png" sizes="512x512" type="image/png"/><link rel="apple-touch-icon" href="/icon-192.png" sizes="192x192" type="image/png"/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="min-h-dvh min-w-0 touch-manipulation font-sans text-[15px] leading-relaxed antialiased md:text-base">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://umer-sheraz-portfolio.vercel.app#person","name":"Umer Sheraz","alternateName":"Muhammad Umer Sheraz","jobTitle":"Senior Software Engineer | Full Stack Developer","description":"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.","url":"https://umer-sheraz-portfolio.vercel.app","image":"https://umer-sheraz-portfolio.vercel.app/profile.png","email":"mailto:[email protected]","telephone":"+92 307 6450994","sameAs":["https://github.com/muhammadumersheraz1","https://www.linkedin.com/in/muhammad-umer-sheraz"],"knowsAbout":["Leadership & delivery","Team & project management","Mobile","Backend & APIs","Frontend","Cloud & AWS","DevOps & platforms","AI & automation","Umer Sheraz","Muhammad Umer Sheraz","technical leader","technical lead","CTO","software architect","full stack developer","full stack engineer","mobile developer","Flutter","React Native","Android developer"],"worksFor":[{"@type":"Organization","name":"Zeliee","url":"https://zeliee.com/en/"},{"@type":"Organization","name":"Aion Digital"},{"@type":"Organization","name":"Linez Technology"}]},{"@type":"WebSite","@id":"https://umer-sheraz-portfolio.vercel.app#website","name":"Umer Sheraz — Portfolio","description":"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.","url":"https://umer-sheraz-portfolio.vercel.app","inLanguage":"en","publisher":{"@id":"https://umer-sheraz-portfolio.vercel.app#person"},"author":{"@id":"https://umer-sheraz-portfolio.vercel.app#person"}},{"@type":"ProfilePage","@id":"https://umer-sheraz-portfolio.vercel.app#webpage","url":"https://umer-sheraz-portfolio.vercel.app","name":"Umer Sheraz — Senior Software Engineer | Full Stack Developer","description":"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.","isPartOf":{"@id":"https://umer-sheraz-portfolio.vercel.app#website"},"mainEntity":{"@id":"https://umer-sheraz-portfolio.vercel.app#person"},"inLanguage":"en"},{"@type":"ItemList","@id":"https://umer-sheraz-portfolio.vercel.app#projects","name":"Featured projects","numberOfItems":7,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"CreativeWork","name":"BIG lottery project in the Gulf","description":"Full-stack lottery platform for the Gulf — tickets, wallets, draws, and compliance-aware journeys. Co-founder & CTO; I lead engineering and delivery end to end.","url":"https://umer-sheraz-portfolio.vercel.app/work/big-lottery-gulf"}},{"@type":"ListItem","position":2,"item":{"@type":"CreativeWork","name":"UmerPay","description":"Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run.","url":"https://umer-sheraz-portfolio.vercel.app/work/umerpay"}},{"@type":"ListItem","position":3,"item":{"@type":"CreativeWork","name":"Ghazi Restaurant","description":"Online food ordering & restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership).","url":"https://umer-sheraz-portfolio.vercel.app/work/ghazi-restaurant"}},{"@type":"ListItem","position":4,"item":{"@type":"CreativeWork","name":"Cuddloo - AI Match Making App","description":"AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery.","url":"https://umer-sheraz-portfolio.vercel.app/work/cuddloo"}},{"@type":"ListItem","position":5,"item":{"@type":"CreativeWork","name":"SMS Pin Verify","description":"Secure Android app with 5,000+ users — virtual number rentals, OTP delivery via push notifications, global countries, and multi-currency payments (Google Pay, Binance, Bitcoin).","url":"https://umer-sheraz-portfolio.vercel.app/work/sms-pin-verify"}},{"@type":"ListItem","position":6,"item":{"@type":"CreativeWork","name":"FAX from iPhone · Send Document","description":"SpeedyFax — digital faxing on iOS and Android with React Native, Node.js backend, Vue admin, iFax API, and DigitalOcean. I led delivery end to end as project lead.","url":"https://umer-sheraz-portfolio.vercel.app/work/fax-from-iphone"}},{"@type":"ListItem","position":7,"item":{"@type":"CreativeWork","name":"Tash Wash","description":"Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager & Technical Lead.","url":"https://umer-sheraz-portfolio.vercel.app/work/tash-wash"}}]}]}</script>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"children":"(function(){try{var t=localStorage.getItem('portfolio-theme');if(t==='light'){document.documentElement.classList.remove('dark');}else{document.documentElement.classList.add('dark');}}catch(e){document.documentElement.classList.add('dark');}})();","id":"portfolio-theme"}])</script>
1<header class="fixed left-0 right-0 top-0 z-50 pt-[env(safe-area-inset-top)]"><div class="mx-auto max-w-6xl px-4 pt-3 sm:px-5 sm:pt-4 md:px-8 md:pt-6"><div class="flex items-center justify-between gap-2 rounded-2xl border border-line bg-cream/75 px-3 py-2.5 shadow-soft backdrop-blur-xl dark:border-white/10 dark:bg-midnight-soft/75 dark:shadow-soft-dark sm:gap-3 sm:px-4 sm:py-3 md:px-6 md:py-3.5"><a class="font-display min-w-0 max-w-[55%] flex-1 truncate text-[0.9rem] font-semibold leading-tight tracking-tight text-midnight transition hover:text-sea dark:text-cream dark:hover:text-accent sm:max-w-none sm:flex-none sm:text-[0.95rem] md:text-[1.05rem]" href="/">Umer Sheraz<span class="text-accent-dark dark:text-accent">.</span></a><nav class="hidden flex-wrap items-center justify-end gap-x-1 lg:flex lg:gap-x-2" aria-label="Primary"><a class="rounded-full px-3 py-2 text-[13px] font-medium text-midnight-muted transition hover:bg-pearl hover:text-midnight dark:text-cream/70 dark:hover:bg-white/10 dark:hover:text-cream md:px-4 md:text-sm" href="#skills">Skills</a><a class="rounded-full px-3 py-2 text-[13px] font-medium text-midnight-muted transition hover:bg-pearl hover:text-midnight dark:text-cream/70 dark:hover:bg-white/10 dark:hover:text-cream md:px-4 md:text-sm" href="#experience">Experience</a><a class="rounded-full px-3 py-2 text-[13px] font-medium text-midnight-muted transition hover:bg-pearl hover:text-midnight dark:text-cream/70 dark:hover:bg-white/10 dark:hover:text-cream md:px-4 md:text-sm" href="#projects">Projects</a><a class="rounded-full px-3 py-2 text-[13px] font-medium text-midnight-muted transition hover:bg-pearl hover:text-midnight dark:text-cream/70 dark:hover:bg-white/10 dark:hover:text-cream md:px-4 md:text-sm" href="#contact">Contact</a><button type="button" aria-label="Switch to light theme" title="Switch to light theme" class="inline-flex h-11 w-11 min-h-[44px] min-w-[44px] items-center justify-center rounded-full border border-[rgba(12,18,34,0.1)] bg-cream/90 text-midnight shadow-sm transition hover:border-accent/40 hover:text-sea dark:border-white/10 dark:bg-white/5 dark:text-cream dark:hover:border-accent/50 dark:hover:text-accent md:h-10 md:w-10 md:min-
1h-0 md:min-w-0"><svg class="h-[18px] w-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" stroke-linecap="round"></path></svg></button><a class="ml-1 inline-flex min-h-10 items-center rounded-full bg-midnight px-4 py-2 text-[13px] font-semibold text-cream shadow-sm transition hover:bg-sea dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight md:text-sm" target="_blank" rel="noopener noreferrer" href="https://github.com/muhammadumersheraz1">GitHub</a></nav><div class="flex items-center gap-1 lg:hidden"><button type="button" aria-label="Switch to light theme" title="Switch to light theme" class="inline-flex h-11 w-11 min-h-[44px] min-w-[44px] items-center justify-center rounded-full border border-[rgba(12,18,34,0.1)] bg-cream/90 text-midnight shadow-sm transition hover:border-accent/40 hover:text-sea dark:border-white/10 dark:bg-white/5 dark:text-cream dark:hover:border-accent/50 dark:hover:text-accent md:h-10 md:w-10 md:min-
1h-0 md:min-w-0"><svg class="h-[18px] w-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" stroke-linecap="round"></path></svg></button><a class="inline-flex min-h-11 min-w-11 items-center justify-center rounded-full bg-midnight text-[11px] font-bold text-cream dark:bg-cream dark:text-midnight" target="_blank" rel="noopener noreferrer" aria-label="GitHub" href="https://github.com/muhammadumersheraz1">GH</a><button type="button" class="inline-flex min-h-11 min-w-11 items-center justify-center rounded-full border border-line text-midnight transition hover:bg-pearl dark:border-white/15 dark:text-cream dark:hover:bg-white/10" aria-expanded="false" aria-controls="mobile-nav-panel" aria-label="Open menu"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round"></path></svg></button></div></div></div></header><main class="min-h-dvh min-w-0 overflow-x-hidden"><section class="relative overflow-hidden px-4 pb-16 pt-[calc(5.5rem+env(safe-area-inset-top))] sm:px-5 sm:pb-20 sm:pt-28 md:px-8 md:pb-24 md:pt-32"><div class="pointer-events-none absolute inset-0 bg-mesh-hero opacity-90 dark:hidden" aria-hidden="true"></div><div class="pointer-events-none absolute inset-0 hidden bg-mesh-hero-dark opacity-100 dark:block" aria-hidden="true"></div><div class="pointer-events-none absolute -right-24 top-16 h-[380px] w-[380px] rounded-full bg-accent-glow blur-[100px] animate-drift dark:opacity-70" aria-hidden="true"></div><div class="pointer-events-none absolute -left-28 bottom-0 h-72 w-72 rounded-full bg-sea-mist blur-3xl dark:bg-sea/15" aria-hidden="true"></div><div class="relative mx-auto max-w-6xl"><div class="grid gap-10 lg:grid-cols-[minmax(0,1fr)_300px] lg:items-center lg:gap-14"><div class="min-w-0"><p class="animate-fade-up font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark opacity-0 dark:text-accent">Umer Sheraz<!-- --> · 9 years experience</p><h1 class="animate-fade-up mt-4 font-display text-[2.1rem] font-semibold leading-[1.05] tracking-tight text-midnight opacity-0 [animation-delay:0.05s] dark:text-cream sm:text-[2.75rem] md:text-[3.5rem]"><span class="block text-balance">Full Stack Developer</span></h1><p class="animate-fade-up mt-3 font-display text-lg font-medium italic leading-snug text-sea opacity-0 [animation-delay:0.1s] dark:text-accent sm:text-xl md:text-2xl">Turning ideas into scalable digital products</p><p class="animate-fade-up mt-5 max-w-xl text-[1.02rem] leading-relaxed text-midnight-muted opacity-0 [animation-delay:0.16s] dark:text-cream/75 md:text-lg">9 years of experience — building scalable web, mobile &amp; backend solutions.</p><div class="animate-fade-up mt-7 flex flex-wrap gap-2 opacity-0 [animation-delay:0.22s]"><span class="inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90">Mobile</span><span class="inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90">Web</span><span class="inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90">Backend</span><span class="inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90">Cloud</span><span class="inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90">AI</span><span class="inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90">DevOps</span></div><div class="animate-fade-up mt-8 flex w-full flex-col gap-3 opacity-0 [animation-delay:0.28s] min-[400px]:flex-row min-[400px]:flex-wrap"><a class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-8 py-3 text-sm font-semibold text-cream shadow-card transition hover:bg-sea hover:shadow-lift active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent min-[400px]:w-auto" href="#projects">Recent projects</a><a class="inline-flex min-h-11 w-full items-center justify-center rounded-full border border-line bg-cream/80 px-8 py-3 text-sm font-semibold text-midnight transition hover:border-accent/40 dark:border-white/15 dark:bg-white/5 dark:text-cream dark:hover:border-accent/40 min-[400px]:w-auto" href="#contact">Get in touch</a></div></div><div class="animate-fade-up relative mx-auto w-full max-w-[260px] opacity-0 [animation-delay:0.14s] sm:max-w-[280px] lg:mx-0 lg:max-w-none"><div class="absolute -inset-3 rounded-[2rem] bg-gradient-to-br from-accent/25 via-sea/15 to-transparent opacity-80 blur-xl dark:from-accent/20 dark:via-sea/25" aria-hidden="true"></div><div class="relative overflow-hidden rounded-[1.5rem] border border-line bg-midnight-soft shadow-lift dark:border-white/10 dark:shadow-lift-dark"><div class="relative aspect-[4/5] w-full"><img alt="Umer Sheraz, technical leader" fetchPriority="high" decoding="async" data-nimg="fill" class="object-cover object-[50%_18%]" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 1024px) 280px, 300px" srcSet="/_next/image?url=%2Fprofile.png&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fprofile.png&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fprofile.png&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fprofile.png&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fprofile.png&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fprofile.png&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fprofile.png&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fprofile.png&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fprofile.png&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fprofile.png&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fprofile.png&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fprofile.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fprofile.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fprofile.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fprofile.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fprofile.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fprofile.png&amp;w=3840&amp;q=75"/><div class="pointer-events-none absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-midnight via-midnight/55 to-transparent" aria-hidden="true"></div></div><div class="absolute inset-x-0 bottom-0 p-4"><p class="font-display text-base font-semibold leading-tight tracking-tight text-cream">Muhammad Umer Sheraz</p><p class="mt-1.5 text-[11px] font-medium leading-snug text-accent">
1Senior Software Engineer | Full Stack Developer</p></div></div></div></div><div class="animate-fade-up mt-14 rounded-2xl border border-line bg-cream/60 p-4 opacity-0 [animation-delay:0.32s] dark:border-white/10 dark:bg-midnight-soft/50 sm:p-5"><p class="text-[10px] font-semibold uppercase tracking-[0.22em] text-midnight-muted dark:text-cream/50">How I deliver</p><ol class="mt-3 flex flex-wrap items-center gap-x-3 gap-y-2"><li class="flex items-center gap-3"><span class="text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]">Frontend</span></li><li class="flex items-center gap-3"><span class="text-accent/60" aria-hidden="true">→</span><span class="text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]">Backend</span></li><li class="flex items-center gap-3"><span class="text-accent/60" aria-hidden="true">→</span><span class="text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]">Database</span></li><li class="flex items-center gap-3"><span class="text-accent/60" aria-hidden="true">→</span><span class="text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]">Cloud</span></li><li class="flex items-center gap-3"><span class="text-accent/60" aria-hidden="true">→</span><span class="text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]">Deploy</span></li></ol></div><div class="mt-8"><p class="animate-fade-up text-[10px] font-semibold uppercase tracking-[0.22em] text-midnight-muted opacity-0 [animation-delay:0.34s] dark:text-cream/50">Core stack</p><div class="animate-fade-up mt-4 grid grid-cols-2 gap-3 opacity-0 [animation-delay:0.36s] sm:grid-cols-3 lg:grid-cols-4"><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Android Development</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">Kotlin, Java, Jetpack Compose</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Frontend</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">React, Next.js, Vue.js</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Backend</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">Node.js, Express.js, Python, Django</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Databases</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">MySQL, PostgreSQL, Redis</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Cloud &amp; DevOps</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">AWS, Docker, Kubernetes, Nginx</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">APIs &amp; Services</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">REST APIs, WebSockets, Firebase</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Architecture</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">Clean Architecture, MVVM, Modular</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">PWA &amp; Modern Web</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">PWA, Performance, SEO, Best Practices</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">AI &amp; Automation</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">AI agents, Cursor, Claude, n8n</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Cross-Platform</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">Flutter, React Native, TypeScript</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">Security &amp; Auth</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">OAuth2, JWT, Biometrics, SSL pinning</p></div><div class="flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30"><p class="text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent">System Design</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65">Microservices, scalability, HA</p></div></div></div><div class="animate-fade-up mt-10 opacity-0 [animation-delay:0.4s]"><p class="text-[10px] font-semibold uppercase tracking-[0.22em] text-midnight-muted dark:text-cream/50">Working principles</p><div class="mt-4 grid grid-cols-2 gap-0 border-y border-line dark:border-white/10 sm:mt-5 lg:grid-cols-5"><div class="group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0"><span class="font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70">01</span>
1<p class="mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream">Clean Code</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60">Readable, testable, and built to last</p></div><div class="group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0"><span class="font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70">02</span><p class="mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream">Problem Solving</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60">Clarity first — then a working product</p></div><div class="group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0"><span class="font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70">03</span><p class="mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream">Performance</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60">Fast paths, lean payloads, measured results</p></div><div class="group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0"><span class="font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70">04</span><p class="mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream">Security</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60">Auth, data protection, and production hardening</p></div><div class="group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0"><span class="font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70">05</span><p class="mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream">End-to-End Delivery</p><p class="mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60">From discovery through deploy and ops</p></div></div></div></div></section><section id="skills" class="scroll-mt-24 border-t border-line bg-cream-deep/80 px-4 py-20 dark:border-white/10 dark:bg-midnight-soft/35 sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-32"><div class="mx-auto max-w-6xl"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent">Expertise</p><h2 class="mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display">Skills &amp; domains</h2><p class="mt-5 max-w-2xl text-midnight-muted dark:text-cream/70 md:text-lg">Where I focus depends on the team and the risk — here is a honest map of the territories I cover.</p><div class="mt-16 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">01</span>
1<h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">Leadership &amp; delivery</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Set technical direction and keep the roadmap realistic</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Work closely with product, design, and QA so everyone stays aligned</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Help hire, mentor engineers, and agree on how we build software</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Build a team culture where people own their work and can speak up</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Ship on time without sacrificing quality, security, or cleanup of old code</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Explain trade-offs, dates, and risks clearly to leaders and stakeholders</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>When things break: respond calmly, learn from it, and fix the root cause</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Work with vendors and other teams when systems need to connect</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">02</span><h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">Team &amp; project management</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Plan work from idea to release: lists, sprints, milestones, go-live</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Track scope, risks, blockers, and who needs what from whom</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>See who is busy, what matters most, and spread work fairly</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Share honest status: what is done, what is stuck, and what we decided</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Use tools like Jira or Confluence when they help — not for show</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">03</span>
1<h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">Mobile</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Android apps with Kotlin — UI, builds, and publishing to the Play Store</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>iPhone and iPad apps with Swift — building, testing, App Store releases</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Flutter: one codebase for Android and iOS when that is the right fit</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>React Native: shared UI with native pieces when needed</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Structure apps so they are easy to test, change, and grow</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Push alerts, links that open the app, and data that stays safe on the device</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Automated builds, app signing, and beta testing before users get the app</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">04</span><h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">Backend &amp; APIs</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>PHP with Laravel, CodeIgniter, and common PHP patterns</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Node.js and NestJS for services and APIs that other apps call</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Python with Django, FastAPI, or Flask</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Design APIs, logins, and connections between systems in a clear way</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">05</span><h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">Frontend</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>React and Next.js for modern websites and web apps</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Vue.js for interactive user interfaces</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>TypeScript to keep larger frontends maintainable</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Fast pages, usable for everyone, and layouts that work on phone and desktop</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">06</span>
1<h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">Cloud &amp; AWS</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Route 53: domain names, traffic routing, and health checks</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>S3: file storage, backups, permissions, and lifecycle rules</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Elastic Beanstalk: deploy and update apps without hand-managing servers</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Virtual servers (EC2), containers (ECS/EKS), and how they talk on the network</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Databases (RDS), CDN (CloudFront), and who can do what (IAM)</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Private networks (VPC), load balancers, APIs, and small serverless functions when useful</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Secrets, config, logs, and alarms so you can see issues early</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">07</span><h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">DevOps &amp; platforms</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Docker: package apps so they run the same everywhere</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Kubernetes: run many containers reliably in production</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>CI/CD: automate test, build, and deploy (e.g. GitHub Actions, GitLab)</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Linux servers: setup, updates, and basic hardening</span></li></ul></article><article class="group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7"><div class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100" aria-hidden="true"></div><span class="font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50">08</span><h3 class="mt-3 font-display text-xl font-semibold text-midnight dark:text-cream">AI &amp; automation</h3><ul class="mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>
1AI agents — agent-style workflows for coding, research, ops, and product tasks</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Vibe engineering — pairing with Cursor &amp; Claude to ship faster with clear specs and reviews</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Cursor — AI-assisted development for coding, refactors, debugging, and PRs in the IDE</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Claude — architecture, specs, technical writing, and complex problem-solving</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>AI automation with n8n (and similar) — connect APIs, triggers, and services into pipelines</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Practical AI workflows: prompts, RAG-style knowledge use, and glue between product and ops tools</span></li></ul></article></div></div></section><section id="experience" class="scroll-mt-24 border-t border-line px-4 py-20 dark:border-white/10 sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-32"><div class="mx-auto max-w-6xl"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent">Career</p><h2 class="mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display">Work experience</h2><p class="mt-5 max-w-2xl text-midnight-muted dark:text-cream/70 md:text-lg">Roles where I led delivery, shaped architecture, and grew teams — aligned with the same stack you see in the projects below.</p><ol class="relative mt-14 space-y-12 border-l-2 border-sea/30 pl-6 dark:border-accent/35 sm:pl-10 md:pl-14"><li class="relative pl-1 sm:pl-2"><span class="absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[calc(1.75rem+1px)]" aria-hidden="true"></span><div class="flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6"><h3 class="font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl"><a href="https://zeliee.com/en/" target="_blank" rel="noopener noreferrer" class="underline decoration-sea/35 decoration-2 underline-offset-[5px] transition hover:decoration-sea hover:text-sea dark:decoration-accent/40 dark:hover:decoration-accent dark:hover:text-accent">Zeliee</a></h3><div class="text-right sm:text-left"><p class="text-sm font-semibold text-sea dark:text-accent">Chief Technology Officer (CTO)</p></div></div><p class="mt-2 text-sm text-midnight-muted dark:text-cream/60">2023 – Present · Remote · multi-region · Morocco · India · Singapore · Hungary</p><ul class="mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Lead technology and delivery for an IT &amp; digital marketing agency offering web &amp; mobile development, ecommerce, online advertising, influencer and 360° marketing, brand identity, and broader IT solutions (see zeliee.com).</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Own technical direction, vendor and cloud choices, security posture, and engineering quality across client projects; mentor developers and align delivery with commercial deadlines.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Partner with the CEO on roadmap, scope, and client outcomes while managing a distributed delivery team across multiple countries.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Skills in practice: solution architecture, full-stack and mobile delivery oversight, DevOps &amp; CI/CD mindset, stakeholder management, hiring and performance, and translating marketing-led briefs into shippable products.</span></li></ul><div class="mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent">Team structure</p><div class="mt-5 flex flex-col items-center"><div class="flex flex-wrap justify-center gap-2"><div class="rounded-full border border-line bg-cream px-4 py-1.5 text-center dark:border-white/10 dark:bg-midnight-soft"><p class="text-xs font-semibold text-midnight dark:text-cream">Co-Founder</p></div></div><div class="my-2 h-6 w-px bg-sea/30 dark:bg-accent/35" aria-hidden="true"></div><div class="flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3"><div class="contents"><div class="min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-line bg-cream/80 dark:border-white/10 dark:bg-midnight-soft/80"><p class="text-sm font-semibold text-midnight dark:text-cream">CEO</p><p class="mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55">Strategy, partnerships &amp; growth</p></div></div><div class="contents"><div class="flex items-center justify-center px-1 text-sm font-medium text-midnight-muted dark:text-cream/50" aria-hidden="true">↔</div><div class="min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10"><p class="text-sm font-semibold text-sea dark:text-accent">CTO</p><p class="mt-1 text-xs font-medium text-midnight dark:text-cream/90">Umer Sheraz</p><p class="mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55">Technology &amp; delivery</p></div></div></div><p class="mt-3 max-w-sm text-center text-[0.75rem] leading-relaxed text-midnight-muted dark:text-cream/55">Aligned on roadmap, scope, and client outcomes</p><div class="my-4 flex flex-col items-center" aria-hidden="true"><span class="h-5 w-px bg-sea/30 dark:bg-accent/35"></span><span class="mt-1 text-[0.65rem] font-medium uppercase tracking-wide text-midnight-muted dark:text-cream/50">Reports to <!-- -->CTO</span><span class="mt-1 h-3 w-px bg-sea/30 dark:bg-accent/35"></span></div><div class="grid w-full grid-cols-2 gap-2 sm:grid-cols-3 sm:gap-2.5"><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">2× Full Stack Developer</p></div><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">AI Engineer</p></div><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">Designer</p></div><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">SEO Specialist</p></div><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">QA / Tester</p></div></div><p class="mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65">I manage the full delivery team — engineering, design, SEO, and QA.</p></div></div></li><li class="relative pl-1 sm:pl-2"><span class="absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[
1calc(1.75rem+1px)]" aria-hidden="true"></span><div class="flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6"><h3 class="font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl">Aion Digital</h3><div class="text-right sm:text-left"><p class="text-sm font-semibold text-sea dark:text-accent">Senior Team Lead</p></div></div><p class="mt-2 text-sm text-midnight-muted dark:text-cream/60">Aug 2020 – Present · Hybrid · Manama, Bahrain</p><ul class="mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Led Android development teams to deliver banking applications for regional fintech and digital banking clients.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Collaborated with product managers, designers, and stakeholders for feature planning and implementation.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Conducted code reviews and mentored junior developers to maintain coding standards.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Implemented MVVM and Clean Architecture to improve app stability and scalability.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Introduced automated testing strategies and CI/CD pipelines.</span></li></ul><div class="mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent">Mobile team</p><div class="mt-5 flex flex-col items-center"><div class="flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3"><div class="contents"><div class="min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10"><p class="text-sm font-semibold text-sea dark:text-accent">Senior Team Lead</p><p class="mt-1 text-xs font-medium text-midnight dark:text-cream/90">Umer Sheraz</p><p class="mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55">Mobile delivery &amp; engineering</p></div></div></div><div class="my-4 flex flex-col items-center" aria-hidden="true"><span class="h-5 w-px bg-sea/30 dark:bg-accent/35"></span><span class="mt-1 text-[0.65rem] font-medium uppercase tracking-wide text-midnight-muted dark:text-cream/50">Reports to <!-- -->Senior Team Lead</span><span class="mt-1 h-3 w-px bg-sea/30 dark:bg-accent/35"></span></div><div class="grid w-full grid-cols-2 gap-2 sm:grid-cols-3 sm:gap-2.5"><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">Android Developer</p></div><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">iOS Developer</p></div><div class="rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90"><p class="text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]">QA / Tester</p></div></div><p class="mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65">I managed the mobile squad across Android, iOS, and QA.</p></div></div></li><li class="relative pl-1 sm:pl-2"><span class="absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[
1calc(1.75rem+1px)]" aria-hidden="true"></span><div class="flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6"><h3 class="font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl">Linez Technology</h3><div class="text-right sm:text-left"><p class="text-sm font-semibold text-sea dark:text-accent">Software Engineer</p></div></div><p class="mt-2 text-sm text-midnight-muted dark:text-cream/60">Aug 2018 – Aug 2020 · Onsite</p><ul class="mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Spearheaded Android app development from design to deployment as the sole engineer on assigned products.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Led UI/UX enhancements and bug fixing to improve user satisfaction.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Leveraged Jira, GitHub, Figma, and AWS for delivery and coordination with product stakeholders.</span></li></ul><div class="mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent">Working model</p><div class="mt-5 flex flex-col items-center"><div class="flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3"><div class="contents"><div class="min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10"><p class="text-sm font-semibold text-sea dark:text-accent">Software Engineer</p><p class="mt-1 text-xs font-medium text-midnight dark:text-cream/90">Umer Sheraz</p><p class="mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55">Solo contributor</p></div></div></div><p class="mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65">Worked independently on Android projects from design through deployment.</p></div></div></li><li class="relative pl-1 sm:pl-2"><span class="absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[calc(1.75rem+1px)]" aria-hidden="true"></span><div class="flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6"><h3 class="font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl">Sprint Solution</h3><div class="text-right sm:text-left"><p class="text-sm font-semibold text-sea dark:text-accent">Android Developer</p></div></div><p class="mt-2 text-sm text-midnight-muted dark:text-cream/60">Aug 2016 – Oct 2018 · Hybrid</p><ul class="mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base"><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Developed and maintained Android applications across multiple client domains as a solo developer.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Focused on clean code, modular design, and agile delivery.</span></li><li class="flex gap-3"><span class="mt-2 h-1 w-1 shrink-0 rounded-full bg-accent" aria-hidden="true"></span><span>Managed deployments and implemented analytics for user behavior tracking.</span></li></ul><div class="mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent">Working model</p><div class="mt-5 flex flex-col items-center"><div class="flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3"><div class="contents"><div class="min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10"><p class="text-sm font-semibold text-sea dark:text-accent">Android Developer</p><p class="mt-1 text-xs font-medium text-midnight dark:text-cream/90">Umer Sheraz</p><p class="mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55">Solo contributor</p></div></div></div><p class="mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65">Owned Android delivery end to end across client engagements.</p></div></div></li></ol></div></section><section id="projects" class="scroll-mt-24 border-t border-line bg-cream-deep/40 px-4 py-20 dark:border-white/10 dark:bg-midnight-soft/25 sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-32"><div class="mx-auto max-w-6xl"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent">Portfolio</p><h2 class="mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display">Recent projects</h2><p class="mt-5 max-w-2xl text-midnight-muted dark:text-cream/70 md:text-lg">Short previews below — use Explore more to open the full write-up: stack, delivery, and how I worked with the team.</p><div class="mt-14 flex flex-col gap-14"><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="BIG lottery project in the Gulf"/><meta itemProp="description" content="Full-stack lottery platform for the Gulf — tickets, wallets, draws, and compliance-aware journeys. Co-founder &amp; CTO; I lead engineering and delivery end to end."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">
1BIG lottery project in the Gulf</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">Full-stack lottery platform for the Gulf — tickets, wallets, draws, and compliance-aware journeys. Co-founder &amp; CTO; I lead engineering and delivery end to end.</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Next.js</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">TypeScript</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">React</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Django</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">DRF</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">PostgreSQL</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->11<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for BIG lottery project in the Gulf" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work/big-lottery-gulf">Explore more</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="BIG lottery project in the Gulf — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Fbig-lottery-gulf%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">
1Gulf lottery · draws, commerce, compliance-aware flows</span></div></div></article><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="UmerPay"/><meta itemProp="description" content="Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">UmerPay</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run.</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Next.js 14</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">App Router</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">TypeScript</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">React</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Tailwind CSS</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->5<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for UmerPay" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work/umerpay">Explore more</a><a target="_blank" rel="noopener noreferrer" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-sea px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea-light active:scale-[0.99] min-[400px]:w-auto" href="https://umer-pay.vercel.app">Live demo</a><a target="_blank" rel="noopener noreferrer" class="inline-flex min-h-11 w-full items-center justify-center rounded-full border border-midnight/15 bg-transparent px-7 py-3 text-sm font-semibold text-midnight transition hover:border-midnight hover:bg-midnight/[0.03] active:scale-[0.99] dark:border-white/20 dark:text-cream dark:hover:border-cream/40 dark:hover:bg-white/5 min-[400px]:w-auto" href="https://github.com/MuhammadUmerSheraz/UmerPay">Source code</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="UmerPay — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Fumerpay%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">Banking UI demo · passkeys · transfers · statements · PWA</span></div></div></article><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="Ghazi Restaurant"/><meta itemProp="description" content="Online food ordering &amp; restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership)."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">Ghazi Restaurant</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">Online food ordering &amp; restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership).</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">React</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">NestJS</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">TypeScript</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">MongoDB</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Redux</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Tailwind CSS</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->6<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for Ghazi Restaurant" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work
1/ghazi-restaurant">Explore more</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="Ghazi Restaurant — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Fghazi-restaurant%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">Food delivery · React · NestJS · admin</span></div></div></article><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="Cuddloo - AI Match Making App"/><meta itemProp="description" content="AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">Cuddloo - AI Match Making App</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery.</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Kotlin</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Android</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Swift</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">iOS</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Node.js</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">PostgreSQL</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->6<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for Cuddloo - AI Match Making App" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work
1/cuddloo">Explore more</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="Cuddloo - AI Match Making App — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Fcuddloo%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">Morocco · AI matchmaking · 100K users</span></div></div></article><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="SMS Pin Verify"/><meta itemProp="description" content="Secure Android app with 5,000+ users — virtual number rentals, OTP delivery via push notifications, global countries, and multi-currency payments (Google Pay, Binance, Bitcoin)."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">SMS Pin Verify</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">Secure Android app with 5,000+ users — virtual number rentals, OTP delivery via push notifications, global countries, and multi-currency payments (Google Pay, Binance, Bitcoin).</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Kotlin</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Jetpack Compose</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">MVVM</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Clean Architecture</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Retrofit</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Firebase</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->2<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for SMS Pin Verify" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work
1/sms-pin-verify">Explore more</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="SMS Pin Verify — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Fsms-pin-verify%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">Android · 5K+ users · OTP · virtual numbers</span></div></div></article><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="FAX from iPhone · Send Document"/><meta itemProp="description" content="SpeedyFax — digital faxing on iOS and Android with React Native, Node.js backend, Vue admin, iFax API, and DigitalOcean. I led delivery end to end as project lead."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">FAX from iPhone · Send Document</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">SpeedyFax — digital faxing on iOS and Android with React Native, Node.js backend, Vue admin, iFax API, and DigitalOcean. I led delivery end to end as project lead.</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">React Native</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Node.js</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Vue.js</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">DigitalOcean</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">iFax API</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Apple Sign-In</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->2<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for FAX from iPhone · Send Document" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work
1/fax-from-iphone">Explore more</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="FAX from iPhone · Send Document — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Ffax-from-iphone%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">Mobile fax · iFax · subscriptions</span></div></div></article><article itemScope="" itemType="https://schema.org/CreativeWork" class="overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]"><meta itemProp="name" content="Tash Wash"/><meta itemProp="description" content="Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager &amp; Technical Lead."/><div class="order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14"><h3 class="break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl">Tash Wash</h3><p class="mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base">Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager &amp; Technical Lead.</p><div class="mt-7 flex flex-wrap gap-2"><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Android</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Kotlin</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">MVVM</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Retrofit</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">PHP</span><span class="rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90">Laravel</span><span class="rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50">+<!-- -->5<!-- --> in full detail</span></div><div class="mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap"><a aria-label="Read the full case study for Tash Wash" class="inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto" href="/work
1/tash-wash">Explore more</a></div></div><div class="relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0"><div class="relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-h-[320px] md:p-9"><div class="relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]"><img alt="Tash Wash — project cover" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" class="h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]" style="color:transparent" sizes="(max-width: 768px) 90vw, min(520px, 40vw)" srcSet="/_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2Fproject-cover%2Ftash-wash%3Fvariant%3Dpanel&amp;w=3840&amp;q=75"/></div><span class="sr-only">Car detailing · marketplace · Stripe Connect</span></div></div></article></div></div></section><section id="contact" class="scroll-mt-24 border-t border-line bg-mesh-footer px-4 py-20 dark:border-white/10 dark:bg-mesh-footer-dark sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-28"><div class="mx-auto max-w-6xl"><div class="overflow-hidden rounded-[1.75rem] border border-line bg-cream/90 p-5 shadow-soft backdrop-blur-md dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-soft-dark sm:p-8 md:p-12 lg:p-14"><div class="md:flex md:items-end md:justify-between md:gap-16"><div class="max-w-xl"><p class="font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent">Contact</p><h2 class="mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display">Let&#x27;s talk</h2><p class="mt-5 text-midnight-muted dark:text-cream/70 md:text-lg">Open to remote &amp; hybrid<!-- -->. For roles, consulting, or architecture conversations — I&#x27;d love to hear from you.</p></div><div class="mt-10 flex flex-col gap-4 md:mt-0 md:text-right"><a href="mailto:[email protected]" class="break-all text-base font-semibold text-midnight underline decoration-accent/50 decoration-2 underline-offset-[6px] transition hover:decoration-accent dark:text-cream sm:text-lg">[email protected]</a><a href="https://www.linkedin.com/in/muhammad-umer-sheraz" target="_blank" rel="noopener noreferrer" class="text-base font-semibold text-midnight underline decoration-accent/50 decoration-2 underline-offset-[6px] transition hover:decoration-accent dark:text-cream sm:text-lg">LinkedIn</a><a href="tel:+923076450994" class="text-midnight-muted transition hover:text-sea dark:text-cream/65 dark:hover:text-accent">+92 307 6450994</a></div></div></div></div></section><footer class="bg-midnight px-4 py-10 pb-[max(2.5rem,env(safe-area-inset-bottom))] sm:px-5 sm:py-12 md:px-8"><div class="mx-auto flex max-w-6xl flex-col items-center justify-between gap-6 text-sm text-cream/55 md:flex-row"><p class="text-center md:text-left">© <!-- -->2026<!-- --> <!-- -->Umer Sheraz<!-- -->. Crafted with Next.js.</p><div class="flex flex-wrap justify-center gap-8"><a class="transition hover:text-cream" target="_blank" rel="noreferrer" href="https://github.com/muhammadumersheraz1">GitHub</a><a class="transition hover:text-cream" target="_blank" rel="noreferrer" href="https://www.linkedin.com/in/muhammad-umer-sheraz">LinkedIn</a><a class="transition hover:text-cream" target="_blank" rel="noreferrer" href="https://umer-pay.vercel.app">UmerPay</a></div></div></footer></main>
1<script src="/_next/static/chunks/webpack-17c6efd50ee8f1fc.js" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script>
1<script>self.__next_f.push([1,"1:HL[\"/_next/static/media/af4bf8399d1aacdf-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/de42cfb9a3b980ae-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/css/4ad7aeb73750a7e1.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"4:I[2846,[],\"\"]\n6:I[5526,[\"869\",\"static/chunks/869-05572569f33d93be.js\",\"526\",\"static/chunks/526-1faa2a037e1cced5.js\",\"931\",\"static/chunks/app/page-dd969ebf43b9c693.js\"],\"Nav\"]\n7:I[2972,[\"869\",\"static/chunks/869-05572569f33d93be.js\",\"526\",\"static/chunks/526-1faa2a037e1cced5.js\",\"931\",\"static/chunks/app/page-dd969ebf43b9c693.js\"],\"\"]\n8:I[5878,[\"869\",\"static/chunks/869-05572569f33d93be.js\",\"526\",\"static/chunks/526-1faa2a037e1cced5.js\",\"931\",\"static/chunks/app/page-dd969ebf43b9c693.js\"],\"Image\"]\na:I[8003,[\"185\",\"static/chunks/app/layout-1ee26113d73782b8.js\"],\"\"]\nb:I[4707,[],\"\"]\nc:I[6423,[],\"\"]\ne:I[1060,[],\"\"]\n9:T130c,"])</script>
1<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Person\",\"@id\":\"https://umer-sheraz-portfolio.vercel.app#person\",\"name\":\"Umer Sheraz\",\"alternateName\":\"Muhammad Umer Sheraz\",\"jobTitle\":\"Senior Software Engineer | Full Stack Developer\",\"description\":\"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app\",\"image\":\"https://umer-sheraz-portfolio.vercel.app/profile.png\",\"email\":\"mailto:[email protected]\",\"telephone\":\"+92 307 6450994\",\"sameAs\":[\"https://github.com/muhammadumersheraz1\",\"https://www.linkedin.com/in/muhammad-umer-sheraz\"],\"knowsAbout\":[\"Leadership \u0026 delivery\",\"Team \u0026 project management\",\"Mobile\",\"Backend \u0026 APIs\",\"Frontend\",\"Cloud \u0026 AWS\",\"DevOps \u0026 platforms\",\"AI \u0026 automation\",\"Umer Sheraz\",\"Muhammad Umer Sheraz\",\"technical leader\",\"technical lead\",\"CTO\",\"software architect\",\"full stack developer\",\"full stack engineer\",\"mobile developer\",\"Flutter\",\"React Native\",\"Android developer\"],\"worksFor\":[{\"@type\":\"Organization\",\"name\":\"Zeliee\",\"url\":\"https://zeliee.com/en/\"},{\"@type\":\"Organization\",\"name\":\"Aion Digital\"},{\"@type\":\"Organization\",\"name\":\"Linez Technology\"}]},{\"@type\":\"WebSite\",\"@id\":\"https://umer-sheraz-portfolio.vercel.app#website\",\"name\":\"Umer Sheraz — Portfolio\",\"description\":\"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app\",\"inLanguage\":\"en\",\"publisher\":{\"@id\":\"https://umer-sheraz-portfolio.vercel.app#person\"},\"author\":{\"@id\":\"https://umer-sheraz-portfolio.vercel.app#person\"}},{\"@type\":\"ProfilePage\",\"@id\":\"https://umer-sheraz-portfolio.vercel.app#webpage\",\"url\":\"https://umer-sheraz-portfolio.vercel.app\",\"name\":\"Umer Sheraz — Senior Software Engineer | Full Stack Developer\",\"description\":\"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.\",\"isPartOf\":{\"@id\":\"https://umer-sheraz-portfolio.vercel.app#website\"},\"mainEntity\":{\"@id\":\"https://umer-sheraz-portfolio.vercel.app#person\"},\"inLanguage\":\"en\"},{\"@type\":\"ItemList\",\"@id\":\"https://umer-sheraz-portfolio.vercel.app#projects\",\"name\":\"Featured projects\",\"numberOfItems\":7,\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"BIG lottery project in the Gulf\",\"description\":\"Full-stack lottery platform for the Gulf — tickets, wallets, draws, and compliance-aware journeys. Co-founder \u0026 CTO; I lead engineering and delivery end to end.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/big-lottery-gulf\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"UmerPay\",\"description\":\"Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/umerpay\"}},{\"@type\":\"ListItem\",\"position\":3,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"Ghazi Restaurant\",\"description\":\"Online food ordering \u0026 restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership).\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/ghazi-restaurant\"}},{\"@type\":\"ListItem\",\"position\":4,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"Cuddloo - AI Match Making App\",\"description\":\"AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/cuddloo\"}},{\"@type\":\"ListItem\",\"position\":5,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"SMS Pin Verify\",\"description\":\"Secure Android app with 5,000+ users — virtual number rentals, OTP delivery via push notifications, global countries, and multi-currency payments (Google Pay, Binance, Bitcoin).\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/sms-pin-verify\"}},{\"@type\":\"ListItem\",\"position\":6,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"FAX from iPhone · Send Document\",\"description\":\"SpeedyFax — digital faxing on iOS and Android with React Native, Node.js backend, Vue admin, iFax API, and DigitalOcean. I led delivery end to end as project lead.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/fax-from-iphone\"}},{\"@type\":\"ListItem\",\"position\":7,\"item\":{\"@type\":\"CreativeWork\",\"name\":\"Tash Wash\",\"description\":\"Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager \u0026 Technical Lead.\",\"url\":\"https://umer-sheraz-portfolio.vercel.app/work/tash-wash\"}}]}]}"])</script>
1<script>self.__next_f.push([1,"f:[]\n"])</script>
1<script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"kmPCsSY7d0_DthP9K3Ovy\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"className\":\"min-h-dvh min-w-0 overflow-x-hidden\",\"children\":[[\"$\",\"section\",null,{\"className\":\"relative overflow-hidden px-4 pb-16 pt-[calc(5.5rem+env(safe-area-inset-top))] sm:px-5 sm:pb-20 sm:pt-28 md:px-8 md:pb-24 md:pt-32\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 bg-mesh-hero opacity-90 dark:hidden\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-0 hidden bg-mesh-hero-dark opacity-100 dark:block\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute -right-24 top-16 h-[380px] w-[380px] rounded-full bg-accent-glow blur-[100px] animate-drift dark:opacity-70\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute -left-28 bottom-0 h-72 w-72 rounded-full bg-sea-mist blur-3xl dark:bg-sea/15\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative mx-auto max-w-6xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid gap-10 lg:grid-cols-[minmax(0,1fr)_300px] lg:items-center lg:gap-14\",\"children\":[[\"$\",\"div\",null,{\"className\":\"min-w-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"animate-fade-up font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark opacity-0 dark:text-accent\",\"children\":[\"Umer Sheraz\",\" · 9 years experience\"]}],[\"$\",\"h1\",null,{\"className\":\"animate-fade-up mt-4 font-display text-[2.1rem] font-semibold leading-[1.05] tracking-tight text-midnight opacity-0 [animation-delay:0.05s] dark:text-cream sm:text-[2.75rem] md:text-[3.5rem]\",\"children\":[\"$\",\"span\",null,{\"className\":\"block text-balance\",\"children\":\"Full Stack Developer\"}]}],[\"$\",\"p\",null,{\"className\":\"animate-fade-up mt-3 font-display text-lg font-medium italic leading-snug text-sea opacity-0 [animation-delay:0.1s] dark:text-accent sm:text-xl md:text-2xl\",\"children\":\"Turning ideas into scalable digital products\"}],[\"$\",\"p\",null,{\"className\":\"animate-fade-up mt-5 max-w-xl text-[1.02rem] leading-relaxed text-midnight-muted opacity-0 [animation-delay:0.16s] dark:text-cream/75 md:text-lg\",\"children\":\"9 years of experience — building scalable web, mobile \u0026 backend solutions.\"}],[\"$\",\"div\",null,{\"className\":\"animate-fade-up mt-7 flex flex-wrap gap-2 opacity-0 [animation-delay:0.22s]\",\"children\":[[\"$\",\"span\",\"Mobile\",{\"className\":\"inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90\",\"children\":\"Mobile\"}],[\"$\",\"span\",\"Web\",{\"className\":\"inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90\",\"children\":\"Web\"}],[\"$\",\"span\",\"Backend\",{\"className\":\"inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90\",\"children\":\"Backend\"}],[\"$\",\"span\",\"Cloud\",{\"className\":\"inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90\",\"children\":\"Cloud\"}],[\"$\",\"span\",\"AI\",{\"className\":\"inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90\",\"children\":\"AI\"}],[\"$\",\"span\",\"DevOps\",{\"className\":\"inline-flex items-center rounded-full border border-line bg-cream/80 px-3.5 py-1.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-midnight dark:border-white/12 dark:bg-white/[0.06] dark:text-cream/90\",\"children\":\"DevOps\"}]]}],[\"$\",\"div\",null,{\"className\":\"animate-fade-up mt-8 flex w-full flex-col gap-3 opacity-0 [animation-delay:0.28s] min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"#projects\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-8 py-3 text-sm font-semibold text-cream shadow-card transition hover:bg-sea hover:shadow-lift active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent min-[400px]:w-auto\",\"children\":\"Recent projects\"}],[\"$\",\"$L7\",null,{\"href\":\"#contact\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full border border-line bg-cream/80 px-8 py-3 text-sm font-semibold text-midnight transition hover:border-accent/40 dark:border-white/15 dark:bg-white/5 dark:text-cream dark:hover:border-accent/40 min-[400px]:w-auto\",\"children\":\"Get in touch\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"animate-fade-up relative mx-auto w-full max-w-[260px] opacity-0 [animation-delay:0.14s] sm:max-w-[280px] lg:mx-0 lg:max-w-none\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute -inset-3 rounded-[2rem] bg-gradient-to-br from-accent/25 via-sea/15 to-transparent opacity-80 blur-xl dark:from-accent/20 dark:via-sea/25\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden rounded-[1.5rem] border border-line bg-midnight-soft shadow-lift dark:border-white/10 dark:shadow-lift-dark\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative aspect-[4/5] w-full\",\"children\":[[\"$\",\"$L8\",null,{\"src\":\"/profile.png\",\"alt\":\"Umer Sheraz, technical leader\",\"fill\":true,\"priority\":true,\"className\":\"object-cover object-[50%_18%]\",\"sizes\":\"(max-width: 1024px) 280px, 300px\"}],[\"$\",\"div\",null,{\"className\":\"pointer-events-none absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-midnight via-midnight/55 to-transparent\",\"aria-hidden\":true}]]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 bottom-0 p-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-display text-base font-semibold leading-tight tracking-tight text-cream\",\"children\":\"Muhammad Umer Sheraz\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-[11px] font-medium leading-snug text-accent\",\"children\":\"Senior Softw
1are Engineer | Full Stack Developer\"}]]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"animate-fade-up mt-14 rounded-2xl border border-line bg-cream/60 p-4 opacity-0 [animation-delay:0.32s] dark:border-white/10 dark:bg-midnight-soft/50 sm:p-5\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[10px] font-semibold uppercase tracking-[0.22em] text-midnight-muted dark:text-cream/50\",\"children\":\"How I deliver\"}],[\"$\",\"ol\",null,{\"className\":\"mt-3 flex flex-wrap items-center gap-x-3 gap-y-2\",\"children\":[[\"$\",\"li\",\"Frontend\",{\"className\":\"flex items-center gap-3\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]\",\"children\":\"Frontend\"}]]}],[\"$\",\"li\",\"Backend\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-accent/60\",\"aria-hidden\":true,\"children\":\"→\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]\",\"children\":\"Backend\"}]]}],[\"$\",\"li\",\"Database\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-accent/60\",\"aria-hidden\":true,\"children\":\"→\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]\",\"children\":\"Database\"}]]}],[\"$\",\"li\",\"Cloud\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-accent/60\",\"aria-hidden\":true,\"children\":\"→\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]\",\"children\":\"Cloud\"}]]}],[\"$\",\"li\",\"Deploy\",{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-accent/60\",\"aria-hidden\":true,\"children\":\"→\"}],[\"$\",\"span\",null,{\"className\":\"text-xs font-semibold uppercase tracking-[0.14em] text-midnight dark:text-cream/90 sm:text-[13px]\",\"children\":\"Deploy\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-8\",\"children\":[[\"$\",\"p\",null,{\"className\":\"animate-fade-up text-[10px] font-semibold uppercase tracking-[0.22em] text-midnight-muted opacity-0 [animation-delay:0.34s] dark:text-cream/50\",\"children\":\"Core stack\"}],[\"$\",\"div\",null,{\"className\":\"animate-fade-up mt-4 grid grid-cols-2 gap-3 opacity-0 [animation-delay:0.36s] sm:grid-cols-3 lg:grid-cols-4\",\"children\":[[\"$\",\"div\",\"Android Development\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Android Development\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Kotlin, Java, Jetpack Compose\"}]]}],[\"$\",\"div\",\"Frontend\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Frontend\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"React, Next.js, Vue.js\"}]]}],[\"$\",\"div\",\"Backend\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Backend\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Node.js, Express.js, Python, Django\"}]]}],[\"$\",\"div\",\"Databases\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Databases\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"MySQL, PostgreSQL, Redis\"}]]}],[\"$\",\"div\",\"Cloud \u0026 DevOps\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Cloud \u0026 DevOps\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"AWS, Docker, Kubernetes, Nginx\"}]]}],[\"$\",\"div\",\"APIs \u0026 Services\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"APIs \u0026 Services\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"REST APIs, WebSockets, Firebase\"}]]}],[\"$\",\"div\",\"Architecture\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Architecture\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Clean Architecture, MVVM, Modular\"}]]}],[\"$\",\"div\",\"PWA \u0026 Modern Web\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"PWA \u0026 Modern Web\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"PWA, Performance, SEO, Best Practices\"}]]}],[\"$\",\"div\",\"AI \u0026 Automation\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"AI \u0026 Automation\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"AI agents, Cursor, Claude, n8n\"}]]}],[\"$\",\"div\",\"Cross-Platform\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Cross-Platform\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Flutter, React Native, TypeScript\"}]]}],[\"$\",\"div\",\"Security \u0026 Auth\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"Security \u0026 Auth\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"OAuth2, JWT, Biometrics, SSL pinning\"}]]}],[\"$\",\"div\",\"System Design\",{\"className\":\"flex h-full flex-col rounded-xl border border-line bg-cream/70 p-4 shadow-sm transition hover:border-sea/25 hover:shadow-soft dark:border-white/10 dark:bg-midnight-soft/70 dark:hover:border-accent/30\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[11px] font-semibold uppercase tracking-[0.14em] text-sea dark:text-accent\",\"children\":\"System Design\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Microservices, scalability, HA\"}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"animate-fade-up mt-10 opacity-0 [animation-delay:0.4s]\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-[10px] font-semibold uppercase tracking-[0.22em] text-midnight-muted dark:text-cream/50\",\"children\":\"Working principles\"}],[\"$\",\"div\",null,{\"className\":\"mt-4 grid grid-cols-2 gap-0 border-y border-line dark:border-white/10 sm:mt-5 lg:grid-cols-5\",\"children\":[[\"$\",\"div\",\"Clean Code\",{\"className\":\"group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70\",\"children\":\"01\"}],[\"$\",\"p\",null,{\"className\":\"mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream\",\"children\":\"Clean Code\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60\",\"children\":\"Readable, testable, and built to last\"}]]}],[\"$\",\"div\",\"Problem Solving\",{\"className\":\"group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70\",\"children\":\"02\"}],[\"$\",\"p\",null,{\"className\":\"mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream\",\"children\":\"Problem Solving\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60\",\"children\":\"Clarity first — then a working product\"}]]}],[\"$\",\"div\",\"Performance\",{\"className\":\"group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70\",\"children\":\"03\"}],[\"$\",\"p\",null,{\"className\":\"mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream\",\"children\":\"Performance\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60\",\"children\":\"Fast paths, lean payloads, measured results\"}]]}],[\"$\",\"div\",\"Security\",{\"className\":\"group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70\",\"children\":\"04\"}],[\"$\",\"p\",null,{\"className\":\"mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream\",\"children\":\"Security\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60\",\"children\":\"Auth, data protection, and production hardening\"}]]}],[\"$\",\"div\",\"End-to-End Delivery\",{\"className\":\"group min-w-0 border-b border-line px-3 py-4 odd:border-r last:col-span-2 last:border-b-0 last:border-r-0 dark:border-white/10 sm:px-5 sm:py-5 lg:col-span-1 lg:border-b-0 lg:border-r lg:px-4 lg:py-6 lg:first:pl-0 lg:last:col-span-1 lg:last:border-r-0 lg:last:pr-0\",\"children\":[[\"$\",\"span\",null,{\"className\":\"font-sans text-[10px] font-semibold tabular-nums tracking-[0.18em] text-accent-dark/80 dark:text-accent/70\",\"children\":\"05\"}],[\"$\",\"p\",null,{\"className\":\"mt-2.5 font-display text-[0.95rem] font-semibold leading-snug tracking-tight text-midnight dark:text-cream\",\"children\":\"End-to-End Delivery\"}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-xs leading-relaxed text-midnight-muted dark:text-cream/60\",\"children\":\"From discovery through deploy and ops\"}]]}]]}]]}]]}]]}],[\"$\",\"section\",null,{\"id\":\"skills\",\"className\":\"scroll-mt-24 border-t border-line bg-cream-deep/80 px-4 py-20 dark:border-white/10 dark:bg-midnight-soft/35 sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent\",\"children\":\"Expertise\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display\",\"children\":\"Skills \u0026 domains\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-midnight-muted dark:text-cream/70 md:text-lg\",\"children\":\"Where I focus depen
1ds on the team and the risk — here is a honest map of the territories I cover.\"}],[\"$\",\"div\",null,{\"className\":\"mt-16 grid gap-5 sm:grid-cols-2 lg:grid-cols-3\",\"children\":[[\"$\",\"article\",\"Leadership \u0026 delivery\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"01\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"Leadership \u0026 delivery\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"Set technical direction and keep the roadmap realistic\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Set technical direction and keep the roadmap realistic\"}]]}],[\"$\",\"li\",\"Work closely with product, design, and QA so everyone stays aligned\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Work closely with product, design, and QA so everyone stays aligned\"}]]}],[\"$\",\"li\",\"Help hire, mentor engineers, and agree on how we build software\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Help hire, mentor engineers, and agree on how we build software\"}]]}],[\"$\",\"li\",\"Build a team culture where people own their work and can speak up\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Build a team culture where people own their work and can speak up\"}]]}],[\"$\",\"li\",\"Ship on time without sacrificing quality, security, or cleanup of old code\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Ship on time without sacrificing quality, security, or cleanup of old code\"}]]}],[\"$\",\"li\",\"Explain trade-offs, dates, and risks clearly to leaders and stakeholders\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Explain trade-offs, dates, and risks clearly to leaders and stakeholders\"}]]}],[\"$\",\"li\",\"When things break: respond calmly, learn from it, and fix the root cause\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"When things break: respond calmly, learn from it, and fix the root cause\"}]]}],[\"$\",\"li\",\"Work with vendors and other teams when systems need to connect\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Work with vendors and other teams when systems need to connect\"}]]}]]}]]}],[\"$\",\"article\",\"Team \u0026 project management\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"02\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"Team \u0026 project management\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"Plan work from idea to release: lists, sprints, milestones, go-live\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Plan work from idea to release: lists, sprints, milestones, go-live\"}]]}],[\"$\",\"li\",\"Track scope, risks, blockers, and who needs what from whom\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Track scope, risks, blockers, and who needs what from whom\"}]]}],[\"$\",\"li\",\"See who is busy, what matters most, and spread work fairly\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"See who is busy, what matters most, and spread work fairly\"}]]}],[\"$\",\"li\",\"Share honest status: what is done, what is stuck, and what we decided\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Share honest status: what is done, what is stuck, and what we decided\"}]]}],[\"$\",\"li\",\"Use tools like Jira or Confluence when they help — not for show\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Use tools like Jira or Confluence when they help — not for show\"}]]}]]}]]}],[\"$\",\"article\",\"Mobile\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"03\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"Mobile\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"Android apps with Kotlin — UI, builds, and publishing to the Play Store\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Android apps with Kotlin — UI, builds, and publishing to the Play Store\"}]]}],[\"$\",\"li\",\"iPhone and iPad apps with Swift — building, testing, App Store releases\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"iPhone and iPad apps with Swift — building, testing, App Store releases\"}]]}],[\"$\",\"li\",\"Flutter: one codebase for Android and iOS when that is the right fit\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Flutter: one codebase for Android and iOS when that is the right fit\"}]]}],[\"$\",\"li\",\"React Native: shared UI with native pieces when needed\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"React Native: shared UI with native pieces when needed\"}]]}],[\"$\",\"li\",\"Structure apps so they are easy to test, change, and grow\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Structure apps so they are easy to test, change, and grow\"}]]}],[\"$\",\"li\",\"Push alerts, links that open the app, and data that stays safe on the device\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Push alerts, links that open the app, and data that stays safe on the device\"}]]}],[\"$\",\"li\",\"Automated builds, app signing, and beta testing before users get the app\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Automated builds, app signing, and beta testing before users get the app\"}]]}]]}]]}],[\"$\",\"article\",\"Backend \u0026 APIs\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"04\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"Backend \u0026 APIs\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"PHP with Laravel, CodeIgniter, and common PHP patterns\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"PHP with Laravel, CodeIgniter, and common PHP patterns\"}]]}],[\"$\",\"li\",\"Node.js and NestJS for services and APIs that other apps call\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Node.js and NestJS for services and APIs that other apps call\"}]]}],[\"$\",\"li\",\"Python with Django, FastAPI, or Flask\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Python with Django, FastAPI, or Flask\"}]]}],[\"$\",\"li\",\"Design APIs, logins, and connections between systems in a clear way\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Design APIs, logins, and connections between systems in a clear way\"}]]}]]}]]}],[\"$\",\"article\",\"Frontend\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"05\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"Frontend\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"React and Next.js for modern websites and web apps\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"React and Next.js for modern websites and web apps\"}]]}],[\"$\",\"li\",\"Vue.js for interactive user interfaces\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Vue.js for interactive user interfaces\"}]]}],[\"$\",\"li\",\"TypeScript to keep larger frontends maintainable\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"TypeScript to keep larger frontends maintainable\"}]]}],[\"$\",\"li\",\"Fast pages, usable for everyone, and layouts that work on phone and desktop\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Fast pages, usable for everyone, and layouts that work on phone and desktop\"}]]}]]}]]}],[\"$\",\"article\",\"Cloud \u0026 AWS\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"06\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"Cloud \u0026 AWS\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"Route 53: domain names, traffic routing, and health checks\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Route 53: domain names, traffic routing, and health checks\"}]]}],[\"$\",\"
1li\",\"S3: file storage, backups, permissions, and lifecycle rules\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"S3: file storage, backups, permissions, and lifecycle rules\"}]]}],[\"$\",\"li\",\"Elastic Beanstalk: deploy and update apps without hand-managing servers\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Elastic Beanstalk: deploy and update apps without hand-managing servers\"}]]}],[\"$\",\"li\",\"Virtual servers (EC2), containers (ECS/EKS), and how they talk on the network\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Virtual servers (EC2), containers (ECS/EKS), and how they talk on the network\"}]]}],[\"$\",\"li\",\"Databases (RDS), CDN (CloudFront), and who can do what (IAM)\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Databases (RDS), CDN (CloudFront), and who can do what (IAM)\"}]]}],[\"$\",\"li\",\"Private networks (VPC), load balancers, APIs, and small serverless functions when useful\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Private networks (VPC), load balancers, APIs, and small serverless functions when useful\"}]]}],[\"$\",\"li\",\"Secrets, config, logs, and alarms so you can see issues early\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Secrets, config, logs, and alarms so you can see issues early\"}]]}]]}]]}],[\"$\",\"article\",\"DevOps \u0026 platforms\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"07\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"DevOps \u0026 platforms\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"Docker: package apps so they run the same everywhere\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Docker: package apps so they run the same everywhere\"}]]}],[\"$\",\"li\",\"Kubernetes: run many containers reliably in production\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Kubernetes: run many containers reliably in production\"}]]}],[\"$\",\"li\",\"CI/CD: automate test, build, and deploy (e.g. GitHub Actions, GitLab)\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"CI/CD: automate test, build, and deploy (e.g. GitHub Actions, GitLab)\"}]]}],[\"$\",\"li\",\"Linux servers: setup, updates, and basic hardening\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Linux servers: setup, updates, and basic hardening\"}]]}]]}]]}],[\"$\",\"article\",\"AI \u0026 automation\",{\"className\":\"group relative overflow-hidden rounded-2xl border border-line bg-cream/90 p-5 shadow-card transition duration-300 hover:-translate-y-0.5 hover:border-accent/25 hover:shadow-lift dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-card-dark dark:hover:border-accent/35 dark:hover:shadow-lift-dark sm:p-6 md:p-7\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-accent/50 to-transparent opacity-0 transition group-hover:opacity-100\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"className\":\"font-display text-3xl font-light tabular-nums text-accent/40 transition group-hover:text-accent/70 dark:text-accent/50\",\"children\":\"08\"}],[\"$\",\"h3\",null,{\"className\":\"mt-3 font-display text-xl font-semibold text-midnight dark:text-cream\",\"children\":\"AI \u0026 automation\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-3 text-sm leading-relaxed text-midnight-muted dark:text-cream/70\",\"children\":[[\"$\",\"li\",\"AI agents — agent-style workflows for c
1oding, research, ops, and product tasks\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"AI agents — agent-style workflows for coding, research, ops, and product tasks\"}]]}],[\"$\",\"li\",\"Vibe engineering — pairing with Cursor \u0026 Claude to ship faster with clear specs and reviews\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Vibe engineering — pairing with Cursor \u0026 Claude to ship faster with clear specs and reviews\"}]]}],[\"$\",\"li\",\"Cursor — AI-assisted development for coding, refactors, debugging, and PRs in the IDE\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Cursor — AI-assisted development for coding, refactors, debugging, and PRs in the IDE\"}]]}],[\"$\",\"li\",\"Claude — architecture, specs, technical writing, and complex problem-solving\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Claude — architecture, specs, technical writing, and complex problem-solving\"}]]}],[\"$\",\"li\",\"AI automation with n8n (and similar) — connect APIs, triggers, and services into pipelines\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"AI automation with n8n (and similar) — connect APIs, triggers, and services into pipelines\"}]]}],[\"$\",\"li\",\"Practical AI workflows: prompts, RAG-style knowledge use, and glue between product and ops tools\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Practical AI workflows: prompts, RAG-style knowledge use, and glue between product and ops tools\"}]]}]]}]]}]]}]]}]}],[\"$\",\"section\",null,{\"id\":\"experience\",\"className\":\"scroll-mt-24 border-t border-line px-4 py-20 dark:border-white/10 sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent\",\"children\":\"Career\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display\",\"children\":\"Work experience\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-midnight-muted dark:text-cream/70 md:text-lg\",\"children\":\"Roles where I led delivery, shaped architecture, and grew teams — aligned with the same stack you see in the projects below.\"}],[\"$\",\"ol\",null,{\"className\":\"relative mt-14 space-y-12 border-l-2 border-sea/30 pl-6 dark:border-accent/35 sm:pl-10 md:pl-14\",\"children\":[[\"$\",\"li\",\"Zeliee-2023 – Present\",{\"className\":\"relative pl-1 sm:pl-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[calc(1.75rem+1px)]\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://zeliee.com/en/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"underline decoration-sea/35 decoration-2 underline-offset-[5px] transition hover:decoration-sea hover:text-sea dark:decoration-accent/40 dark:hover:decoration-accent dark:hover:text-accent\",\"children\":\"Zeliee\"}]}],[\"$\",\"div\",null,{\"className\":\"text-right sm:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Chief Technology Officer (CTO)\"}],null]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-midnight-muted dark:text-cream/60\",\"children\":\"2023 – Present · Remote · multi-region · Morocco · India · Singapore · Hungary\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":[[\"$\",\"li\",\"Lead technology and delivery for an IT \u0026 digital marketing agency offering web \u0026 mobile development, ecommerce, online advertising, influencer and 360° marketing, brand identity, and broader IT solutions (see zeliee.com).\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Lead technology and delivery for an IT \u0026 digital marketing agency offering web \u0026 mobile development, ecommerce, online advertising, influencer and 360° marketing, brand identity, and broader IT solutions (see zeliee.com).\"}]]}],[\"$\",\"li\",\"Own technical direction, vendor and cloud choices, security posture, and engineering quality across client projects; mentor developers and align delivery with commercial deadlines.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Own technical direction, vendor and cloud choices, security posture, and engineering quality across client projects; mentor developers and align delivery with commercial deadlines.\"}]]}],[\"$\",\"li\",\"Partner with the CEO on roadmap, scope, and client outcomes while managing a distributed delivery team across multiple countries.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Partner with the CEO on roadmap, scope, and client outcomes while managing a distributed delivery team across multiple countries.\"}]]}],[\"$\",\"li\",\"Skills in practice: solution architecture, full-stack and mobile delivery oversight, DevOps \u0026 CI/CD mindset, stakeholder management, hiring and performance, and translating marketing-led briefs into shippable products.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Skills in practice: solution architecture, full-stack and mobile delivery oversight, DevOps \u0026 CI/CD mindset, stakeholder management, hiring and performance, and translating marketing-led briefs into shippable products.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent\",\"children\":\"Team structure\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex flex-col items-center\",\"children\":[[[\"$\",\"div\",null,{\"className\":\"flex flex-wrap justify-center gap-2\",\"children\":[[\"$\",\"div\",\"Co-Founder-founder\",{\"className\":\"rounded-full border border-line bg-cream px-4 py-1.5 text-center dark:border-white/10 dark:bg-midnight-soft\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold text-midnight dark:text-cream\",\"children\":\"Co-Founder\"}],null]}]]}],[\"$\",\"div\",null,{\"className\":\"my-2 h-6 w-px bg-sea/30 dark:bg-accent/35\",\"aria-hidden\":true}]],[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3\",\"children\":[[\"$\",\"div\",\"CEO\",{\"className\":\"contents\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-line bg-cream/80 dark:border-white/10 dark:bg-midnight-soft/80\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-midnight dark:text-cream\",\"children\":\"CEO\"}],null,[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55\",\"children\":\"Strategy, partnerships \u0026 growth\"}]]}]]}],[\"$\",\"div\",\"CTO\",{\"className\":\"contents\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-center px-1 text-sm font-medium text-midnight-muted dark:text-cream/50\",\"aria-hidden\":true,\"children\":\"↔\"}],[\"$\",\"div\",null,{\"className\":\"min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"CTO\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-xs font-medium text-midnight dark:text-cream/90\",\"children\":\"Umer Sheraz\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55\",\"children\":\"Technology \u0026 delivery\"}]]}]]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-3 max-w-sm text-center text-[0.75rem] leading-relaxed text-midnight-muted dark:text-cream/55\",\"children\":\"Aligned on roadmap, scope, and client outcomes\"}],[\"$\",\"div\",null,{\"className\":\"my-4 flex flex-col items-center\",\"aria-hidden\":true,\"children\":[[\"$\",\"span\",null,{\"className\":\"h-5 w-px bg-sea/30 dark:bg-accent/35\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 text-[0.65rem] font-medium uppercase tracking-wide text-midnight-muted dark:text-cream/50\",\"children\":[\"Reports to \",\"CTO\"]}],[\"$\",\"span\",null,{\"className\":\"mt-1 h-3 w-px bg-sea/30 dark:bg-accent/35\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid w-full grid-cols-2 gap-2 sm:grid-cols-3 sm:gap-2.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"2× Full Stack Developer\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"AI Engineer\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"Designer\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"SEO Specialist\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"QA / Tester\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"I manage the full delivery team — engineering, design, SEO, and QA.\"}]]}]]}]]}],[\"$\",\"li\",\"Aion Digital-Aug 2020 – Present\",{\"className\":\"relative pl-1 sm:pl-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[
1calc(1.75rem+1px)]\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl\",\"children\":\"Aion Digital\"}],[\"$\",\"div\",null,{\"className\":\"text-right sm:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Senior Team Lead\"}],null]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-midnight-muted dark:text-cream/60\",\"children\":\"Aug 2020 – Present · Hybrid · Manama, Bahrain\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":[[\"$\",\"li\",\"Led Android development teams to deliver banking applications for regional fintech and digital banking clients.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Led Android development teams to deliver banking applications for regional fintech and digital banking clients.\"}]]}],[\"$\",\"li\",\"Collaborated with product managers, designers, and stakeholders for feature planning and implementation.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Collaborated with product managers, designers, and stakeholders for feature planning and implementation.\"}]]}],[\"$\",\"li\",\"Conducted code reviews and mentored junior developers to maintain coding standards.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Conducted code reviews and mentored junior developers to maintain coding standards.\"}]]}],[\"$\",\"li\",\"Implemented MVVM and Clean Architecture to improve app stability and scalability.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Implemented MVVM and Clean Architecture to improve app stability and scalability.\"}]]}],[\"$\",\"li\",\"Introduced automated testing strategies and CI/CD pipelines.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Introduced automated testing strategies and CI/CD pipelines.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent\",\"children\":\"Mobile team\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex flex-col items-center\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3\",\"children\":[[\"$\",\"div\",\"Senior Team Lead\",{\"className\":\"contents\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Senior Team Lead\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-xs font-medium text-midnight dark:text-cream/90\",\"children\":\"Umer Sheraz\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55\",\"children\":\"Mobile delivery \u0026 engineering\"}]]}]]}]]}],null,[\"$\",\"div\",null,{\"className\":\"my-4 flex flex-col items-center\",\"aria-hidden\":true,\"children\":[[\"$\",\"span\",null,{\"className\":\"h-5 w-px bg-sea/30 dark:bg-accent/35\"}],[\"$\",\"span\",null,{\"className\":\"mt-1 text-[0.65rem] font-medium uppercase tracking-wide text-midnight-muted dark:text-cream/50\",\"children\":[\"Reports to \",\"Senior Team Lead\"]}],[\"$\",\"span\",null,{\"className\":\"mt-1 h-3 w-px bg-sea/30 dark:bg-accent/35\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid w-full grid-cols-2 gap-2 sm:grid-cols-3 sm:gap-2.5\",\"children\":[[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"Android Developer\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"iOS Developer\"}]}],[\"$\",\"div\",null,{\"className\":\"rounded-lg border border-line bg-cream/90 px-3 py-2.5 text-center dark:border-white/10 dark:bg-midnight-soft/90\",\"children\":[\"$\",\"p\",null,{\"className\":\"text-xs font-semibold leading-snug text-midnight dark:text-cream sm:text-[0.8rem]\",\"children\":\"QA / Tester\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"I managed the mobile squad across Android, iOS, and QA.\"}]]}]]}]]}],[\"$\",\"li\",\"Linez Technology-Aug 2018 – Aug 2020\",{\"className\":\"relative pl-1 sm:pl-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[
1calc(1.75rem+1px)]\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl\",\"children\":\"Linez Technology\"}],[\"$\",\"div\",null,{\"className\":\"text-right sm:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Software Engineer\"}],null]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-midnight-muted dark:text-cream/60\",\"children\":\"Aug 2018 – Aug 2020 · Onsite\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":[[\"$\",\"li\",\"Spearheaded Android app development from design to deployment as the sole engineer on assigned products.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Spearheaded Android app development from design to deployment as the sole engineer on assigned products.\"}]]}],[\"$\",\"li\",\"Led UI/UX enhancements and bug fixing to improve user satisfaction.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Led UI/UX enhancements and bug fixing to improve user satisfaction.\"}]]}],[\"$\",\"li\",\"Leveraged Jira, GitHub, Figma, and AWS for delivery and coordination with product stakeholders.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Leveraged Jira, GitHub, Figma, and AWS for delivery and coordination with product stakeholders.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent\",\"children\":\"Working model\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex flex-col items-center\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3\",\"children\":[[\"$\",\"div\",\"Software Engineer\",{\"className\":\"contents\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Software Engineer\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-xs font-medium text-midnight dark:text-cream/90\",\"children\":\"Umer Sheraz\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55\",\"children\":\"Solo contributor\"}]]}]]}]]}],null,null,null,[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Worked independently on Android projects from design through deployment.\"}]]}]]}]]}],[\"$\",\"li\",\"Sprint Solution-Aug 2016 – Oct 2018\",{\"className\":\"relative pl-1 sm:pl-2\",\"children\":[[\"$\",\"span\",null,{\"className\":\"absolute -left-[calc(0.75rem+1px)] top-2 h-3.5 w-3.5 rounded-full border-[3px] border-cream bg-gradient-to-br from-sea to-sea-light shadow-sm ring-4 ring-sea/15 dark:border-midnight-soft dark:from-accent dark:to-sea dark:ring-accent/20 sm:-left-[calc(1.25rem+1px)] sm:h-4 sm:w-4 md:-left-[calc(1.75rem+1px)]\",\"aria-hidden\":true}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1 sm:flex-row sm:flex-wrap sm:items-baseline sm:justify-between sm:gap-x-6\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-display text-xl font-semibold text-midnight dark:text-cream md:text-2xl\",\"children\":\"Sprint Solution\"}],[\"$\",\"div\",null,{\"className\":\"text-right sm:text-left\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Android Developer\"}],null]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-2 text-sm text-midnight-muted dark:text-cream/60\",\"children\":\"Aug 2016 – Oct 2018 · Hybrid\"}],[\"$\",\"ul\",null,{\"className\":\"mt-5 space-y-2.5 text-[0.95rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":[[\"$\",\"li\",\"Developed and maintained Android applications across multiple client domains as a solo developer.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Developed and maintained Android applications across multiple client domains as a solo developer.\"}]]}],[\"$\",\"li\",\"Focused on clean code, modular design, and agile delivery.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Focused on clean code, modular design, and agile delivery.\"}]]}],[\"$\",\"li\",\"Managed deployments and implemented analytics for user behavior tracking.\",{\"className\":\"flex gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"mt-2 h-1 w-1 shrink-0 rounded-full bg-accent\",\"aria-hidden\":true}],[\"$\",\"span\",null,{\"children\":\"Managed deployments and implemented analytics for user behavior tracking.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-6 rounded-2xl border border-line bg-pearl/50 p-5 shadow-soft dark:border-white/10 dark:bg-white/[0.04] dark:shadow-soft-dark sm:p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.22em] text-accent-dark dark:text-accent\",\"children\":\"Working model\"}],[\"$\",\"div\",null,{\"className\":\"mt-5 flex flex-col items-center\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"flex w-full max-w-lg flex-wrap items-stretch justify-center gap-2 sm:gap-3\",\"children\":[[\"$\",\"div\",\"Android Developer\",{\"className\":\"contents\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-w-[7.5rem] flex-1 rounded-xl border px-4 py-3 text-center sm:min-w-[9rem] border-sea/40 bg-sea/10 shadow-sm dark:border-accent/45 dark:bg-accent/10\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm font-semibold text-sea dark:text-accent\",\"children\":\"Android Developer\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-xs font-medium text-midnight dark:text-cream/90\",\"children\":\"Umer Sheraz\"}],[\"$\",\"p\",null,{\"className\":\"mt-1.5 text-[0.7rem] leading-snug text-midnight-muted dark:text-cream/55\",\"children\":\"Solo contributor\"}]]}]]}]]}],null,null,null,[\"$\",\"p\",null,{\"className\":\"mt-4 max-w-lg text-center text-sm leading-relaxed text-midnight-muted dark:text-cream/65\",\"children\":\"Owned Android delivery end to end across client engagements.\"}]]}]]}]]}]]}]]}]}],[\"$\",\"section\",null,{\"id\":\"projects\",\"className\":\"scroll-mt-24 border-t border-line bg-cream-deep/40 px-4 py-20 dark:border-white/10 dark:bg-midnight-soft/25 sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-32\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent\",\"children\":\"Portfolio\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display\",\"children\":\"Recent projects\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-midnight-muted dark:text-cream/70 md:text-lg\",\"children\":\"Short previews below — use Explore more to open the full write-up: stack, delivery, and how I worked with the team.\"}],[\"$\",\"div\",null,{\"className\":\"mt-14 flex flex-col gap-14\",\"children\":[[\"$\",\"article\",\"big-lottery-gulf\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"BIG lottery project in the Gulf\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"Full-stack lottery platform for the Gulf — tickets, wallets, draws, and compliance-aware journeys. Co-founder \u0026 CTO; I lead engineering and delivery end to end.\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"BIG lottery project in the Gulf\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"Full-stack lottery platform for the Gulf — tickets, wallets, draws, and compliance-aware journeys. Co-founder \u0026 CTO; I lead engineering and delivery end to end.\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"Next.js\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Next.js\"}],[\"$\",\"span\",\"TypeScript\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"TypeScript\"}],[\"$\",\"span\",\"React\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"React\"}],[\"$\",\"span\",\"Django\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Django\"}],[\"$\",\"span\",\"DRF\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"DRF\"}],[\"$\",\"span\",\"PostgreSQL\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"PostgreSQL\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",11,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/big-lottery-gulf\",\"aria-label\":\"Read the full case study for BIG lottery project in the Gulf\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],null,null]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/big-lottery-gulf?variant=panel\",\"alt\":\"BIG lottery project in the Gulf — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Gulf lottery · draws, commerce, compliance-aware flows\"}]]}]}]]}],[\"$\",\"article\",\"umerpay\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"UmerPay\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run.\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"UmerPay\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"Open-source banking UI demo — passkeys, transfers, statements, admin tools. Full-stack Next.js you can clone and run.\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"Next.js 14\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Next.js 14\"}],[\"$\",\"span\",\"App Router\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"App Router\"}],[\"$\",\"span\",\"TypeScript\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"TypeScript\"}],[\"$\",\"span\",\"React\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"React\"}],[\"$\",\"span\",\"Tailwind CSS\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Tailwind CSS\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",5,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/umerpay\",\"aria-label\":\"Read the full case study for UmerPay\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],[\"$\",\"$L7\",null,{\"href\":\"https://umer-pay.vercel.app\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-sea px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea-light active:scale-[0.99] min-[400px]:w-auto\",\"children\":\"Live demo\"}],[\"$\",\"$L7\",null,{\"href\":\"https://github.com/MuhammadUmerSheraz/UmerPay\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full border border-midnight/15 bg-transparent px-7 py-3 text-sm font-semibold text-midnight transition hover:border-midnight hover:bg-midnight/[0.03] active:scale-[0.99] dark:border-white/20 dark:text-cream dark:hover:border-cream/40 dark:hover:bg-white/5 min-[400px]:w-auto\",\"children\":\"Source code\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/umerpay?variant=panel\",\"alt\":\"UmerPay — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Banking UI demo · passkeys · transfers · statements · PWA\"}]]}]}]]}],[\"$\",\"article\",\"ghazi-restaurant\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"Ghazi Restaurant\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"Online food ordering \u0026 restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership).\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"Ghazi Restaurant\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"Online food ordering \u0026 restaurant management — React customer app, NestJS APIs, MongoDB, admin dashboards, chat, and maps. Technical Lead (40% coding, 60% leadership).\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"React\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"React\"}],[\"$\",\"span\",\"NestJS\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"NestJS\"}],[\"$\",\"span\",\"TypeScript\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"TypeScript\"}],[\"$\",\"span\",\"MongoDB\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"MongoDB\"}],[\"$\",\"span\",\"Redux\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Redux\"}],[\"$\",\"span\",\"Tailwind CSS\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Tailwind CSS\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",6,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/ghazi-restaurant\",\"aria-label\":\"Read the full case study for Ghazi Restaurant\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],null,null]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/ghazi-restaurant?variant=panel\",\"alt\":\"Ghazi Restaurant — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Food delivery · React · NestJS · admin\"}]]}]}]]}],[\"$\",\"article\",\"cuddloo\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"Cuddloo - AI Match Making App\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery.\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"Cuddloo - AI Match Making App\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"AI matchmaking and dating app for Morocco — Tinder/Bumble-style product with 100K users. I led Android (Kotlin), Node.js backend, PostgreSQL, web, iOS supervision, and AWS delivery.\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"Kotlin\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Kotlin\"}],[\"$\",\"span\",\"Android\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Android\"}],[\"$\",\"span\",\"Swift\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Swift\"}],[\"$\",\"span\",\"iOS\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"iOS\"}],[\"$\",\"span\",\"Node.js\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Node.js\"}],[\"$\",\"span\",\"PostgreSQL\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"PostgreSQL\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",6,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/cuddloo\",\"aria-label\":\"Read the full case study for Cuddloo - AI Match Making App\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],null,null]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/cuddloo?variant=panel\",\"alt\":\"Cuddloo - AI Match Making App — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Morocco · AI matchmaking · 100K users\"}]]}]}]]}],[\"$\",\"article\",\"sms-pin-verify\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"SMS Pin Verify\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"Secure Android app with 5,000+ users — virtual number rentals, OTP delivery via push notifications, global countries, and multi-currency payments (Google Pay, Binance, Bitcoin).\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"SMS Pin Verify\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"Secure Android app with 5,000+ users — virtual number rentals, OTP delivery via push notifications, global countries, and multi-currency payments (Google Pay, Binance, Bitcoin).\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"Kotlin\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Kotlin\"}],[\"$\",\"span\",\"Jetpack Compose\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Jetpack Compose\"}],[\"$\",\"span\",\"MVVM\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"MVVM\"}],[\"$\",\"span\",\"Clean Architecture\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Clean Architecture\"}],[\"$\",\"span\",\"Retrofit\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Retrofit\"}],[\"$\",\"span\",\"Firebase\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Firebase\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",2,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/sms-pin-verify\",\"aria-label\":\"Read the full case study for SMS Pin Verify\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],null,null]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/sms-pin-verify?variant=panel\",\"alt\":\"SMS Pin Verify — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Android · 5K+ users · OTP · virtual numbers\"}]]}]}]]}],[\"$\",\"article\",\"fax-from-iphone\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"FAX from iPhone · Send Document\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"SpeedyFax — digital faxing on iOS and Android with React Native, Node.js backend, Vue admin, iFax API, and DigitalOcean. I led delivery end to end as project lead.\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"FAX from iPhone · Send Document\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"SpeedyFax — digital faxing on iOS and Android with React Native, Node.js backend, Vue admin, iFax API, and DigitalOcean. I led delivery end to end as project lead.\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"React Native\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"React Native\"}],[\"$\",\"span\",\"Node.js\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Node.js\"}],[\"$\",\"span\",\"Vue.js\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Vue.js\"}],[\"$\",\"span\",\"DigitalOcean\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"DigitalOcean\"}],[\"$\",\"span\",\"iFax API\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"iFax API\"}],[\"$\",\"span\",\"Apple Sign-In\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Apple Sign-In\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",2,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/fax-from-iphone\",\"aria-label\":\"Read the full case study for FAX from iPhone · Send Document\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],null,null]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/fax-from-iphone?variant=panel\",\"alt\":\"FAX from iPhone · Send Document — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Mobile fax · iFax · subscriptions\"}]]}]}]]}],[\"$\",\"article\",\"tash-wash\",{\"itemScope\":true,\"itemType\":\"https://schema.org/CreativeWork\",\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream shadow-lift dark:border-white/10 dark:bg-midnight-soft/95 dark:shadow-lift-dark md:grid md:grid-cols-[1.1fr_0.9fr]\",\"children\":[[\"$\",\"meta\",null,{\"itemProp\":\"name\",\"content\":\"Tash Wash\"}],[\"$\",\"meta\",null,{\"itemProp\":\"description\",\"content\":\"Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager \u0026 Technical Lead.\"}],[\"$\",\"div\",null,{\"className\":\"order-2 flex flex-col justify-center p-5 sm:p-8 md:order-1 md:p-12 lg:p-14\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"break-words font-display text-2xl font-semibold tracking-tight text-midnight dark:text-cream sm:text-3xl md:text-4xl\",\"children\":\"Tash Wash\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 max-w-2xl text-[1.05rem] leading-relaxed text-midnight-muted dark:text-cream/75 md:text-base\",\"children\":\"Car detailing marketplace — Android app for customers and detailers with Laravel backend, admin panel, Stripe Connect payouts, and maps. I led as Project Manager \u0026 Technical Lead.\"}],[\"$\",\"div\",null,{\"className\":\"mt-7 flex flex-wrap gap-2\",\"children\":[[[\"$\",\"span\",\"Android\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Android\"}],[\"$\",\"span\",\"Kotlin\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Kotlin\"}],[\"$\",\"span\",\"MVVM\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"MVVM\"}],[\"$\",\"span\",\"Retrofit\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Retrofit\"}],[\"$\",\"span\",\"PHP\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"PHP\"}],[\"$\",\"span\",\"Laravel\",{\"className\":\"rounded-full border border-line bg-pearl/80 px-3.5 py-1.5 text-xs font-medium text-midnight dark:border-white/10 dark:bg-white/5 dark:text-cream/90\",\"children\":\"Laravel\"}]],[\"$\",\"span\",null,{\"className\":\"rounded-full border border-dashed border-line px-3.5 py-1.5 text-xs font-medium text-midnight-muted dark:border-white/20 dark:text-cream/50\",\"children\":[\"+\",5,\" in full detail\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-9 flex flex-col gap-3 min-[400px]:flex-row min-[400px]:flex-wrap\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"/work/tash-wash\",\"aria-label\":\"Read the full case study for Tash Wash\",\"className\":\"inline-flex min-h-11 w-full items-center justify-center rounded-full bg-midnight px-7 py-3 text-sm font-semibold text-cream shadow-sm transition hover:bg-sea active:scale-[0.99] dark:bg-cream dark:text-midnight dark:hover:bg-accent dark:hover:text-midnight min-[400px]:w-auto\",\"children\":\"Explore more\"}],null,null]}]]}],[\"$\",\"div\",null,{\"className\":\"relative order-1 min-h-[200px] overflow-hidden border-t border-line bg-midnight-soft dark:border-white/10 dark:bg-[#050810] sm:min-h-[240px] md:order-2 md:min-h-[360px] md:border-l md:border-t-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"relative z-[1] flex h-full min-h-[180px] items-center justify-center p-4 sm:min-h-[220px] sm:p-7 md:min-
1h-[320px] md:p-9\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative overflow-hidden h-auto w-full max-h-[min(200px,38vw)] rounded-xl border border-white/15 shadow-[0_28px_90px_-24px_rgba(0,0,0,0.75)] sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"children\":[\"$\",\"$L8\",null,{\"src\":\"/project-cover/tash-wash?variant=panel\",\"alt\":\"Tash Wash — project cover\",\"width\":1200,\"height\":630,\"className\":\"h-full w-full object-contain object-center h-auto w-full max-h-[min(200px,38vw)] rounded-xl sm:max-h-[260px] md:max-h-[min(310px,42vh)]\",\"sizes\":\"(max-width: 768px) 90vw, min(520px, 40vw)\",\"priority\":false}]}],[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"Car detailing · marketplace · Stripe Connect\"}]]}]}]]}]]}]]}]}],[\"$\",\"section\",null,{\"id\":\"contact\",\"className\":\"scroll-mt-24 border-t border-line bg-mesh-footer px-4 py-20 dark:border-white/10 dark:bg-mesh-footer-dark sm:scroll-mt-28 sm:px-5 sm:py-24 md:px-8 md:py-28\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-6xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"overflow-hidden rounded-[1.75rem] border border-line bg-cream/90 p-5 shadow-soft backdrop-blur-md dark:border-white/10 dark:bg-midnight-soft/90 dark:shadow-soft-dark sm:p-8 md:p-12 lg:p-14\",\"children\":[\"$\",\"div\",null,{\"className\":\"md:flex md:items-end md:justify-between md:gap-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-xl\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-sans text-[11px] font-semibold uppercase tracking-[0.28em] text-accent-dark dark:text-accent\",\"children\":\"Contact\"}],[\"$\",\"h2\",null,{\"className\":\"mt-4 font-display text-[1.75rem] font-medium leading-tight text-midnight dark:text-cream sm:text-display-sm md:text-display\",\"children\":\"Let's talk\"}],[\"$\",\"p\",null,{\"className\":\"mt-5 text-midnight-muted dark:text-cream/70 md:text-lg\",\"children\":[\"Open to remote \u0026 hybrid\",\". For roles, consulting, or architecture conversations — I'd love to hear from you.\"]}]]}],[\"$\",\"div\",null,{\"className\":\"mt-10 flex flex-col gap-4 md:mt-0 md:text-right\",\"children\":[[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"break-all text-base font-semibold text-midnight underline decoration-accent/50 decoration-2 underline-offset-[6px] transition hover:decoration-accent dark:text-cream sm:text-lg\",\"children\":\"[email protected]\"}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/in/muhammad-umer-sheraz\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-base font-semibold text-midnight underline decoration-accent/50 decoration-2 underline-offset-[6px] transition hover:decoration-accent dark:text-cream sm:text-lg\",\"children\":\"LinkedIn\"}],[\"$\",\"a\",null,{\"href\":\"tel:+923076450994\",\"className\":\"text-midnight-muted transition hover:text-sea dark:text-cream/65 dark:hover:text-accent\",\"children\":\"+92 307 6450994\"}]]}]]}]}]}]}],[\"$\",\"footer\",null,{\"className\":\"bg-midnight px-4 py-10 pb-[max(2.5rem,env(safe-area-inset-bottom))] sm:px-5 sm:py-12 md:px-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto flex max-w-6xl flex-col items-center justify-between gap-6 text-sm text-cream/55 md:flex-row\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-center md:text-left\",\"children\":[\"© \",2026,\" \",\"Umer Sheraz\",\". Crafted with Next.js.\"]}],[\"$\",\"div\",null,{\"className\":\"flex flex-wrap justify-center gap-8\",\"children\":[[\"$\",\"$L7\",null,{\"href\":\"https://github.com/muhammadumersheraz1\",\"className\":\"transition hover:text-cream\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":\"GitHub\"}],[\"$\",\"$L7\",null,{\"href\":\"https://www.linkedin.com/in/muhammad-umer-sheraz\",\"className\":\"transition hover:text-cream\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":\"LinkedIn\"}],[\"$\",\"$L7\",null,{\"href\":\"https://umer-pay.vercel.app\",\"className\":\"transition hover:text-cream\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":\"UmerPay\"}]]}]]}]}]]}]],null],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4ad7aeb73750a7e1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark __variable_eb41fe __variable_2ca027\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-dvh min-w-0 touch-manipulation font-sans text-[15px] leading-relaxed antialiased md:text-base\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$9\"}}],[\"$\",\"$La\",null,{\"id\":\"portfolio-theme\",\"strategy\":\"beforeInteractive\",\"children\":\"(function(){try{var t=localStorage.getItem('portfolio-theme');
1if(t==='light'){document.documentElement.classList.remove('dark');}else{document.documentElement.classList.add('dark');}}catch(e){document.documentElement.classList.add('dark');}})();\"}],[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",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.\"}]}]]}]}]],\"notFoundStyles\":[]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Ld\"],\"globalErrorComponent\":\"$e\",\"missingSlots\":\"$Wf\"}]\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover\"}],[\"$\",\"meta\",\"1\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"#fffdf9\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"#070b12\"}],[\"$\",\"meta\",\"3\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"4\",{\"children\":\"Umer Sheraz — Senior Software Engineer | Full Stack Developer | Full-Stack Portfolio\"}],[\"$\",\"meta\",\"5\",{\"name\":\"description\",\"content\":\"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.\"}],[\"$\",\"meta\",\"6\",{\"name\":\"application-name\",\"content\":\"Umer Sheraz\"}],[\"$\",\"link\",\"7\",{\"rel\":\"author\",\"href\":\"https://umer-sheraz-portfolio.vercel.app/\"}],[\"$\",\"meta\",\"8\",{\"name\":\"author\",\"content\":\"Umer Sheraz\"}],[\"$\",\"link\",\"9\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"10\",{\"name\":\"keywords\",\"content\":\"Umer Sheraz,Muhammad Umer Sheraz,technical leader,technical lead,CTO,software architect,full stack developer,full stack engineer,mobile developer,Flutter,React Native,Android developer,iOS developer,Next.js,React,Laravel,Node.js,NestJS,Python,AWS,Kubernetes,Docker,DevOps,AI,AI agents,Cursor,Claude,n8n,vibe engineering,Flutter,TypeScript,portfolio,software engineering,Gulf,UAE,remote developer\"}],[\"$\",\"meta\",\"11\",{\"name\":\"referrer\",\"content\":\"strict-origin-when-cross-origin\"}],[\"$\",\"meta\",\"12\",{\"name\":\"creator\",\"content\":\"Umer Sheraz\"}],[\"$\",\"meta\",\"13\",{\"name\":\"publisher\",\"content\":\"Umer Sheraz\"}],[\"$\",\"meta\",\"14\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"15\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"16\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"17\",{\"rel\":\"canonical\",\"href\":\"https://umer-sheraz-portfolio.vercel.app\"}],[\"$\",\"meta\",\"18\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"19\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"20\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Umer Sheraz — Portfolio\"}],[\"$\",\"meta\",\"21\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:title\",\"content\":\"Umer Sheraz — Senior Software Engineer | Full Stack Developer\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:description\",\"content\":\"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:url\",\"content\":\"https://umer-sheraz-portfolio.vercel.app\"}],[\"$\",\"meta\",\"25\",{\"property\":\"og:image:alt\",\"content\":\"Umer Sheraz — Senior Software Engineer | Full Stack Developer\"}],[\"$\",\"meta\",\"26\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"27\",{\"property\":\"og:image\",\"content\":\"https://umer-sheraz-portfolio.vercel.app/opengraph-image?d7aa05fbb09be815\"}],[\"$\",\"meta\",\"28\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"29\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"30\",{\"property\":\"og:type\",\"content\":\"profile\"}],[\"$\",\"meta\",\"31\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"32\",{\"name\":\"twitter:title\",\"content\":\"Umer Sheraz — Senior Software Engineer | Full Stack Developer\"}],[\"$\",\"meta\",\"33\",{\"name\":\"twitter:description\",\"content\":\"Umer Sheraz — senior software engineer with 9 years of experience. Full-stack: mobile, Android, iOS, web, backend, AWS, Kubernetes, and DevOps. Portfolio and projects.\"}],[\"$\",\"meta\",\"34\",{\"name\":\"twitter:image:alt\",\"content\":\"Umer Sheraz — Senior Softw
1are Engineer | Full Stack Developer\"}],[\"$\",\"meta\",\"35\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"36\",{\"name\":\"twitter:image\",\"content\":\"https://umer-sheraz-portfolio.vercel.app/twitter-image?ba2b49442c0e1d35\"}],[\"$\",\"meta\",\"37\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"38\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"39\",{\"rel\":\"icon\",\"href\":\"/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"40\",{\"rel\":\"icon\",\"href\":\"/icon-512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"41\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"meta\",\"42\",{\"name\":\"next-size-adjust\"}]]\n"])</script>
1<script>self.__next_f.push([1,"5:null\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.