PageSourceSearch

https://muhammadrazabangi.com/about

html muhammadrazabangi.com collected 2026-10-02 01:36:18 UTC 80,163 bytes, 2 lines download raw bytes

1<!DOCTYPE html><!--d7NidD_ZHJHcYg726Vuvy--><html lang="en" class="__variable_f367f3 __variable_898c26"><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/558ca1a6aa3cb55e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=3840&amp;q=75 3840w" imageSizes="(min-width: 1024px) 300px, 60vw"/><link rel="stylesheet" href="/_next/static/css/eacefd9ad7f0a341.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-9d39065f5557a6a9.js"/>
1<script src="/_next/static/chunks/ebf0c473-91500a9b869337da.js" async=""></script>
1<script src="/_next/static/chunks/611-856c2d1aa6ec1510.js" async=""></script>
1<script src="/_next/static/chunks/main-app-f1135b2c40079127.js" async=""></script>
1<script src="/_next/static/chunks/579-27b3374cb3187cd2.js" async=""></script>
1<script src="/_next/static/chunks/537-f8f731e7903a9a16.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-4653ed3315199ba4.js" async=""></script>
1<script src="/_next/static/chunks/app/error-74ad474792ffe0b9.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-99d1e97998041a10.js" async=""></script>
1<meta name="next-size-adjust" content=""/><meta name="theme-color" content="#120d1a"/><meta name="color-scheme" content="dark"/><title>About | Muhammad Raza Bangi</title><meta name="description" content="5+ years delivering custom software using Laravel, Next.js, React, Vue, Node.js, and modern cloud technologies for startups, enterprises, and growing businesses. Based in Karachi, Pakistan, focused on Laravel, Next.js, TypeScript, Vue.js."/><meta name="application-name" content="Muhammad Raza Bangi Portfolio"/><link rel="author" href="https://muhammadrazabangi.com"/><meta name="author" content="Muhammad Raza Bangi"/><link rel="manifest" href="/manifest.webmanifest"/><meta name="keywords" content="Muhammad Raza Bangi,Raza Bangi,Muhammad Raza Bangi portfolio,Muhammad Raza Bangi developer,Senior Software Engineer Muhammad Raza Bangi,Senior Software Engineer,Senior Laravel Developer,Laravel Developer,PHP Laravel Developer,Laravel Backend Developer,Full Stack Developer,Backend Developer,Software Engineer,Web Application Developer,Custom Software Developer,Next.js Developer,React Developer,Vue.js Developer,Nuxt.js Developer,TypeScript Developer,JavaScript Developer,Node.js Developer,NestJS Developer,Filament PHP Developer,Laravel Filament Developer,WordPress Developer,MySQL Developer,PostgreSQL Developer,SaaS Developer,SaaS Application Development,Enterprise Software Developer,Enterprise Web Application Development,REST API Developer,API Integration Developer,Admin Panel Developer,CRM Development,Business Automation Developer,AI Automation Developer,n8n Automation Developer,Custom Web Application Development,Ecommerce Website Developer,Software Development Services,Laravel Developer Karachi,Full Stack Developer Karachi,Software Engineer Karachi,Web Developer Karachi,Laravel Developer Pakistan,Full Stack Developer Pakistan,Software Engineer Pakistan,Hire Developer Pakistan,Laravel Developer Dubai,Full Stack Developer Dubai,Software Developer Dubai,Web Developer Dubai,Remote Developer Dubai,Laravel Developer UAE,Full Stack Developer UAE,Software Developer UAE,Web Development Services UAE,Hire Laravel Developer Dubai,Hire Remote Developer UAE,Laravel Developer Saudi Arabia,Full Stack Developer Saudi Arabia,Software Developer Saudi Arabia,Web Developer Riyadh,Laravel Developer Riyadh,Remote Developer Saudi Arabia,Hire Laravel Developer Saudi Arabia,Laravel Developer USA,Full Stack Developer USA,Remote Software Developer USA,Remote Laravel Developer USA,Web Development Services USA,Hire Laravel Developer USA,Hire Remote Full Stack Developer USA,Laravel Developer UK,Remote Full Stack Developer UK,Laravel Developer Canada,Remote Software Developer Canada,International Software Developer,Offshore Laravel Developer,Remote Full Stack Developer,Remote Backend Developer,Freelance Laravel Developer,Hire Remote Software Developer,Developer Portfolio,Interactive Developer Portfolio,VS Code Portfolio,VS Code Style Portfolio"/><meta name="creator" content="Muhammad Raza Bangi"/><meta name="publisher" content="Muhammad Raza Bangi"/><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://muhammadrazabangi.com/about"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Muhammad Raza Bangi"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta property="og:title" content="Muhammad Raza Bangi — Senior Software Engineer"/><meta property="og:description" content="Explore the interactive VS Code-style portfolio of Muhammad Raza Bangi, a Senior Software Engineer specializing in Laravel, SaaS platforms, REST APIs, Next.js, Vue.js, Filament, and AI automation."/><meta property="og:url" content="https://muhammadrazabangi.com"/><meta property="og:site_name" content="Muhammad Raza Bangi Portfolio"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="Muhammad Raza Bangi — Senior Softw
1are Engineer"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://muhammadrazabangi.com/opengraph-image?530328b747189a2a"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Muhammad Raza Bangi — Senior Software Engineer"/><meta name="twitter:description" content="Senior Laravel and Full Stack Developer building enterprise platforms, SaaS products, REST APIs, Next.js applications, and AI automations."/><meta name="twitter:image:alt" content="Muhammad Raza Bangi — Senior Software Engineer"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://muhammadrazabangi.com/opengraph-image?530328b747189a2a"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/icon.png?2a5c9cdd4e5f0c81" type="image/png" sizes="512x512"/><link rel="apple-touch-icon" href="/apple-icon.png?06bcd9514f89a045" type="image/png" sizes="180x180"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div>
1<script>(function(){try{var THEMES={"default-dark":{"id":"default-dark","label":"Default Dark","isLight":false,"colors":{"titlebar":"#1a1625","titlebarForeground":"#d8d4e8","activitybar":"#150f20","activitybarForeground":"#8b83a8","activitybarActive":"#ffffff","sidebar":"#17121f","sidebarForeground":"#b4aecb","sidebarActiveBg":"#241c33","editor":"#120d1a","editorForeground":"#e4e0f2","editorLineNumber":"#4d4666","editorGutter":"#120d1a","tabActive":"#1c1628","tabInactive":"#150f20","tabActiveForeground":"#ffffff","tabInactiveForeground":"#8b83a8","tabBorder":"#2c2440","statusbar":"#6d3fd6","statusbarForeground":"#ffffff","terminal":"#100b18","terminalForeground":"#d8d4e8","border":"#2a2238","accent":"#8b5cf6","accentForeground":"#ffffff","accentSecondary":"#3b82f6","card":"#1a1526","cardBorder":"#2c2440","muted":"#9089ac","danger":"#f87171","success":"#4ade80"},"syntax":{"keyword":"#c084fc","string":"#93c5fd","function":"#60a5fa","comment":"#6b7280","number":"#fbbf24","type":"#5eead4","tag":"#f472b6","property":"#a5b4fc","punctuation":"#9089ac"}},"one-dark-pro":{"id":"one-dark-pro","label":"One Dark Pro","isLight":false,"colors":{"titlebar":"#21252b","titlebarForeground":"#abb2bf","activitybar":"#21252b","activitybarForeground":"#6b717d","activitybarActive":"#ffffff","sidebar":"#21252b","sidebarForeground":"#9da5b4","sidebarActiveBg":"#2c313c","editor":"#282c34","editorForeground":"#abb2bf","editorLineNumber":"#495162","editorGutter":"#282c34","tabActive":"#282c34","tabInactive":"#21252b","tabActiveForeground":"#dcdfe4","tabInactiveForeground":"#6b717d","tabBorder":"#181a1f","statusbar":"#21252b","statusbarForeground":"#9da5b4","terminal":"#282c34","terminalForeground":"#abb2bf","border":"#181a1f","accent":"#61afef","accentForeground":"#0b0d10","accentSecondary":"#c678dd","card":"#2c313a","cardBorder":"#3a3f4b","muted":"#5c6370","danger":"#e06c75","success":"#98c379"},"syntax":{"keyword":"#c678dd","string":"#98c379","function":"#61afef","comment":"#5c6370","number":"#d19a66","type":"#e5c07b","tag":"#e06c75","property":"#e06c75","punctuation":"#abb2bf"}},"dracula":{"id":"dracula","label":"Dracula","isLight":false,"colors":{"titlebar":"#21222c","titlebarForeground":"#f8f8f2","activitybar":"#21222c","activitybarForeground":"#6272a4","activitybarActive":"#f8f8f2","sidebar":"#21222c","sidebarForeground":"#f8f8f2","sidebarActiveBg":"#44475a","editor":"#282a36","editorForeground":"#f8f8f2","editorLineNumber":"#6272a4","editorGutter":"#282a36","tabActive":"#282a36","tabInactive":"#21222c","tabActiveForeground":"#f8f8f2","tabInactiveForeground":"#6272a4","tabBorder":"#191a21","statusbar":"#bd93f9","statusbarForeground":"#191a21","terminal":"#282a36","terminalForeground":"#f8f8f2","border":"#191a21","accent":"#bd93f9","accentForeground":"#191a21","accentSecondary":"#ff79c6","card":"#2b2d3a","cardBorder":"#44475a","muted":"#6272a4","danger":"#ff5555","success":"#50fa7b"},"syntax":{"keyword":"#ff79c6","string":"#f1fa8c","function":"#50fa7b","comment":"#6272a4","number":"#bd93f9","type":"#8be9fd","tag":"#ff79c6","property":"#50fa7b","punctuation":"#f8f8f2"}},"github-dark":{"id":"github-dark","label":"GitHub Dark","isLight":false,"colors":{"titlebar":"#010409","titlebarForeground":"#c9d1d9","activitybar":"#0d1117","activitybarForeground":"#7d8590","activitybarActive":"#f0f6fc","sidebar":"#010409","sidebarForeground":"#c9d1d9","sidebarActiveBg":"#161b22","editor":"#0d1117","editorForeground":"#c9d1d9","editorLineNumber":"#484f58","editorGutter":"#0d1117","tabActive":"#0d1117","tabInactive":"#010409","tabActiveForeground":"#f0f6fc","tabInactiveForeground":"#7d8590","tabBorder":"#30363d","statusbar":"#0d1117","statusbarForeground":"#c9d1d9","terminal":"#010409","terminalForeground":"#c9d1d9","border":"#30363d","accent":"#58a6ff","accentForeground":"#0d1117","accentSecondary":"#bc8cff","card":"#161b22","cardBorder":"#30363d","muted":"#8b949e","danger":"#f85149","success":"#3fb950"},"syntax":{"keyword":"#ff7b72","string":"#a5d6ff","function":"#d2a8ff","comment":"#8b949e","number":"#79c0ff","type":"#ffa657","tag":"#7ee787","property":"#79c0ff","punctuation":"#c9d1d9"}}
1,"tokyo-night":{"id":"tokyo-night","label":"Tokyo Night","isLight":false,"colors":{"titlebar":"#16161e","titlebarForeground":"#a9b1d6","activitybar":"#16161e","activitybarForeground":"#565f89","activitybarActive":"#c0caf5","sidebar":"#16161e","sidebarForeground":"#a9b1d6","sidebarActiveBg":"#24283b","editor":"#1a1b26","editorForeground":"#a9b1d6","editorLineNumber":"#3b4261","editorGutter":"#1a1b26","tabActive":"#1a1b26","tabInactive":"#16161e","tabActiveForeground":"#c0caf5","tabInactiveForeground":"#565f89","tabBorder":"#101014","statusbar":"#1a1b26","statusbarForeground":"#a9b1d6","terminal":"#1a1b26","terminalForeground":"#a9b1d6","border":"#101014","accent":"#7aa2f7","accentForeground":"#101014","accentSecondary":"#bb9af7","card":"#1f2335","cardBorder":"#292e42","muted":"#565f89","danger":"#f7768e","success":"#9ece6a"},"syntax":{"keyword":"#bb9af7","string":"#9ece6a","function":"#7aa2f7","comment":"#565f89","number":"#ff9e64","type":"#2ac3de","tag":"#f7768e","property":"#7dcfff","punctuation":"#a9b1d6"}},"light":{"id":"light","label":"Light Theme","isLight":true,"colors":{"titlebar":"#f3f3f3","titlebarForeground":"#1e1e1e","activitybar":"#f3f3f3","activitybarForeground":"#424242","activitybarActive":"#1a1a1a","sidebar":"#f3f3f3","sidebarForeground":"#3b3b3b","sidebarActiveBg":"#e4e6f1","editor":"#ffffff","editorForeground":"#1f2328","editorLineNumber":"#a0a0a0","editorGutter":"#ffffff","tabActive":"#ffffff","tabInactive":"#ececec","tabActiveForeground":"#1e1e1e","tabInactiveForeground":"#6e7781","tabBorder":"#e0e0e0","statusbar":"#7c3aed","statusbarForeground":"#ffffff","terminal":"#ffffff","terminalForeground":"#1f2328","border":"#e0e0e0","accent":"#7c3aed","accentForeground":"#ffffff","accentSecondary":"#2563eb","card":"#f6f6f6","cardBorder":"#e0e0e0","muted":"#6e7781","danger":"#cf222e","success":"#1a7f37"},"syntax":{"keyword":"#af00db","string":"#a31515","function":"#795e26","comment":"#6a9955","number":"#098658","type":"#267f99","tag":"#800000","property":"#001080","punctuation":"#1f2328"}}};var stored=localStorage.getItem("portfolio-theme");var theme=THEMES[stored]||THEMES["default-dark"];var root=document.documentElement;function toKebab(s){return s.replace(/([A-Z])/g,"-$1").toLowerCase();}for(var k in theme.colors){root.style.setProperty("--vsc-"+toKebab(k),theme.colors[k]);}for(var j in theme.syntax){root.style.setProperty("--syn-"+toKebab(j),theme.syntax[j]);}root.setAttribute("data-theme",theme.id);if(theme.isLight){root.classList.add("theme-light");}}catch(e){}})();</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Muhammad Raza Bangi","url":"https://muhammadrazabangi.com","image":"https://muhammadrazabangi.com/images/raza-avatar-cutout.png","jobTitle":"Senior Software Engineer","address":{"@type":"PostalAddress","addressLocality":"Karachi","addressCountry":"PK"},"email":"mailto:[email protected]","sameAs":["https://github.com/razabangi","https://www.linkedin.com/in/muhammad-raza-bangi/"],"knowsAbout":["Laravel","Next.js","TypeScript","Vue.js"]}</script>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Muhammad Raza Bangi — Portfolio","url":"https://muhammadrazabangi.com","inLanguage":"en"}</script>
1<div class="flex h-dvh flex-col overflow-hidden bg-vsc-editor text-vsc-editor-foreground"><a href="#editor-main" class="sr-only focus:not-sr-only focus:fixed focus:left-2 focus:top-2 focus:z-[60] focus:rounded focus:bg-vsc-accent focus:px-3 focus:py-2 focus:text-vsc-accent-foreground">Skip to content</a><header class="flex h-11 shrink-0 items-center justify-between border-b border-vsc-border bg-vsc-titlebar px-3 text-vsc-titlebar-foreground select-none"><div class="flex items-center gap-3"><button type="button" aria-label="Toggle explorer sidebar" class="grid h-7 w-7 place-items-center rounded hover:bg-white/10 md:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-4 w-4" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button><div class="hidden items-center gap-1.5 sm:flex" aria-hidden="true"><span class="h-3 w-3 rounded-full bg-[#ff5f57]"></span><span class="h-3 w-3 rounded-full bg-[#febc2e]"></span><span class="h-3 w-3 rounded-full bg-[#28c840]"></span></div></div><p class="truncate text-xs font-medium text-vsc-titlebar-foreground/80 sm:text-sm">Muhammad Raza Bangi<!-- --> <span class="text-vsc-muted"></span></p><div class="flex items-center gap-1"><button type="button" aria-label="Open command palette" class="grid h-7 w-7 place-items-center rounded hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-4 w-4" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></button><button type="button" aria-haspopup="listbox" aria-expanded="false" aria-label="Select color theme" class="grid h-7 w-7 place-items-center rounded hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette h-4 w-4" aria-hidden="true"><path d="M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z"></path><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle></svg></button></div></header><div class="flex flex-1 overflow-hidden"><nav aria-label="Activity bar" class="hidden w-12 shrink-0 flex-col items-center border-r border-vsc-border bg-vsc-activitybar py-2 md:flex"><ul class="flex flex-col items-center gap-1"><li class="relative w-full"><span class="absolute left-0 top-1 bottom-1 w-0.5 rounded-full bg-vsc-accent" aria-hidden="true"></span><button type="button" aria-label="Explorer" aria-current="true" title="Explorer" class="mx-auto grid h-10 w-10 place-items-center rounded transition-colors text-vsc-activitybar-active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-files h-5 w-5" aria-hidden="true"><path d="M15 2a2 2 0 0 1 1.414.586l4 4A2 2 0 0 1 21 8v7a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z"></path><path d="M15 2v4a2 2 0 0 0 2 2h4"></path><path d="M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1"></path></svg></button></li><li class="relative w-full"><button type="button" aria-label="Search" title="Search" class="mx-auto grid h-10 w-10 place-items-center rounded transition-colors text-vsc-activitybar-foreground hover:text-vsc-activitybar-active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-5 w-5" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></button></li><li class="relative w-full"><button type="button" aria-label="Source Control" title="Source Control" class="mx-auto grid h-10 w-10 place-items-center rounded transition-colors text-vsc-activitybar-foreground hover:text-vsc-activitybar-active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch h-5 w-5" aria-hidden="true"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg></button></li><li class="relative w-full"><button type="button" aria-label="Projects" title="Projects" class="mx-auto grid h-10 w-10 place-items-center rounded transition-colors text-vsc-activitybar-foreground hover:text-vsc-activitybar-active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-kanban h-5 w-5" aria-hidden="true"><path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z"></path><path d="M8 10v4"></path><path d="M12 10v2"></path><path d="M16 10v6"></path></svg></button></li><li class="relative w-full"><button type="button" aria-label="Settings" title="Settings" class="mx-auto grid h-10 w-10 place-items-center rounded transition-colors text-vsc-activitybar-foreground hover:text-vsc-activitybar-active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-5 w-5" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></button></li></ul><button type="button" aria-label="Hide terminal" aria-pressed="true" title="Terminal" class="mx-auto mt-2 grid h-10 w-10 place-items-center rounded transition-colors text-vsc-activitybar-active"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal h-5 w-5" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg></button><button type="button" aria-label="Open about.ts" title="Muhammad Raza Bangi" class="mt-auto grid h-9 w-9 place-items-center overflow-hidden rounded-full border border-vsc-border"><img alt="" loading="lazy" width="36" height="36" decoding="async" data-nimg="1" class="h-full w-full object-cover" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=48&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=96&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=96&amp;q=75"/></button></nav><aside aria-label="Explorer" class="fixed inset-y-11 left-0 z-40 flex w-72 shrink-0 flex-col overflow-hidden border-r border-vsc-border bg-vsc-sidebar transition-transform duration-200 md:static md:inset-y-auto md:h-full -translate-x-full md:w-0 md:-translate-x-0 md:border-r-0"><div class="vsc-scrollbar min-h-0 w-72 flex-1 overflow-y-auto overscroll-contain py-3 md:w-64"><p class="px-4 text-[11px] font-semibold tracking-widest text-vsc-sidebar-foreground
1/70">EXPLORER</p><div class="mt-3 px-1"><div class="flex items-center gap-1 px-2 py-1 text-xs font-semibold text-vsc-sidebar-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 shrink-0" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-git2 lucide-folder-git-2 h-3.5 w-3.5 shrink-0 text-vsc-accent-secondary" aria-hidden="true"><path d="M9 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2v5"></path><circle cx="13" cy="12" r="2"></circle><path d="M18 19c-2.8 0-5-2.2-5-5v8"></path><circle cx="20" cy="19" r="2"></circle></svg><span class="tracking-wide">RAZA-BANGI</span></div><ul role="list" class="mt-1"><li><a class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors text-vsc-sidebar-foreground hover:bg-vsc-sidebar-active-bg/60" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5 shrink-0" style="color:var(--vsc-accent-secondary)" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><span class="truncate">README.md</span></a></li><li><a aria-current="true" class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors bg-vsc-sidebar-active-bg text-vsc-editor-foreground" href="/about"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="truncate">about.ts</span></a></li><li><a class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors text-vsc-sidebar-foreground hover:bg-vsc-sidebar-active-bg/60" href="/experience"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="truncate">experience.ts</span></a></li><li><a class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors text-vsc-sidebar-foreground hover:bg-vsc-sidebar-active-bg/60" href="/projects"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="truncate">projects.ts</span></a></li><li><a class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors text-vsc-sidebar-foreground hover:bg-vsc-sidebar-active-bg/60" href="/skills"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="truncate">skills.ts</span></a></li><li><a class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors text-vsc-sidebar-foreground hover:bg-vsc-sidebar-active-bg/60" href="/services"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="truncate">services.ts</span></a></li><li><a class="flex w-full items-center gap-2 py-1 pl-7 pr-3 text-left text-sm transition-colors text-vsc-sidebar-foreground hover:bg-vsc-sidebar-active-bg/60" href="/contact"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="truncate">contact.ts</span></a></li></ul></div></div><div class="shrink-0 border-t border-vsc-border px-4 py-2 text-[11px] text-vsc-sidebar-foreground
1/60">Built by<!-- --> <a href="https://92nodes.com/" target="_blank" rel="noreferrer" class="text-vsc-sidebar-foreground/80 underline-offset-2 hover:text-vsc-accent hover:underline">92nodes.com</a></div></aside><div id="editor-main" class="flex min-w-0 flex-1 flex-col overflow-hidden"><div role="tablist" aria-label="Open files" class="tab-strip flex h-10 shrink-0 overflow-x-auto border-b border-vsc-border bg-vsc-tab-inactive"><div role="tab" id="tab-readme" aria-selected="false" aria-controls="panel-readme" tabindex="-1" class="group flex h-full shrink-0 cursor-pointer items-center gap-2 border-r border-vsc-tab-border px-3 text-sm transition-colors text-vsc-tab-inactive-foreground hover:bg-vsc-tab-active/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-3.5 w-3.5 shrink-0" style="color:var(--vsc-accent-secondary)" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><span class="whitespace-nowrap">README.md</span><button type="button" aria-label="Close README.md" class="ml-1 grid h-4 w-4 shrink-0 place-items-center rounded opacity-0 hover:bg-white/10 group-hover:opacity-100 focus-visible:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3.5 w-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><div role="tab" id="tab-about" aria-selected="true" aria-controls="panel-about" tabindex="0" class="group flex h-full shrink-0 cursor-pointer items-center gap-2 border-r border-vsc-tab-border px-3 text-sm transition-colors bg-vsc-tab-active text-vsc-tab-active-foreground" style="box-shadow:inset 0 -2px 0 var(--vsc-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-code2 lucide-file-code-2 h-3.5 w-3.5 shrink-0" style="color:#3b82f6" aria-hidden="true"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="m5 12-3 3 3 3"></path><path d="m9 18 3-3-3-3"></path></svg><span class="whitespace-nowrap">about.ts</span><button type="button" aria-label="Close about.ts" class="ml-1 grid h-4 w-4 shrink-0 place-items-center rounded opacity-0 hover:bg-white/10 group-hover:opacity-100 focus-visible:opacity-100"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3.5 w-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div><div class="flex min-h-0 flex-1 flex-col overflow-hidden"><div role="tabpanel" id="panel-about" aria-labelledby="tab-about" class="vsc-scrollbar fade-slide-up min-h-0 flex-1 overflow-y-auto overscroll-contain"><div class="mx-auto max-w-5xl px-5 py-8 sm:px-8"><div class="grid gap-6 lg:grid-cols-[1fr_300px]"><div class="min-w-0"><div class="overflow-hidden rounded-md border border-vsc-card-border bg-vsc-editor "><div class="border-b border-vsc-card-border px-3 py-1.5 font-mono text-xs text-vsc-muted">about.ts</div><pre class="vsc-scrollbar overflow-x-auto px-4 py-3 font-mono text-[13px] leading-relaxed"><code><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">1</span><span class="whitespace-pre"><span class="text-syn-keyword">const</span><span class="text-vsc-editor-foreground"> </span><span class="text-vsc-editor-foreground">developer</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-punctuation">=</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-punctuation">{</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">2</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">
1name</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Muhammad Raza Bangi&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">3</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">role</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Senior Software Engineer&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">4</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">location</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Karachi, Pakistan&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">5</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">experience</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;5+ years&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">6</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">stack</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-punctuation">[</span><span class="text-syn-string">&quot;Laravel&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Next.js&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;TypeScript&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Nuxt.js&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Astro&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Python&quot;</span><span class="text-syn-punctuation">]</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">7</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">specialties</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-punctuation">[</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Backend Development&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Scalable Web Applications&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;API Development&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Business Automation&quot;</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-punctuation">]</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">8</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">focus</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Building clean, scalable, and reliable software systems&quot;</span><span class="text-syn-punctuation">,</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">9</span><span class="whitespace-pre"><span class="text-vsc-editor-foreground">    </span><span class="text-syn-property">availability</span><span class="text-syn-punctuation">:</span><span class="text-vsc-editor-foreground"> </span><span class="text-syn-string">&quot;Open to freelance&quot;</span><span class="text-vsc-editor-foreground"> </span></span></div><div class="flex"><span class="mr-4 w-6 shrink-0 select-none text-right text-vsc-editor-line-number">10</span><span class="whitespace-pre"><span class="text-syn-punctuation">}</span><span class="text-syn-punctuation">;</span></span></div></code></pre></div><div class="mt-8"><h1 class="text-2xl font-bold sm:text-3xl">Hi, I&#x27;m<!-- --> <span class="bg-gradient-to-r from-vsc-accent to-vsc-accent-secondary bg-clip-text text-transparent">Muhammad Raza Bangi</span></h1>
1<p class="mt-3 max-w-xl text-vsc-editor-foreground/80">I build fast, scalable and secure web applications. Backend specialist with strong frontend skills, based in <!-- -->Karachi, Pakistan<!-- -->.</p><div class="mt-6 flex flex-wrap gap-3"><a class="inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-gradient-to-r from-vsc-accent to-vsc-accent-secondary text-vsc-accent-foreground hover:brightness-110 shadow-[0_8px_24px_-8px_var(--vsc-accent)] h-10 px-4 text-sm " href="/projects"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml h-4 w-4" aria-hidden="true"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg>View Projects</a><a href="/Muhammad-Raza-Bangi-Resume.pdf" target="_blank" rel="noreferrer" class="inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-vsc-card border border-vsc-card-border text-vsc-editor-foreground hover:border-vsc-accent h-10 px-4 text-sm " download=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M12 15V3"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><path d="m7 10 5 5 5-5"></path></svg>Download CV</a></div><div class="mt-6 flex items-center gap-3"><a href="https://github.com/razabangi" target="_blank" rel="noreferrer" aria-label="GitHub" class="grid h-9 w-9 place-items-center rounded-full border border-vsc-card-border text-vsc-editor-foreground transition-colors hover:border-vsc-accent hover:text-vsc-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github h-4 w-4" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a><a href="https://www.linkedin.com/in/muhammad-raza-bangi/" target="_blank" rel="noreferrer" aria-label="LinkedIn" class="grid h-9 w-9 place-items-center rounded-full border border-vsc-card-border text-vsc-editor-foreground transition-colors hover:border-vsc-accent hover:text-vsc-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-4 w-4" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="/cdn-cgi/l/email-protection#bfd2cad7ded2d2dedbcddec5deddded1d8d686ffd8d2ded6d391dcd0d2" aria-label="Email" class="grid h-9 w-9 place-items-center rounded-full border border-vsc-card-border text-vsc-editor-foreground transition-colors hover:border-vsc-accent hover:text-vsc-accent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a></div><ul class="mt-10 space-y-3 border-t border-vsc-card-border pt-6 text-sm leading-relaxed text-vsc-editor-foreground
1/80"><li class="flex gap-2"><span class="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-vsc-accent" aria-hidden="true"></span><span>5+ years delivering custom software using Laravel, Next.js, React, Vue, Node.js, and modern cloud technologies for startups, enterprises, and growing businesses.</span></li><li class="flex gap-2"><span class="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-vsc-accent" aria-hidden="true"></span><span>Specialized in SaaS platforms, business management systems, REST APIs, AI automations, and scalable backend architecture designed for long-term maintainability.</span></li><li class="flex gap-2"><span class="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-vsc-accent" aria-hidden="true"></span><span>Founder of 92 Nodes, where I build premium websites, custom software, AI solutions, automation workflows, and digital products that solve real business problems.</span></li><li class="flex gap-2"><span class="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-vsc-accent" aria-hidden="true"></span><span>Strong experience working with enterprise teams using Agile, Scrum, Git, CI/CD, Docker, and modern development workflows to deliver reliable software faster.</span></li><li class="flex gap-2"><span class="mt-1 h-1.5 w-1.5 shrink-0 rounded-full bg-vsc-accent" aria-hidden="true"></span><span>Continuously exploring AI Agents, n8n Automation, Retrieval-Augmented Generation (RAG), and intelligent business systems to help companies automate repetitive work and improve productivity.</span></li></ul></div></div><div class="space-y-6"><div class="overflow-hidden rounded-lg border border-vsc-card-border bg-vsc-card"><div class="relative aspect-[4/5] w-full"><img alt="Portrait of Muhammad Raza Bangi" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 200 320&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/webp;base64,UklGRogAAABXRUJQVlA4WAoAAAAQAAAABAAABwAAQUxQSCkAAAAAAAAAAAAAJs0mAAAv/ioAAEn1jQAAvv7+IADY/u9GAPX+9Q8C7/6TAABWUDggOAAAANABAJ0BKgUACAACQDglnAJ0APS2iuQAAP777Wiv2BbXLJfj/nP1EhAIs1HngOdahIHFXLmkAAAA&#x27;/%3E%3C/svg%3E&quot;)" sizes="(min-width: 1024px) 300px, 60vw" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=384&amp;q=75 384w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=640&amp;q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=750&amp;q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=828&amp;q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fraza-avatar-cutout.6f945756.webp&amp;w=3840&amp;q=75"/></div><div class="flex justify-center p-4"><span class="inline-flex items-center gap-2 rounded-full border border-vsc-success/40 bg-vsc-success/10 px-3 py-1 text-xs font-medium text-vsc-success"><span class="glow-pulse h-2 w-2 rounded-full bg-vsc-success" aria-hidden="true"></span>Available for freelance work</span></div></div><div class="rounded-lg border border-vsc-card-border bg-vsc-card p-4"><h2 class="mb-3 text-xs font-semibold uppercase tracking-wider text-vsc-muted">Skills</h2><div class="flex flex-wrap gap-2"><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">Laravel</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">Next.js</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">Vue.js</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">TypeScript</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">Nuxt.js</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">JavaScript</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">PHP</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">Nest.js</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">MySQL</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">PostgreSQL</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">
1Docker</span><span class="inline-flex items-center rounded-full border border-vsc-card-border bg-vsc-card px-2.5 py-1 text-xs font-mono text-vsc-editor-foreground ">Tailwind CSS</span></div></div><div class="rounded-lg border border-vsc-card-border bg-vsc-card p-4"><h2 class="mb-3 text-xs font-semibold uppercase tracking-wider text-vsc-muted">Stats</h2><div class="grid grid-cols-2 gap-4"><div><p class="text-xl font-bold text-vsc-accent">5+</p><p class="text-xs text-vsc-muted">Years Experience</p></div><div><p class="text-xl font-bold text-vsc-accent">30+</p><p class="text-xs text-vsc-muted">Projects Completed</p></div><div><p class="text-xl font-bold text-vsc-accent">20+</p><p class="text-xs text-vsc-muted">Happy Clients</p></div><div><p class="text-xl font-bold text-vsc-accent">100%</p><p class="text-xs text-vsc-muted">Client Satisfaction</p></div></div></div></div></div></div></div><section aria-label="Terminal" style="height:224px" class="relative flex shrink-0 flex-col border-t border-vsc-border bg-vsc-terminal "><div role="separator" aria-orientation="horizontal" aria-label="Resize terminal" class="group absolute -top-3 left-0 right-0 z-10 flex h-7 cursor-row-resize touch-none items-center justify-center hover:bg-vsc-accent/10"><span class="h-1 w-12 rounded-full transition-colors bg-vsc-border group-hover:bg-vsc-accent/60" aria-hidden="true"></span></div><div class="flex items-center justify-between border-b border-vsc-border pr-2"><div class="flex h-9 items-center gap-4 overflow-x-auto px-3 text-xs"><span class="shrink-0 border-b-2 border-vsc-accent py-2 font-medium tracking-wide text-vsc-terminal-foreground">TERMINAL</span><span class="shrink-0 py-2 tracking-wide text-vsc-muted">PROBLEMS</span><span class="hidden shrink-0 py-2 tracking-wide text-vsc-muted sm:inline">OUTPUT</span><span class="hidden shrink-0 py-2 tracking-wide text-vsc-muted sm:inline">DEBUG CONSOLE</span></div><div class="flex shrink-0 items-center gap-1.5 py-1.5"><button type="button" class="rounded border border-vsc-card-border px-2 py-1 text-[11px] text-vsc-editor-foreground hover:border-vsc-accent">Help</button><button type="button" class="rounded border border-vsc-card-border px-2 py-1 text-[11px] text-vsc-editor-foreground hover:border-vsc-accent">404</button><button type="button" class="rounded border border-vsc-card-border px-2 py-1 text-[11px] text-vsc-editor-foreground hover:border-vsc-accent">Clear</button><span class="mx-1 h-4 w-px bg-vsc-border" aria-hidden="true"></span><button type="button" aria-label="Minimize terminal" aria-pressed="false" class="grid h-6 w-6 place-items-center rounded text-vsc-muted hover:bg-white/10 hover:text-vsc-editor-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-minus h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path></svg></button><button type="button" aria-label="Close terminal" class="grid h-6 w-6 place-items-center rounded text-vsc-muted hover:bg-white/10 hover:text-vsc-editor-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-3.5 w-3.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div><div role="log" aria-live="polite" class="vsc-scrollbar flex-1 overflow-y-auto overscroll-contain px-3 py-2 font-mono text-[13px] leading-relaxed"><div class="mb-2"><p class="whitespace-pre-wrap text-vsc-accent">Welcome to Muhammad Raza Bangi&#x27;s portfolio. 👋</p><p class="whitespace-pre-wrap text-vsc-muted">Type &#x27;help&#x27; to see available commands.</p></div><form class="flex items-center gap-2"><span class="text-vsc-success">&gt;</span><span class="shrink-0 text-vsc-accent-secondary">razabangi ~</span><label for="terminal-input" class="sr-only">Terminal command input</label><input id="terminal-input" autoComplete="off" autoCapitalize="off" spellCheck="false" class="min-w-0 flex-1 bg-transparent text-vsc-terminal-foreground outline-none placeholder:text-vsc-muted" placeholder="type &#x27;help&#x27;..." value=""/></form></div></section></div></div></div><footer class="flex h-6 shrink-0 items-center justify-between bg-vsc-statusbar px-3 text-[11px] text-vsc-statusbar-foreground"><div class="flex items-center gap-3"><span class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch h-3 w-3" aria-hidden="true"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg>main</span><span class="hidden items-center gap-1 sm:flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check h-3 w-3" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>No problems</span></div><div class="flex items-center gap-3"><span class="hidden sm:inline">Default Dark</span><span class="hidden md:inline">about.ts</span><span class="hidden md:inline">UTF-8</span><button type="button" aria-pressed="true" aria-label="Toggle terminal panel" class="flex items-center gap-1 rounded px-1.5 py-0.5 hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal h-3 w-3" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg>Terminal</button></div></footer></div><!--$--><!--$--><!--/$--><!--/$-->
vendor: 108 bytes, line 1
1<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1<script src="/_next/static/chunks/webpack-9d39065f5557a6a9.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\nc:I[5998,[],\"\"]\n:HL[\"/_next/static/media/558ca1a6aa3cb55e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/eacefd9ad7f0a341.css\",\"style\"]\n2:T19f4,"])</script>
1<script>self.__next_f.push([1,"(function(){try{var THEMES={\"default-dark\":{\"id\":\"default-dark\",\"label\":\"Default Dark\",\"isLight\":false,\"colors\":{\"titlebar\":\"#1a1625\",\"titlebarForeground\":\"#d8d4e8\",\"activitybar\":\"#150f20\",\"activitybarForeground\":\"#8b83a8\",\"activitybarActive\":\"#ffffff\",\"sidebar\":\"#17121f\",\"sidebarForeground\":\"#b4aecb\",\"sidebarActiveBg\":\"#241c33\",\"editor\":\"#120d1a\",\"editorForeground\":\"#e4e0f2\",\"editorLineNumber\":\"#4d4666\",\"editorGutter\":\"#120d1a\",\"tabActive\":\"#1c1628\",\"tabInactive\":\"#150f20\",\"tabActiveForeground\":\"#ffffff\",\"tabInactiveForeground\":\"#8b83a8\",\"tabBorder\":\"#2c2440\",\"statusbar\":\"#6d3fd6\",\"statusbarForeground\":\"#ffffff\",\"terminal\":\"#100b18\",\"terminalForeground\":\"#d8d4e8\",\"border\":\"#2a2238\",\"accent\":\"#8b5cf6\",\"accentForeground\":\"#ffffff\",\"accentSecondary\":\"#3b82f6\",\"card\":\"#1a1526\",\"cardBorder\":\"#2c2440\",\"muted\":\"#9089ac\",\"danger\":\"#f87171\",\"success\":\"#4ade80\"},\"syntax\":{\"keyword\":\"#c084fc\",\"string\":\"#93c5fd\",\"function\":\"#60a5fa\",\"comment\":\"#6b7280\",\"number\":\"#fbbf24\",\"type\":\"#5eead4\",\"tag\":\"#f472b6\",\"property\":\"#a5b4fc\",\"punctuation\":\"#9089ac\"}},\"one-dark-pro\":{\"id\":\"one-dark-pro\",\"label\":\"One Dark Pro\",\"isLight\":false,\"colors\":{\"titlebar\":\"#21252b\",\"titlebarForeground\":\"#abb2bf\",\"activitybar\":\"#21252b\",\"activitybarForeground\":\"#6b717d\",\"activitybarActive\":\"#ffffff\",\"sidebar\":\"#21252b\",\"sidebarForeground\":\"#9da5b4\",\"sidebarActiveBg\":\"#2c313c\",\"editor\":\"#282c34\",\"editorForeground\":\"#abb2bf\",\"editorLineNumber\":\"#495162\",\"editorGutter\":\"#282c34\",\"tabActive\":\"#282c34\",\"tabInactive\":\"#21252b\",\"tabActiveForeground\":\"#dcdfe4\",\"tabInactiveForeground\":\"#6b717d\",\"tabBorder\":\"#181a1f\",\"statusbar\":\"#21252b\",\"statusbarForeground\":\"#9da5b4\",\"terminal\":\"#282c34\",\"terminalForeground\":\"#abb2bf\",\"border\":\"#181a1f\",\"accent\":\"#61afef\",\"accentForeground\":\"#0b0d10\",\"accentSecondary\":\"#c678dd\",\"card\":\"#2c313a\",\"cardBorder\":\"#3a3f4b\",\"muted\":\"#5c6370\",\"danger\":\"#e06c75\",\"success\":\"#98c379\"},\"syntax\":{\"keyword\":\"#c678dd\",\"string\":\"#98c379\",\"function\":\"#61afef\",\"comment\":\"#5c6370\",\"number\":\"#d19a66\",\"type\":\"#e5c07b\",\"tag\":\"#e06c75\",\"property\":\"#e06c75\",\"punctuation\":\"#abb2bf\"}},\"dracula\":{\"id\":\"dracula\",\"label\":\"Dracula\",\"isLight\":false,\"colors\":{\"titlebar\":\"#21222c\",\"titlebarForeground\":\"#f8f8f2\",\"activitybar\":\"#21222c\",\"activitybarForeground\":\"#6272a4\",\"activitybarActive\":\"#f8f8f2\",\"sidebar\":\"#21222c\",\"sidebarForeground\":\"#f8f8f2\",\"sidebarActiveBg\":\"#44475a\",\"editor\":\"#282a36\",\"editorForeground\":\"#f8f8f2\",\"editorLineNumber\":\"#6272a4\",\"editorGutter\":\"#282a36\",\"tabActive\":\"#282a36\",\"tabInactive\":\"#21222c\",\"tabActiveForeground\":\"#f8f8f2\",\"tabInactiveForeground\":\"#6272a4\",\"tabBorder\":\"#191a21\",\"statusbar\":\"#bd93f9\",\"statusbarForeground\":\"#191a21\",\"terminal\":\"#282a36\",\"terminalForeground\":\"#f8f8f2\",\"border\":\"#191a21\",\"accent\":\"#bd93f9\",\"accentForeground\":\"#191a21\",\"accentSecondary\":\"#ff79c6\",\"card\":\"#2b2d3a\",\"cardBorder\":\"#44475a\",\"muted\":\"#6272a4\",\"danger\":\"#ff5555\",\"success\":\"#50fa7b\"},\"syntax\":{\"keyword\":\"#ff79c6\",\"string\":\"#f1fa8c\",\"function\":\"#50fa7b\",\"comment\":\"#6272a4\",\"number\":\"#bd93f9\",\"type\":\"#8be9fd\",\"tag\":\"#ff79c6\",\"property\":\"#50fa7b\",\"punctuation\":\"#f8f8f2\"}},\"github-dark\":{\"id\":\"github-dark\",\"label\":\"GitHub Dark\",\"isLight\":false,\"colors\":{\"titlebar\":\"#010409\",\"titlebarForeground\":\"#c9d1d9\",\"activitybar\":\"#0d1117\",\"activitybarForeground\":\"#7d8590\",\"activitybarActive\":\"#f0f6fc\",\"sidebar\":\"#010409\",\"sidebarForeground\":\"#c9d1d9\",\"sidebarActiveBg\":\"#161b22\",\"editor\":\"#0d1117\",\"editorForeground\":\"#c9d1d9\",\"editorLineNumber\":\"#484f58\",\"editorGutter\":\"#0d1117\",\"tabActive\":\"#0d1117\",\"tabInactive\":\"#010409\",\"tabActiveForeground\":\"#f0f6fc\",\"tabInactiveForeground\":\"#7d8590\",\"tabBorder\":\"#30363d\",\"statusbar\":\"#0d1117\",\"statusbarForeground\":\"#c9d1d9\",\"terminal\":\"#010409\",\"terminalForeground\":\"#c9d1d9\",\"border\":\"#30363d\",\"accent\":\"#58a6ff\",\"accentForeground\":\"#0d1117\",\"accentSecondary\":\"#bc8cff\",\"card\":\"#161b22\",\"cardBorder\":\"#30363d\",\"muted\":\"#8b949e\",\"danger\":\"#f85149\",\"success\":\"#3fb950\"},\"syntax\":{\"keyword\":\"#ff7b72\",\"string\":\"#a5d6ff\",\"function\":\"#d2a8ff\",\"comment\":\"#8b949e\",\"number\":\"#79c0ff\",\"type\":\"#ffa657\",\"tag\":\"#7ee787\",\"property\":\"#79c0ff\",\"punctuation\":\"#c9d1d9\"}},\"tokyo-night\":{\"id\":\"tokyo-night\",\"label\":\"Tokyo Night\",\"
1isLight\":false,\"colors\":{\"titlebar\":\"#16161e\",\"titlebarForeground\":\"#a9b1d6\",\"activitybar\":\"#16161e\",\"activitybarForeground\":\"#565f89\",\"activitybarActive\":\"#c0caf5\",\"sidebar\":\"#16161e\",\"sidebarForeground\":\"#a9b1d6\",\"sidebarActiveBg\":\"#24283b\",\"editor\":\"#1a1b26\",\"editorForeground\":\"#a9b1d6\",\"editorLineNumber\":\"#3b4261\",\"editorGutter\":\"#1a1b26\",\"tabActive\":\"#1a1b26\",\"tabInactive\":\"#16161e\",\"tabActiveForeground\":\"#c0caf5\",\"tabInactiveForeground\":\"#565f89\",\"tabBorder\":\"#101014\",\"statusbar\":\"#1a1b26\",\"statusbarForeground\":\"#a9b1d6\",\"terminal\":\"#1a1b26\",\"terminalForeground\":\"#a9b1d6\",\"border\":\"#101014\",\"accent\":\"#7aa2f7\",\"accentForeground\":\"#101014\",\"accentSecondary\":\"#bb9af7\",\"card\":\"#1f2335\",\"cardBorder\":\"#292e42\",\"muted\":\"#565f89\",\"danger\":\"#f7768e\",\"success\":\"#9ece6a\"},\"syntax\":{\"keyword\":\"#bb9af7\",\"string\":\"#9ece6a\",\"function\":\"#7aa2f7\",\"comment\":\"#565f89\",\"number\":\"#ff9e64\",\"type\":\"#2ac3de\",\"tag\":\"#f7768e\",\"property\":\"#7dcfff\",\"punctuation\":\"#a9b1d6\"}},\"light\":{\"id\":\"light\",\"label\":\"Light Theme\",\"isLight\":true,\"colors\":{\"titlebar\":\"#f3f3f3\",\"titlebarForeground\":\"#1e1e1e\",\"activitybar\":\"#f3f3f3\",\"activitybarForeground\":\"#424242\",\"activitybarActive\":\"#1a1a1a\",\"sidebar\":\"#f3f3f3\",\"sidebarForeground\":\"#3b3b3b\",\"sidebarActiveBg\":\"#e4e6f1\",\"editor\":\"#ffffff\",\"editorForeground\":\"#1f2328\",\"editorLineNumber\":\"#a0a0a0\",\"editorGutter\":\"#ffffff\",\"tabActive\":\"#ffffff\",\"tabInactive\":\"#ececec\",\"tabActiveForeground\":\"#1e1e1e\",\"tabInactiveForeground\":\"#6e7781\",\"tabBorder\":\"#e0e0e0\",\"statusbar\":\"#7c3aed\",\"statusbarForeground\":\"#ffffff\",\"terminal\":\"#ffffff\",\"terminalForeground\":\"#1f2328\",\"border\":\"#e0e0e0\",\"accent\":\"#7c3aed\",\"accentForeground\":\"#ffffff\",\"accentSecondary\":\"#2563eb\",\"card\":\"#f6f6f6\",\"cardBorder\":\"#e0e0e0\",\"muted\":\"#6e7781\",\"danger\":\"#cf222e\",\"success\":\"#1a7f37\"},\"syntax\":{\"keyword\":\"#af00db\",\"string\":\"#a31515\",\"function\":\"#795e26\",\"comment\":\"#6a9955\",\"number\":\"#098658\",\"type\":\"#267f99\",\"tag\":\"#800000\",\"property\":\"#001080\",\"punctuation\":\"#1f2328\"}}};var stored=localStorage.getItem(\"portfolio-theme\");var theme=THEMES[stored]||THEMES[\"default-dark\"];var root=document.documentElement;function toKebab(s){return s.replace(/([A-Z])/g,\"-$1\").toLowerCase();}for(var k in theme.colors){root.style.setProperty(\"--vsc-\"+toKebab(k),theme.colors[k]);}for(var j in theme.syntax){root.style.setProperty(\"--syn-\"+toKebab(j),theme.syntax[j]);}root.setAttribute(\"data-theme\",theme.id);if(theme.isLight){root.classList.add(\"theme-light\");}}catch(e){}})();"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"d7NidD_ZHJHcYg726Vuvy\",\"p\":\"\",\"c\":[\"\",\"about\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"about\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/eacefd9ad7f0a341.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_f367f3 __variable_898c26\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],\"$L3\",\"$L4\",\"$L5\",\"$L6\",\"$L7\"]}]}]]}],{\"children\":[\"about\",\"$L8\",{\"children\":[\"__PAGE__\",\"$L9\",{},null,false]},null,false]},[\"$La\",[],[]],false],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[]],\"s\":false,\"S\":true}\n"])</script>
1<script>self.__next_f.push([1,"d:I[2515,[\"579\",\"static/chunks/579-27b3374cb3187cd2.js\",\"537\",\"static/chunks/537-f8f731e7903a9a16.js\",\"177\",\"static/chunks/app/layout-4653ed3315199ba4.js\"],\"IdeShell\"]\ne:I[4598,[],\"\"]\nf:I[9137,[\"579\",\"static/chunks/579-27b3374cb3187cd2.js\",\"39\",\"static/chunks/app/error-74ad474792ffe0b9.js\"],\"default\"]\n10:I[5292,[],\"\"]\n11:I[7579,[\"579\",\"static/chunks/579-27b3374cb3187cd2.js\",\"345\",\"static/chunks/app/not-found-99d1e97998041a10.js\"],\"\"]\n12:I[9489,[\"579\",\"static/chunks/579-27b3374cb3187cd2.js\",\"537\",\"static/chunks/537-f8f731e7903a9a16.js\",\"177\",\"static/chunks/app/layout-4653ed3315199ba4.js\"],\"PWARegister\"]\n13:I[1215,[],\"OutletBoundary\"]\n15:I[206,[],\"AsyncMetadataOutlet\"]\n17:I[1215,[],\"ViewportBoundary\"]\n19:I[1215,[],\"MetadataBoundary\"]\n1a:\"$Sreact.suspense\"\n3:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Muhammad Raza Bangi\\\",\\\"url\\\":\\\"https://muhammadrazabangi.com\\\",\\\"image\\\":\\\"https://muhammadrazabangi.com/images/raza-avatar-cutout.png\\\",\\\"jobTitle\\\":\\\"Senior Software Engineer\\\",\\\"address\\\":{\\\"@type\\\":\\\"PostalAddress\\\",\\\"addressLocality\\\":\\\"Karachi\\\",\\\"addressCountry\\\":\\\"PK\\\"},\\\"email\\\":\\\"mailto:[email protected]\\\",\\\"sameAs\\\":[\\\"https://github.com/razabangi\\\",\\\"https://www.linkedin.com/in/muhammad-raza-bangi/\\\"],\\\"knowsAbout\\\":[\\\"Laravel\\\",\\\"Next.js\\\",\\\"TypeScript\\\",\\\"Vue.js\\\"]}\"}}]\n4:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"Muhammad Raza Bangi — Portfolio\\\",\\\"url\\\":\\\"https://muhammadrazabangi.com\\\",\\\"inLanguage\\\":\\\"en\\\"}\"}}]\n"])</script>
1<script>self.__next_f.push([1,"5:[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$f\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"fixed inset-0 z-100 flex flex-col bg-vsc-editor font-mono text-vsc-editor-foreground\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex h-11 items-center gap-3 border-b border-vsc-border bg-vsc-titlebar px-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-1.5\",\"aria-hidden\":true,\"children\":[[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#ff5f57]\"}],[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#febc2e]\"}],[\"$\",\"span\",null,{\"className\":\"h-3 w-3 rounded-full bg-[#28c840]\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-xs text-vsc-titlebar-foreground/60\",\"children\":[\"terminal — \",\"404\"]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-1 items-center justify-center px-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full max-w-lg\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm text-vsc-accent\",\"children\":[\"$$ cat \",\"404\",\".log\"]}],[\"$\",\"h1\",null,{\"className\":\"mt-4 text-5xl font-bold\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"mt-2 text-lg font-semibold\",\"children\":\"File not found in this workspace\"}],[\"$\",\"p\",null,{\"className\":\"mt-3 text-sm leading-relaxed text-vsc-editor-foreground/70\",\"children\":\"The route you're looking for doesn't exist. Try opening a file from the Explorer instead, or head back home.\"}],[\"$\",\"div\",null,{\"className\":\"mt-6 flex flex-wrap gap-3\",\"children\":[\"$\",\"$L11\",null,{\"href\":\"/\",\"className\":\"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-gradient-to-r from-vsc-accent to-vsc-accent-secondary text-vsc-accent-foreground hover:brightness-110 shadow-[0_8px_24px_-8px_var(--vsc-accent)] h-10 px-4 text-sm \",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house h-4 w-4\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"r6nss1\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Back to Home\"]}]}]]}]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\n"])</script>
1<script>self.__next_f.push([1,"6:[\"$\",\"$L12\",null,{}]\n7:null\n8:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L10\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[null,null,[\"$\",\"$L13\",null,{\"children\":[\"$L14\",[\"$\",\"$L15\",null,{\"promise\":\"$@16\"}]]}]]}]\na:[\"$\",\"div\",\"l\",{\"className\":\"fixed inset-0 z-100 grid place-items-center bg-vsc-editor text-vsc-editor-foreground\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 font-mono text-sm text-vsc-muted\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-loader-circle h-4 w-4 animate-spin text-vsc-accent\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",\"13zald\",{\"d\":\"M21 12a9 9 0 1 1-6.219-8.56\"}],\"$undefined\"]}],\"Loading...\"]}]}]\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L17\",null,{\"children\":\"$L18\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L19\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$1a\",null,{\"fallback\":null,\"children\":\"$L1b\"}]}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"18:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#120d1a\"}],[\"$\",\"meta\",\"3\",{\"name\":\"color-scheme\",\"content\":\"dark\"}]]\n14:null\n"])</script>
1<script>self.__next_f.push([1,"1c:T8c9,"])</script>
1<script>self.__next_f.push([1,"Muhammad Raza Bangi,Raza Bangi,Muhammad Raza Bangi portfolio,Muhammad Raza Bangi developer,Senior Software Engineer Muhammad Raza Bangi,Senior Software Engineer,Senior Laravel Developer,Laravel Developer,PHP Laravel Developer,Laravel Backend Developer,Full Stack Developer,Backend Developer,Software Engineer,Web Application Developer,Custom Software Developer,Next.js Developer,React Developer,Vue.js Developer,Nuxt.js Developer,TypeScript Developer,JavaScript Developer,Node.js Developer,NestJS Developer,Filament PHP Developer,Laravel Filament Developer,WordPress Developer,MySQL Developer,PostgreSQL Developer,SaaS Developer,SaaS Application Development,Enterprise Software Developer,Enterprise Web Application Development,REST API Developer,API Integration Developer,Admin Panel Developer,CRM Development,Business Automation Developer,AI Automation Developer,n8n Automation Developer,Custom Web Application Development,Ecommerce Website Developer,Software Development Services,Laravel Developer Karachi,Full Stack Developer Karachi,Software Engineer Karachi,Web Developer Karachi,Laravel Developer Pakistan,Full Stack Developer Pakistan,Software Engineer Pakistan,Hire Developer Pakistan,Laravel Developer Dubai,Full Stack Developer Dubai,Software Developer Dubai,Web Developer Dubai,Remote Developer Dubai,Laravel Developer UAE,Full Stack Developer UAE,Software Developer UAE,Web Development Services UAE,Hire Laravel Developer Dubai,Hire Remote Developer UAE,Laravel Developer Saudi Arabia,Full Stack Developer Saudi Arabia,Software Developer Saudi Arabia,Web Developer Riyadh,Laravel Developer Riyadh,Remote Developer Saudi Arabia,Hire Laravel Developer Saudi Arabia,Laravel Developer USA,Full Stack Developer USA,Remote Software Developer USA,Remote Laravel Developer USA,Web Development Services USA,Hire Laravel Developer USA,Hire Remote Full Stack Developer USA,Laravel Developer UK,Remote Full Stack Developer UK,Laravel Developer Canada,Remote Software Developer Canada,International Software Developer,Offshore Laravel Developer,Remote Full Stack Developer,Remote Backend Developer,Freelance Laravel Developer,Hire Remote Software Developer,Developer Portfolio,Interactive Developer Portfolio,VS Code Portfolio,VS Code Style Portfolio"])</script>
1<script>self.__next_f.push([1,"16:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"About | Muhammad Raza Bangi\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"5+ years delivering custom software using Laravel, Next.js, React, Vue, Node.js, and modern cloud technologies for startups, enterprises, and growing businesses. Based in Karachi, Pakistan, focused on Laravel, Next.js, TypeScript, Vue.js.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Muhammad Raza Bangi Portfolio\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://muhammadrazabangi.com\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Muhammad Raza Bangi\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"$1c\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Muhammad Raza Bangi\"}],[\"$\",\"meta\",\"8\",{\"name\":\"publisher\",\"content\":\"Muhammad Raza Bangi\"}],[\"$\",\"meta\",\"9\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"10\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"11\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"12\",{\"rel\":\"canonical\",\"href\":\"https://muhammadrazabangi.com/about\"}],[\"$\",\"meta\",\"13\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],\"$L1d\",\"$L1e\",\"$L1f\",\"$L20\",\"$L21\",\"$L22\",\"$L23\",\"$L24\",\"$L25\",\"$L26\",\"$L27\",\"$L28\",\"$L29\",\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\",\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\",\"$L35\"],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"36:I[2846,[],\"IconMark\"]\n1d:[\"$\",\"meta\",\"14\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}]\n1e:[\"$\",\"meta\",\"15\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Muhammad Raza Bangi\"}]\n1f:[\"$\",\"meta\",\"16\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}]\n20:[\"$\",\"meta\",\"17\",{\"property\":\"og:title\",\"content\":\"Muhammad Raza Bangi — Senior Software Engineer\"}]\n21:[\"$\",\"meta\",\"18\",{\"property\":\"og:description\",\"content\":\"Explore the interactive VS Code-style portfolio of Muhammad Raza Bangi, a Senior Software Engineer specializing in Laravel, SaaS platforms, REST APIs, Next.js, Vue.js, Filament, and AI automation.\"}]\n22:[\"$\",\"meta\",\"19\",{\"property\":\"og:url\",\"content\":\"https://muhammadrazabangi.com\"}]\n23:[\"$\",\"meta\",\"20\",{\"property\":\"og:site_name\",\"content\":\"Muhammad Raza Bangi Portfolio\"}]\n24:[\"$\",\"meta\",\"21\",{\"property\":\"og:locale\",\"content\":\"en_US\"}]\n25:[\"$\",\"meta\",\"22\",{\"property\":\"og:image:alt\",\"content\":\"Muhammad Raza Bangi — Senior Software Engineer\"}]\n26:[\"$\",\"meta\",\"23\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}]\n27:[\"$\",\"meta\",\"24\",{\"property\":\"og:image\",\"content\":\"https://muhammadrazabangi.com/opengraph-image?530328b747189a2a\"}]\n28:[\"$\",\"meta\",\"25\",{\"property\":\"og:image:width\",\"content\":\"1200\"}]\n29:[\"$\",\"meta\",\"26\",{\"property\":\"og:image:height\",\"content\":\"630\"}]\n2a:[\"$\",\"meta\",\"27\",{\"property\":\"og:type\",\"content\":\"website\"}]\n2b:[\"$\",\"meta\",\"28\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}]\n2c:[\"$\",\"meta\",\"29\",{\"name\":\"twitter:title\",\"content\":\"Muhammad Raza Bangi — Senior Software Engineer\"}]\n2d:[\"$\",\"meta\",\"30\",{\"name\":\"twitter:description\",\"content\":\"Senior Laravel and Full Stack Developer building enterprise platforms, SaaS products, REST APIs, Next.js applications, and AI automations.\"}]\n2e:[\"$\",\"meta\",\"31\",{\"name\":\"twitter:image:alt\",\"content\":\"Muhammad Raza Bangi — Senior Software Engineer\"}]\n2f:[\"$\",\"meta\",\"32\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}]\n30:[\"$\",\"meta\",\"33\",{\"name\":\"twitter:image\",\"content\":\"https://muhammadrazabangi.c"])</script>
1<script>self.__next_f.push([1,"om/opengraph-image?530328b747189a2a\"}]\n31:[\"$\",\"meta\",\"34\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}]\n32:[\"$\",\"meta\",\"35\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}]\n33:[\"$\",\"link\",\"36\",{\"rel\":\"icon\",\"href\":\"/icon.png?2a5c9cdd4e5f0c81\",\"type\":\"image/png\",\"sizes\":\"512x512\"}]\n34:[\"$\",\"link\",\"37\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?06bcd9514f89a045\",\"type\":\"image/png\",\"sizes\":\"180x180\"}]\n35:[\"$\",\"$L36\",\"38\",{}]\n1b:\"$16:metadata\"\n"])</script>
1<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8da96073140943988b7b45c5a0a2c73a","r":1,"spa":2}' crossorigin="anonymous"></script>
1
2</body></html>

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