PageSourceSearch

https://devst.vercel.app/

html devst.vercel.app collected 2026-10-03 06:42:09 UTC 51,830 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/4473ecc91f70f139-s.p.woff" as="font" crossorigin="" type="font/woff"/><link rel="preload" href="/_next/static/media/463dafcda517f24f-s.p.woff" as="font" crossorigin="" type="font/woff"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=3840&amp;q=75 3840w" imageSizes="100vw" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/8aadb92edb2ba516.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-0d931c84c330c851.js"/>
1<script src="/_next/static/chunks/fd9d1056-844a5cc198651369.js" async=""></script>
1<script src="/_next/static/chunks/23-4837ea94688c25ed.js" async=""></script>
1<script src="/_next/static/chunks/main-app-f73cdb3bce740b12.js" async=""></script>
1<script src="/_next/static/chunks/310-f425111751ed290a.js" async=""></script>
1<script src="/_next/static/chunks/124-92eb79aacdc9e00e.js" async=""></script>
1<script src="/_next/static/chunks/app/page-83264fbcdbfaae9b.js" async=""></script>
1<title>Portfolio | Web Developer &amp; Designer | Dev Narayan Shrestha</title><meta name="description" content="I am a passionate Web Developer &amp; Designer creating modern, responsive, and user-friendly websites. Explore my portfolio to see my latest projects and skills."/><meta name="keywords" content="Web Developer,Web Designer,Frontend Developer,Portfolio,React,Next.js,UI/UX"/><meta property="og:title" content="Portfolio | Web Developer &amp; Designer"/><meta property="og:description" content="A creative Web Developer &amp; Designer showcasing modern, responsive, and engaging projects."/><meta property="og:url" content="https://devst.vercel.app"/><meta property="og:site_name" content="My Portfolio"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://i.ibb.co/hRymyFtC/Untitled-1.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Portfolio Preview"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Portfolio | Web Developer &amp; Designer"/><meta name="twitter:description" content="Explore my portfolio as a Web Developer &amp; Designer. Modern, responsive, and user-focused web solutions."/><meta name="twitter:image" content="https://i.ibb.co/hRymyFtC/Untitled-1.png"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32"/><meta name="next-size-adjust"/>
1<script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" noModule=""></script>
1</head><body class="__variable_1e4310 __variable_c3aa02 antialiased"><main class="min-h-screen bg-black text-white overflow-x-hidden"><nav class="fixed top-0 left-0 right-0 z-50 bg-black/95 backdrop-blur supports-[backdrop-filter]:bg-black/60" style="transform:none"><div class="container mx-auto px-4"><div class="flex items-center justify-between h-16"><a class="flex-shrink-0" href="/"><span class="text-2xl font-bold text-white hover:text-red-700 transition-colors duration-300">Dev</span></a><div class="hidden md:flex items-center space-x-8"><a class="text-white hover:text-primary transition-colors" href="#services">Services</a><a class="text-white hover:text-primary transition-colors" href="#works">Works</a><a class="text-white hover:text-primary transition-colors" href="#skills">Skills</a><a class="text-white hover:text-primary transition-colors" href="/social">Social</a><a href="#contact"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2">Contact</button></a></div><div class="md:hidden"><button class="text-white p-2"><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"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></nav><section class="container mx-auto px-4 pt-32 pb-20 relative"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"><div class="relative order-1 lg:order-2" style="opacity:0;transform:translateX(50px)"><div class="relative aspect-square max-w-[400px] mx-auto"><div class="absolute inset-0 bg-gradient-to-r from-primary/20 to-purple-500/20 rounded-2xl blur-xl"></div><img alt="Dev Narayan Shrestha - Professional Developer" fetchPriority="high" decoding="async" data-nimg="fill" class="rounded-2xl object-cover relative z-10" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=640&amp;q=75 640w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=750&amp;q=75 750w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=828&amp;q=75 828w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=1080&amp;q=75 1080w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=1200&amp;q=75 1200w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=1920&amp;q=75 1920w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=2048&amp;q=75 2048w, /_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=3840&amp;q=75 3840w" src="/_next/image?url=https%3A%2F%2Fi.ibb.co%2FhRymyFtC%2FUntitled-1.png&amp;w=3840&amp;q=75"/></div></div><div class="order-2 lg:order-1 text-center lg:text-left" style="opacity:0;transform:translateX(-50px)"><h1 class="text-4xl lg:text-6xl font-bold mb-4" style="opacity:0;transform:translateY(20px)">I am Dev Narayan Shrestha<span class="block text-primary mt-2" style="opacity:0;transform:scale(0.8)">Next-Level Web Developer.</span></h1><p class="text-gray-400 mb-8" style="opacity:0;transform:translateY(20px)">I help their company and experience problems by building accessible and inclusive web products and digital experiences.</p><div class="flex gap-4 justify-center lg:justify-start" style="opacity:0;transform:translateY(20px)"><div tabindex="0"><a href="/social"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 text-primary-foreground shadow h-10 rounded-md px-8 bg-primary hover:bg-primary/90 hover:ring-2 hover:ring-primary hover:ring-offset-2 hover:ring-offset-black transition-all duration-300 group">Contact Me<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="ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></a></div></div></div></div></section><div class="container mx-auto px-4"><section class="py-16" id="services"><div class="text-center mb-12"><h2 class="text-3xl font-bold mb-4">What I Do</h2><p class="text-gray-400 max-w-2xl mx-auto">I offer a wide range of services to help businesses and individuals create impactful digital experiences. Here&#x27;s how I can help you succeed.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="rounded-xl border bg-card text-card-foreground shadow hover:border-primary/40 transition-colors"><div class="p-6"><div class="text-primary mb-4"><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"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg></div><h3 class="text-lg font-semibold mb-2">Website Design</h3><p class="text-gray-400">I craft custom stunning, user-friendly, and responsive designs tailored to your needs.</p></div></div><div class="rounded-xl border bg-card text-card-foreground shadow hover:border-primary/40 transition-colors"><div class="p-6"><div class="text-primary mb-4"><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"><circle cx="13.5" cy="6.5" r=".5"></circle><circle cx="17.5" cy="10.5" r=".5"></circle><circle cx="8.5" cy="7.5" r=".5"></circle><circle cx="6.5" cy="12.5" r=".5"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg></div><h3 class="text-lg font-semibold mb-2">UI/UX Design</h3><p class="text-gray-400">Creating intuitive and engaging user experiences that delight your users.</p></div></div><div class="rounded-xl border bg-card text-card-foreground shadow hover:border-primary/40 transition-colors"><div class="p-6"><div class="text-primary mb-4"><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-globe"><circle cx="12" cy="12" r="10"></circle><line x1="2" x2="22" y1="12" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg></div><h3 class="text-lg font-semibold mb-2">Web Development</h3><p class="text-gray-400">Building fast, secure, and scalable web applications using modern technologies.</p></div></div></div></section><section class="py-16" id="works"><div class="text-center mb-12"><h2 class="text-3xl font-bold mb-4">Featured Projects</h2><p class="text-gray-400 max-w-2xl mx-auto">Explore my latest web development projects. Each project demonstrates my commitment to creating innovative and user-friendly digital solutions.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="rounded-xl border bg-card text-card-foreground shadow overflow-hidden group"><div class="p-6"><div class="relative h-48 mb-4 rounded-lg overflow-hidden"><iframe src="https://www.menupz.com/" title="Hotel Menu Management and Online Ordering System" class="w-full h-full rounded-lg transition-transform duration-300 group-hover:scale-105" loading="lazy"></iframe></div><h3 class="text-lg font-semibold group-hover:text-primary transition-colors mb-2">Hotel Menu Management and Online Ordering System</h3><p class="text-gray-400 text-sm mb-4">A modern solution for restaurants and hotels to manage menus, process online orders, and streamline customer service.</p><div class="flex gap-4"><a href="https://www.menupz.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-8 rounded-md px-3 text-xs text-primary border-primary hover:bg-primary hover:text-white active:bg-primary/90 bg-transparent flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg> Demo</a></div></div></div><div class="rounded-xl border bg-card text-card-foreground shadow overflow-hidden group"><div class="p-6"><div class="relative h-48 mb-4 rounded-lg overflow-hidden"><iframe src="https://www.meroopasal.com/" title="E-commerce Platform" class="w-full h-full rounded-lg transition-transform duration-300 group-hover:scale-105" loading="lazy"></iframe></div><h3 class="text-lg font-semibold group-hover:text-primary transition-colors mb-2">E-commerce Platform</h3><p class="text-gray-400 text-sm mb-4">Full-featured e-commerce solution with Custom Website Builder, Dynamic Subdomains and All Ecommerce Features.</p><div class="flex gap-4"><a href="https://www.meroopasal.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-8 rounded-md px-3 text-xs text-primary border-primary hover:bg-primary hover:text-white active:bg-primary/90 bg-transparent flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg> Demo</a></div></div></div><div class="rounded-xl border bg-card text-card-foreground shadow overflow-hidden group"><div class="p-6"><div class="relative h-48 mb-4 rounded-lg overflow-hidden"><iframe src="https://www.siddhababaplustwo.com/" title="College Website" class="w-full h-full rounded-lg transition-transform duration-300 group-hover:scale-105" loading="lazy"></iframe></div><h3 class="text-lg font-semibold group-hover:text-primary transition-colors mb-2">College Website</h3><p class="text-gray-400 text-sm mb-4">An informative and user-friendly website for colleges to showcase courses, faculty, events, and campus details.</p><div class="flex gap-4"><a href="https://www.siddhababaplustwo.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-8 rounded-md px-3 text-xs text-primary border-primary hover:bg-primary hover:text-white active:bg-primary/90 bg-transparent flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg> Demo</a></div></div></div><div class="rounded-xl border bg-card text-card-foreground shadow overflow-hidden group"><div class="p-6"><div class="relative h-48 mb-4 rounded-lg overflow-hidden"><iframe src="https://stockflow.meroopasal.com/" title="Stock Management" class="w-full h-full rounded-lg transition-transform duration-300 group-hover:scale-105" loading="lazy"></iframe></div><h3 class="text-lg font-semibold group-hover:text-primary transition-colors mb-2">Stock Management</h3><p class="text-gray-400 text-sm mb-4">A system to track inventory, manage stock levels, and streamline supply chain operations.</p><div class="flex gap-4"><a href="https://stockflow.meroopasal.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-8 rounded-md px-3 text-xs text-primary border-primary hover:bg-primary hover:text-white active:bg-primary/90 bg-transparent flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg> Demo</a></div></div></div><div class="rounded-xl border bg-card text-card-foreground shadow overflow-hidden group"><div class="p-6"><div class="relative h-48 mb-4 rounded-lg overflow-hidden"><iframe src="https://sindhuliitmhub.com/" title="Office Website" class="w-full h-full rounded-lg transition-transform duration-300 group-hover:scale-105" loading="lazy"></iframe></div><h3 class="text-lg font-semibold group-hover:text-primary transition-colors mb-2">Office Website</h3><p class="text-gray-400 text-sm mb-4">Corporate website template for modern businesses with a clean and professional design.</p><div class="flex gap-4"><a href="https://sindhuliitmhub.com/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-8 rounded-md px-3 text-xs text-primary border-primary hover:bg-primary hover:text-white active:bg-primary/90 bg-transparent flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg> Demo</a></div></div></div></div></section><section class="py-16 relative" id="skills"><div class="absolute inset-0 overflow-hidden pointer-events-none"><svg class="absolute w-full h-full" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="rgba(147, 51, 234, 0.1)"></stop><stop offset="100%" stop-color="rgba(236, 72, 153, 0.1)"></stop></linearGradient></defs><circle cx="200" cy="200" r="100" fill="url(#grad1)"></circle><circle cx="800" cy="600" r="80" fill="rgba(147, 51, 234, 0.05)"></circle><path d="M100,500 Q500,100 900,500 T1700,500" stroke="rgba(147, 51, 234, 0.1)" stroke-width="2" fill="none" pathLength="1" stroke-dashoffset="0px" stroke-dasharray="0px 1px"></path></svg></div><div class="relative z-10"><div class="text-center mb-12" style="opacity:0;transform:translateY(20px)"><h2 class="text-3xl font-bold mb-4"><span class="bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">Interactive Skills</span></h2><p class="text-gray-400 max-w-2xl mx-auto">Hover over each technology to see interactive animations and neon effects. My expertise spans across modern web development technologies.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8" style="opacity:0"><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><circle cx="12" cy="12" r="2" fill="currentColor"></circle><path d="M12 1c-6.628 0-12 5.373-12 12 0 5.302 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.295 24 12c0-6.627-5.373-12-12-12" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">React</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 o
1pacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M11.572 0c-.176 0-.31.001-.358.007a19.76 19.76 0 0 1-.364.033C7.443.346 4.25 2.185 2.228 5.012a11.875 11.875 0 0 0-2.119 5.243c-.096.659-.108.854-.108 1.747s.012 1.089.108 1.748c.652 4.506 3.86 8.292 8.209 9.695.779.25 1.6.422 2.534.525.363.04 1.935.04 2.299 0 1.611-.178 2.977-.577 4.323-1.264.207-.106.247-.134.219-.158-.02-.013-.9-1.193-1.955-2.62l-1.919-2.592-2.404-3.558a338.739 338.739 0 0 0-2.422-3.556c-.009-.002-.018 1.579-.023 3.51-.007 3.38-.01 3.515-.052 3.595a.426.426 0 0 1-.206.214c-.075.037-.14.044-.495.044H7.81l-.108-.068a.438.438 0 0 1-.157-.171l-.05-.106.006-4.703.007-4.705.072-.092a.645.645 0 0 1 .174-.143c.096-.047.134-.051.54-.051.478 0 .558.018.682.154.035.038 1.337 1.999 2.895 4.361a10760.433 10760.433 0 0 0 4.735 7.17l1.9 2.879.096-.063a12.317 12.317 0 0 0 2.466-2.163 11.944 11.944 0 0 0 2.824-6.134c.096-.66.108-.854.108-1.748 0-.893-.012-1.088-.108-1.747C23.573 4.017 20.405.251 16.5.07a25.64 25.64 0 0 0-.524-.07C15.593.01 15.459.009 15.283.009H11.572z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">Next.js</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M11.998,24c-0.321,0-0.641-0.084-0.922-0.247l-2.936-1.737c-0.438-0.245-0.224-0.332-0.08-0.383 c0.585-0.203,0.703-0.25,1.328-0.604c0.065-0.037,0.151-0.023,0.218,0.017l2.256,1.339c0.082,0.045,0.197,0.045,0.272,0l8.795-5.076 c0.082-0.047,0.134-0.141,0.134-0.238V6.921c0-0.099-0.053-0.192-0.137-0.242l-8.791-5.072c-0.081-0.047-0.189-0.047-0.271,0 L3.075,6.68C2.99,6.729,2.936,6.825,2.936,6.921v10.15c0,0.097,0.054,0.189,0.139,0.235l2.409,1.392 c1.307,0.654,2.108-0.116,2.108-0.89V7.787c0-0.142,0.114-0.253,0.256-0.253h1.115c0.139,0,0.255,0.112,0.255,0.253v10.021 c0,1.745-0.95,2.745-2.604,2.745c-0.508,0-0.909,0-2.026-0.551L2.28,18.675c-0.57-0.329-0.922-0.945-0.922-1.604V6.921 c0-0.659,0.353-1.275,0.922-1.603l8.795-5.082c0.557-0.315,1.296-0.315,1.848,0l8.794,5.082c0.570,0.329,0.924,0.944,0.924,1.603 v10.15c0,0.659-0.354,1.273-0.924,1.604l-8.794,5.078C12.643,23.916,12.324,24,11.998,24z M19.099,13.993 c0-1.9-1.284-2.406-3.987-2.763c-2.731-0.361-3.009-0.548-3.009-1.187c0-0.528,0.235-1.233,2.258-1.233 c1.807,0,2.473,0.389,2.747,1.607c0.024,0.115,0.129,0.199,0.247,0.199h1.141c0.071,0,0.138-0.031,0.186-0.081 c0.048-0.054,0.074-0.123,0.067-0.196c-0.177-2.098-1.571-3.076-4.388-3.076c-2.508,0-4.004,1.058-4.004,2.833 c0,1.925,1.488,2.457,3.895,2.695c2.88,0.282,3.103,0.703,3.103,1.269c0,0.983-0.789,1.402-2.642,1.402 c-2.327,0-2.839-0.584-3.011-1.742c-0.02-0.124-0.126-0.215-0.253-0.215h-1.137c-0.141,0-0.254,0.112-0.254,0.253 c0,1.482,0.806,3.248,4.655,3.248C17.501,17.007,19.099,15.91,19.099,13.993z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">Node.js</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.51
15-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">JavaScript</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><circle cx="12" cy="12" r="2" fill="currentColor"></circle><path d="M12 1c-6.628 0-12 5.373-12 12 0 5.302 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 21.795 24 17.295 24 12c0-6.627-5.373-12-12-12" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">React Native</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.413l.213 2.622h10.125l-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.59 4.414z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">CSS</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M17.193 9.555c-1.264-5.58-4.252-7.414-4.573-8.115-.28-.394-.53-.954-.735-1.44-.036.495-.055.685-.523 1.184-.723.566-4.438 3.682-4.74 10.02-.282 5.912 4.27 9.435 4.888 9.884l.07.05A73.49 73.49 0 0111.91 24h.481c.114-1.032.284-2.056.51-3.07.417-.296.604-.463.85-.693a11.342 11.342 0 003.639-8.464c.01-.814-.103-1.662-.197-2.218zm-5.336 8.195s0-8.291.275-8.29c.213 0 .49 10.695.49 10.695-.381-.045-.765-1.76-.765-2.405z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">MongoDB</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 o
1pacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">HTML5</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div><div style="opacity:0;transform:translateY(20px)"><div class="relative group cursor-pointer" tabindex="0"><div class="relative p-8 rounded-2xl bg-card border border-gray-800 transition-all duration-300 overflow-hidden "><div class="absolute inset-0 bg-gradient-to-r from-purple-500/10 to-pink-500/10 opacity-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="w-16 h-16 mb-4 transition-all duration-300" style="color:#9CA3AF"><svg viewBox="0 0 24 24" class="w-full h-full"><path d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C7.666,17.818,9.027,19.2,12.001,19.2c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z" fill="currentColor"></path></svg></div><h3 class="text-lg font-semibold transition-all duration-300 text-white">Tailwind CSS</h3><div class="h-0.5 bg-gradient-to-r from-purple-500 to-pink-500 mt-2" style="width:0px"></div></div></div></div></div></div></div></section><div class="min-h-screen bg-none"><div class="container mx-auto px-4 py-8"><div class="flex items-center gap-4 mb-8" style="opacity:0;transform:translateY(-20px)"></div><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><h1 class="text-5xl md:text-7xl font-bold mb-6">Let&#x27;s<!-- --> <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-600">Connect</span></h1><p class="text-xl text-gray-300 max-w-2xl mx-auto">Find me across the web and let&#x27;s build something amazing together</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto"><div style="opacity:0;transform:translateY(20px)"><a target="_blank" rel="noopener noreferrer" class="block group" href="https://github.com/devnarayan"><div class="bg-gray-800/50 backdrop-blur-sm border border-gray-700 rounded-2xl p-8 h-full transition-all duration-300 hover:border-purple-500 hover:shadow-2xl hover:shadow-purple-500/20 hover:scale-105"><div class="flex flex-col items-center text-center space-y-4"><div class="w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background-color:rgba(139, 92, 246, 0.1);--hover-bg:#333333"><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="w-8 h-8 text-purple-400 transition-colors duration-300 group-hover:text-white"><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></div><h3 class="text-2xl font-bold text-white group-hover:text-purple-300 transition-colors duration-300">GitHub</h3><p class="text-gray-400 text-sm leading-relaxed group-hover:text-gray-300 transition-colors duration-300">Check out my code repositories and open source contributions</p><div class="w-full h-1 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-full"></div></div></div></a></div><div style="opacity:0;transform:translateY(20px)"><a target="_blank" rel="noopener noreferrer" class="block group" href="https://linkedin.com/in/dev-narayan-shrestha"><div class="bg-gray-800/50 backdrop-blur-sm border border-gray-700 rounded-2xl p-8 h-full transition-all duration-300 hover:border-purple-500 hover:shadow-2xl hover:shadow-
1purple-500/20 hover:scale-105"><div class="flex flex-col items-center text-center space-y-4"><div class="w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background-color:rgba(139, 92, 246, 0.1);--hover-bg:#0077B5"><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="w-8 h-8 text-purple-400 transition-colors duration-300 group-hover:text-white"><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></div><h3 class="text-2xl font-bold text-white group-hover:text-purple-300 transition-colors duration-300">LinkedIn</h3><p class="text-gray-400 text-sm leading-relaxed group-hover:text-gray-300 transition-colors duration-300">Connect with me professionally and view my career journey</p><div class="w-full h-1 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-full"></div></div></div></a></div><div style="opacity:0;transform:translateY(20px)"><a target="_blank" rel="noopener noreferrer" class="block group" href="https://twitter.com/devnarayan"><div class="bg-gray-800/50 backdrop-blur-sm border border-gray-700 rounded-2xl p-8 h-full transition-all duration-300 hover:border-purple-500 hover:shadow-2xl hover:shadow-purple-500/20 hover:scale-105"><div class="flex flex-col items-center text-center space-y-4"><div class="w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background-color:rgba(139, 92, 246, 0.1);--hover-bg:#1DA1F2"><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="w-8 h-8 text-purple-400 transition-colors duration-300 group-hover:text-white"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></div><h3 class="text-2xl font-bold text-white group-hover:text-purple-300 transition-colors duration-300">Twitter</h3><p class="text-gray-400 text-sm leading-relaxed group-hover:text-gray-300 transition-colors duration-300">Follow me for tech updates and industry insights</p><div class="w-full h-1 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-full"></div></div></div></a></div><div style="opacity:0;transform:translateY(20px)"><a target="_blank" rel="noopener noreferrer" class="block group" href="https://wa.me/919707930291"><div class="bg-gray-800/50 backdrop-blur-sm border border-gray-700 rounded-2xl p-8 h-full transition-all duration-300 hover:border-purple-500 hover:shadow-2xl hover:shadow-purple-500/20 hover:scale-105"><div class="flex flex-col items-center text-center space-y-4"><div class="w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background-color:rgba(139, 92, 246, 0.1);--hover-bg:#25D366"><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="w-8 h-8 text-purple-400 transition-colors duration-300 group-hover:text-white"><path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path></svg></div><h3 class="text-2xl font-bold text-white group-hover:text-purple-300 transition-colors duration-300">WhatsApp</h3><p class="text-gray-400 text-sm leading-relaxed group-hover:text-gray-300 transition-colors duration-300">Send me a direct message on WhatsApp</p><div class="w-full h-1 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-full"></div></div></div></a></div><div style="opacity:0;transform:translateY(20px)"><a target="_blank" rel="noopener noreferrer" class="block group" href="mailto:[email protected]"><div class="bg-gray-800/50 backdrop-blur-sm border border-gray-700 rounded-2xl p-8 h-full transition-all duration-300 hover:border-purple-500 hover:shadow-2xl hover:shadow-
1purple-500/20 hover:scale-105"><div class="flex flex-col items-center text-center space-y-4"><div class="w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background-color:rgba(139, 92, 246, 0.1);--hover-bg:#EA4335"><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="w-8 h-8 text-purple-400 transition-colors duration-300 group-hover:text-white"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><h3 class="text-2xl font-bold text-white group-hover:text-purple-300 transition-colors duration-300">Email</h3><p class="text-gray-400 text-sm leading-relaxed group-hover:text-gray-300 transition-colors duration-300">Send me a direct message for collaborations</p><div class="w-full h-1 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-full"></div></div></div></a></div><div style="opacity:0;transform:translateY(20px)"><a target="_self" rel="" class="block group" href="/"><div class="bg-gray-800/50 backdrop-blur-sm border border-gray-700 rounded-2xl p-8 h-full transition-all duration-300 hover:border-purple-500 hover:shadow-2xl hover:shadow-purple-500/20 hover:scale-105"><div class="flex flex-col items-center text-center space-y-4"><div class="w-16 h-16 rounded-full flex items-center justify-center transition-all duration-300 group-hover:scale-110" style="background-color:rgba(139, 92, 246, 0.1);--hover-bg:#8B5CF6"><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="w-8 h-8 text-purple-400 transition-colors duration-300 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><line x1="2" x2="22" y1="12" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg></div><h3 class="text-2xl font-bold text-white group-hover:text-purple-300 transition-colors duration-300">Portfolio</h3><p class="text-gray-400 text-sm leading-relaxed group-hover:text-gray-300 transition-colors duration-300">Explore my complete portfolio and projects</p><div class="w-full h-1 bg-gradient-to-r from-transparent via-purple-500 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-full"></div></div></div></a></div></div><div class="text-center mt-16" style="opacity:0;transform:translateY(20px)"><div class="bg-gradient-to-r from-purple-500/10 to-pink-500/10 border border-purple-500/20 rounded-2xl p-8 max-w-2xl mx-auto"><h2 class="text-3xl font-bold mb-4">Ready to Collaborate?</h2><p class="text-gray-300 mb-6">I&#x27;m always open to discussing new opportunities and exciting projects</p><div class="flex flex-col sm:flex-row gap-4 justify-center items-center"><a href="mailto:[email protected]"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary shadow hover:bg-primary/90 h-9 bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-600 hover:to-pink-600 text-white px-8 py-3 text-lg"><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="w-5 h-5 mr-2"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>Email Me</button></a><a href="https://wa.me/919707930291"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border shadow-sm h-9 border-green-500 text-green-400 hover:bg-green-500 hover:text-white bg-transparent px-8 py-3 text-lg"><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="w-5 h-5 mr-2"><path d="m3 21 1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z"></path></svg>WhatsApp</button></a></div></div></div></div></div></div><footer class="bg-card mt-20" style="opacity:0"><div class="container mx-auto px-4 py-12"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"><div><h3 class="text-xl font-bold mb-4">Dev Narayan Shrestha</h3><p class="text-gray-400">Full Stack Developer based in Nepal. Available for freelance work.</p></div><div><h4 class="font-semibold mb-4">Services</h4><ul class="space-y-2 text-gray-400"><li>Web Development</li><li>UI/UX Design</li><li>Mobile Development</li></ul></div><div><h4 class="font-semibold mb-4">Contact Us</h4><ul class="space-y-2 text-gray-400"><li>[email protected]</li><li> 9707930291</li><li>Nepal</li></ul></div></div><div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400"><p>© <!-- -->2025<!-- --> Dev Narayan Shrestha. All rights reserved.</p></div></div></footer></main>
1<script src="/_next/static/chunks/webpack-0d931c84c330c851.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/4473ecc91f70f139-s.p.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n2:HL[\"/_next/static/media/463dafcda517f24f-s.p.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n3:HL[\"/_next/static/css/8aadb92edb2ba516.css\",\"style\"]\n"])</script>
1<script>self.__next_f.push([1,"4:I[5751,[],\"\"]\n6:I[6513,[],\"ClientPageRoot\"]\n7:I[7968,[\"310\",\"static/chunks/310-f425111751ed290a.js\",\"124\",\"static/chunks/124-92eb79aacdc9e00e.js\",\"931\",\"static/chunks/app/page-83264fbcdbfaae9b.js\"],\"default\"]\n8:I[9275,[],\"\"]\n9:I[1343,[],\"\"]\nb:I[6130,[],\"\"]\nc:[]\n"])</script>
1<script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8aadb92edb2ba516.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L4\",null,{\"buildId\":\"FQhp2I6JeM7sZsuWUxNB8\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[\"$\",\"$L6\",null,{\"props\":{\"params\":{},\"searchParams\":{}},\"Component\":\"$7\"}]],null],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_1e4310 __variable_c3aa02 antialiased\",\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",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\":[],\"styles\":null}]}]}],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$La\"],\"globalErrorComponent\":\"$b\",\"missingSlots\":\"$Wc\"}]]\n"])</script>
1<script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Portfolio | Web Developer \u0026 Designer | Dev Narayan Shrestha\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"I am a passionate Web Developer \u0026 Designer creating modern, responsive, and user-friendly websites. Explore my portfolio to see my latest projects and skills.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Web Developer,Web Designer,Frontend Developer,Portfolio,React,Next.js,UI/UX\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Portfolio | Web Developer \u0026 Designer\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"A creative Web Developer \u0026 Designer showcasing modern, responsive, and engaging projects.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://devst.vercel.app\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"My Portfolio\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://i.ibb.co/hRymyFtC/Untitled-1.png\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image:alt\",\"content\":\"Portfolio Preview\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Portfolio | Web Developer \u0026 Designer\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"Explore my portfolio as a Web Developer \u0026 Designer. Modern, responsive, and user-focused web solutions.\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://i.ibb.co/hRymyFtC/Untitled-1.png\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}],[\"$\",\"meta\",\"20\",{\"name\":\"next-size-adjust\"}]]\n5: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.