<!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/e4af272ccee01ff0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimages%2FExamples1.webp&amp;w=1200&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimages%2FExamples1.webp&amp;w=3840&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimages%2Fwebsite-showcase.webp&amp;w=1200&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimages%2Fwebsite-showcase.webp&amp;w=3840&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Fassets%2Fimages%2Flogos%2FOdins3-Logo-Black.webp&amp;w=32&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimages%2Flogos%2FOdins3-Logo-Black.webp&amp;w=64&amp;q=75 2x"/><link rel="stylesheet" href="/_next/static/css/931b179cff3131dc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/e95beece09dd1a88.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-bb3281a89b72f2aa.js"/><script src="/_next/static/chunks/4bd1b696-8e588989cbbe604c.js" async=""></script><script src="/_next/static/chunks/1684-c90de951a55adc3f.js" async=""></script><script src="/_next/static/chunks/main-app-d41d56f775a954bb.js" async=""></script><script src="/_next/static/chunks/6874-34690e8b16058086.js" async=""></script><script src="/_next/static/chunks/1755-13a1b129b1f70a1a.js" async=""></script><script src="/_next/static/chunks/6766-27792097e8af111e.js" async=""></script><script src="/_next/static/chunks/2108-43898f39a12cb27f.js" async=""></script><script src="/_next/static/chunks/6331-75e79fbc101fd20c.js" async=""></script><script src="/_next/static/chunks/app/layout-325e46f9d097e5a2.js" async=""></script><script src="/_next/static/chunks/9352-fa317ccc67526fb7.js" async=""></script><script src="/_next/static/chunks/app/website-design/page-40440a1a2896f9f8.js" async=""></script><link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-PZ6BPV3NYB" as="script"/><meta name="next-size-adjust" content=""/><title>Custom Website Design &amp; Development | Professional Web Solutions | Odins3</title><meta name="description" content="Expert custom website design and development services. From AI-powered builds to enterprise solutions. Next.js, WordPress, and custom platforms with professional design and integrations for all business sizes."/><meta name="author" content="Odins3 Team"/><link rel="manifest" href="/site.webmanifest"/><meta name="keywords" content="custom website design,website development services,professional web design,Next.js development,WordPress development,custom web applications,enterprise website development,AI website builder,small business web design,ecommerce website design,SEO-optimized websites,responsive web design,Seattle web design,website integrations,custom website development"/><meta name="creator" content="Odins3"/><meta name="publisher" content="Odins3"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://odins3.com/website-design"/><meta property="og:title" content="Custom Website Design &amp; Development | Professional Web Solutions"/><meta property="og:description" content="Transform your business with expert website design and development. From AI-powered builds starting at $99/mo to custom development from $5,000. Professional results for every budget."/><meta property="og:url" content="https://odins3.com/website-design"/><meta property="og:site_name" content="Odins3"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.odins3.com/assets/images/website-design-hero.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="Professional website design and development by Odins3"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Custom Website Design &amp; Development | Professional Web Solutions"/><meta name="twitter:description" content="Expert website design and development services. AI-powered builds, custom development, and professional solutions for businesses of all sizes."/><meta name="twitter:image" content="https://www.odins3.com/assets/images/website-design-hero.jpg"/><link rel="icon" href="/favicon.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/><link rel="android-chrome-192x192" href="/android-chrome-192x192.png"/><link rel="android-chrome-512x512" href="/android-chrome-512x512.png"/><script>(self.__next_s=self.__next_s||[]).push([0,{"children":"\n            // Suppress browser extension errors that don't affect site functionality\n            window.addEventListener('error', function(e) {\n              if (e.message && e.message.includes('message channel closed')) {\n                e.preventDefault();\n                return false;\n              }\n            });\n            \n            window.addEventListener('unhandledrejection', function(e) {\n              if (e.reason && e.reason.message && e.reason.message.includes('message channel closed')) {\n                e.preventDefault();\n                return false;\n              }\n            });\n          ","id":"suppress-extension-errors"}])</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__className_e8ce0c"><script>((e,t,r,n,i,o,a,s)=>{let l=document.documentElement,u=["light","dark"];function c(t){var r;(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,n=r&&o?i.map(e=>o[e]||e):i;r?(l.classList.remove(...n),l.classList.add(o&&o[t]?o[t]:t)):l.setAttribute(e,t)}),r=t,s&&u.includes(r)&&(l.style.colorScheme=r)}if(n)c(n);else try{let e=localStorage.getItem(t)||r,n=a&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(n)}catch(e){}})("class","theme","dark",null,["light","dark"],null,true,true)</script><div class="relative flex min-h-screen flex-col"><main class="flex-1 pt-20"><div class="min-h-screen"><section class="relative overflow-hidden py-24 bg-gradient-to-br from-background via-background to-muted/10"><div class="absolute inset-0"><div class="absolute top-1/4 left-1/4 w-96 h-96 bg-primary/8 rounded-full blur-3xl animate-pulse"></div><div class="absolute bottom-1/4 right-1/4 w-[500px] h-[500px] bg-purple-500/8 rounded-full blur-3xl animate-pulse delay-1000"></div><div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.05]" style="background-image:linear-gradient(to right, currentColor 1px, transparent 1px), linear-gradient(to bottom, currentColor 1px, transparent 1px);background-size:80px 80px"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-6xl mx-auto text-center space-y-8"><div class="space-y-6" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-primary/10 to-purple-500/10 border border-primary/20 text-primary text-sm font-medium" style="opacity:0;transform:scale(0.9)"><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 w-4 h-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>Professional Website Design &amp; Development</div><h1 class="text-4xl md:text-6xl lg:text-7xl font-bold leading-tight" style="opacity:0;transform:translateY(30px)"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Custom Website</span><br/><span class="bg-gradient-to-r from-primary via-purple-500 to-primary bg-clip-text text-transparent">Design &amp; Development</span></h1><p class="text-xl md:text-2xl text-muted-foreground leading-relaxed max-w-4xl mx-auto" style="opacity:0;transform:translateY(30px)">Transform your business with professional website design and development. From AI-powered builds to custom enterprise solutions on any platform. Expert design, advanced integrations, and professional results for small businesses to enterprise.</p><div class="flex flex-col sm:flex-row gap-4 justify-center pt-8" style="opacity:0;transform:translateY(30px)"><a href="/custom-website-request" class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-11 rounded-md group bg-gradient-to-r from-primary to-purple-600 hover:from-primary/90 hover:to-purple-600/90 text-white px-8 py-6 text-lg font-bold shadow-xl hover:shadow-2xl transition-all duration-300 hover:scale-[1.02]">Get Custom Quote<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-arrow-right ml-3 h-5 w-5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="https://ai.odins3.cloud/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border-input bg-background hover:text-accent-foreground h-11 rounded-md px-8 py-6 text-lg font-bold border-2 hover:bg-muted/50 transition-all duration-300 hover:scale-[1.02]">Try AI Builder Free<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-sparkles ml-3 h-5 w-5" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></a></div></div></div></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-muted/30 via-background to-muted/20"><div class="container mx-auto px-4 relative z-10"><div class="max-w-7xl mx-auto"><div class="text-center mb-16 space-y-6" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Our Website Design</span><br/><span class="bg-gradient-to-r from-primary via-purple-500 to-primary bg-clip-text text-transparent">&amp; Development Services</span></h2><p class="text-xl text-muted-foreground leading-relaxed max-w-3xl mx-auto">Expert website solutions for every need and budget. From AI-powered builds to custom enterprise applications.</p></div><div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8"><div class="relative p-8 rounded-2xl border-2 border-white/20 dark:border-gray-700/50 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm hover:shadow-lg transition-all duration-300 hover:scale-105" style="opacity:0;transform:translateY(30px)"><div class="w-16 h-16 mx-auto mb-6 rounded-2xl bg-gradient-to-r from-blue-500 to-indigo-500 bg-opacity-10 flex items-center justify-center"><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 w-8 h-8 bg-gradient-to-r from-blue-500 to-indigo-500 bg-clip-text text-transparent" 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></div><h3 class="text-xl font-bold text-foreground mb-4 text-center">Custom Website Development</h3><p class="text-muted-foreground text-sm mb-6 text-center leading-relaxed">Fully tailored websites built from scratch with advanced functionality and unique features.</p><div class="space-y-2 mb-6"><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Next.js &amp; React</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Custom Backend</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">API Integrations</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Database Design</span></div></div><div class="text-center"><span class="text-sm font-medium text-muted-foreground">Starting at $5,000</span></div></div><div class="relative p-8 rounded-2xl border-2 border-white/20 dark:border-gray-700/50 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm hover:shadow-lg transition-all duration-300 hover:scale-105" style="opacity:0;transform:translateY(30px)"><div class="w-16 h-16 mx-auto mb-6 rounded-2xl bg-gradient-to-r from-purple-500 to-pink-500 bg-opacity-10 flex items-center justify-center"><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 w-8 h-8 bg-gradient-to-r from-purple-500 to-pink-500 bg-clip-text text-transparent" 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></div><h3 class="text-xl font-bold text-foreground mb-4 text-center">Professional Design &amp; UX</h3><p class="text-muted-foreground text-sm mb-6 text-center leading-relaxed">Beautiful, conversion-focused designs that represent your brand perfectly.</p><div class="space-y-2 mb-6"><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Custom UI/UX</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Brand Integration</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Mobile-First</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Accessibility</span></div></div><div class="text-center"><span class="text-sm font-medium text-muted-foreground">Included in all packages</span></div></div><div class="relative p-8 rounded-2xl border-2 border-white/20 dark:border-gray-700/50 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm hover:shadow-lg transition-all duration-300 hover:scale-105" style="opacity:0;transform:translateY(30px)"><div class="w-16 h-16 mx-auto mb-6 rounded-2xl bg-gradient-to-r from-green-500 to-emerald-500 bg-opacity-10 flex items-center justify-center"><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 w-8 h-8 bg-gradient-to-r from-green-500 to-emerald-500 bg-clip-text text-transparent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-4 text-center">Platform Expertise</h3><p class="text-muted-foreground text-sm mb-6 text-center leading-relaxed">Expert development on any platform or framework you need.</p><div class="space-y-2 mb-6"><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Next.js</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">WordPress</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Shopify</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Custom Platforms</span></div></div><div class="text-center"><span class="text-sm font-medium text-muted-foreground">Platform optimized</span></div></div><div class="relative p-8 rounded-2xl border-2 border-white/20 dark:border-gray-700/50 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm hover:shadow-lg transition-all duration-300 hover:scale-105" style="opacity:0;transform:translateY(30px)"><div class="w-16 h-16 mx-auto mb-6 rounded-2xl bg-gradient-to-r from-orange-500 to-red-500 bg-opacity-10 flex items-center justify-center"><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-zap w-8 h-8 bg-gradient-to-r from-orange-500 to-red-500 bg-clip-text text-transparent" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="text-xl font-bold text-foreground mb-4 text-center">Advanced Integrations</h3><p class="text-muted-foreground text-sm mb-6 text-center leading-relaxed">Connect your website to any service or system your business uses.</p><div class="space-y-2 mb-6"><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Payment Processing</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">CRM Integration</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Marketing Tools</span></div><div class="flex items-center gap-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-check w-4 h-4 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Analytics</span></div></div><div class="text-center"><span class="text-sm font-medium text-muted-foreground">Custom quoted</span></div></div></div></div></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-background via-background to-muted/10"><div class="container mx-auto px-4 relative z-10"><div class="max-w-7xl mx-auto"><div class="text-center mb-16 space-y-6" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Choose Your</span><br/><span class="bg-gradient-to-r from-primary via-purple-500 to-primary bg-clip-text text-transparent">Website Solution</span></h2><p class="text-xl text-muted-foreground leading-relaxed max-w-3xl mx-auto">From AI-powered instant builds to fully custom development. We have the perfect solution for every business.</p></div><div class="grid lg:grid-cols-3 gap-8"><div class="relative " style="opacity:0;transform:translateY(30px)"><div class="relative p-8 rounded-2xl border-2 transition-all duration-300 hover:scale-105 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border-white/20 dark:border-gray-700/50 hover:shadow-lg"><div class="text-center mb-8"><h3 class="text-2xl font-bold text-foreground mb-2">AI Builder</h3><p class="text-muted-foreground text-sm mb-4">Build your website instantly with our AI-powered platform</p><div class="text-3xl font-bold text-foreground mb-6">From $29.99/mo</div></div><div class="space-y-3 mb-8"><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">AI Website Generation</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">500+ Premium Templates</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Professional Hosting</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Mobile Responsive</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Basic SEO Tools</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">SSL Certificate</span></div></div><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-10 px-4 w-full py-6 text-lg font-semibold transition-all duration-300 bg-gradient-to-r from-muted to-muted/80 hover:from-muted/90 hover:to-muted/70 text-foreground"><a href="https://ai.odins3.cloud/" target="_blank" rel="noopener noreferrer">Start Building Now</a></button></div></div><div class="relative lg:-mt-8" style="opacity:0;transform:translateY(30px)"><div class="absolute -top-4 left-1/2 transform -translate-x-1/2 z-10"><div class="px-4 py-2 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 text-white text-sm font-medium">Most Popular</div></div><div class="relative p-8 rounded-2xl border-2 transition-all duration-300 hover:scale-105 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border-primary shadow-2xl shadow-primary/20"><div class="text-center mb-8"><h3 class="text-2xl font-bold text-foreground mb-2">Pro Plan</h3><p class="text-muted-foreground text-sm mb-4">We build and customize your site with premium features</p><div class="text-3xl font-bold text-foreground mb-6">$99/month</div></div><div class="space-y-3 mb-8"><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Personal Consultation</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Custom Design Work</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Advanced SEO Setup</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Content Optimization</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Custom Integrations</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Monthly Strategy Calls</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Ecommerce Features</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Priority Support</span></div></div><a href="/custom-website-request" class="inline-flex items-center justify-center whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-10 px-4 w-full py-6 text-lg font-semibold transition-all duration-300 bg-gradient-to-r from-primary to-purple-600 hover:from-primary/90 hover:to-purple-600/90 text-white shadow-lg hover:shadow-xl">Get Started with Pro</a></div></div><div class="relative " style="opacity:0;transform:translateY(30px)"><div class="relative p-8 rounded-2xl border-2 transition-all duration-300 hover:scale-105 bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border-white/20 dark:border-gray-700/50 hover:shadow-lg"><div class="text-center mb-8"><h3 class="text-2xl font-bold text-foreground mb-2">Custom Development</h3><p class="text-muted-foreground text-sm mb-4">Fully custom websites and applications tailored to your needs</p><div class="text-3xl font-bold text-foreground mb-6">Starting at $5,000</div></div><div class="space-y-3 mb-8"><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Discovery &amp; Strategy</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Custom Design &amp; Development</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Advanced Functionality</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Third-party Integrations</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Testing &amp; QA</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Launch &amp; Training</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">30-Day Support</span></div><div class="flex items-center gap-3"><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-check w-5 h-5 text-green-500 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="text-foreground text-sm">Enterprise Features</span></div></div><a href="/custom-website-request" class="inline-flex items-center justify-center whitespace-nowrap rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-10 px-4 w-full py-6 text-lg font-semibold transition-all duration-300 bg-gradient-to-r from-muted to-muted/80 hover:from-muted/90 hover:to-muted/70 text-foreground">Get Custom Quote</a></div></div></div></div></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-indigo-50 via-blue-50 to-cyan-50 dark:from-gray-900 dark:via-indigo-950/30 dark:to-gray-900"><div class="absolute inset-0"><div class="absolute top-1/4 left-1/4 w-96 h-96 bg-indigo-500/10 rounded-full blur-3xl animate-pulse delay-300"></div><div class="absolute bottom-1/4 right-1/4 w-[500px] h-[500px] bg-blue-500/10 rounded-full blur-3xl animate-pulse delay-700"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-r from-cyan-500/5 to-indigo-500/5 rounded-full blur-3xl animate-pulse delay-1000"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-7xl mx-auto"><div class="text-center mb-16 space-y-6" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-indigo-500/10 to-blue-500/10 border border-indigo-500/20 text-indigo-600 dark:text-indigo-400 text-sm font-medium" style="opacity:0;transform:scale(0.9)"><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-monitor w-4 h-4" aria-hidden="true"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg>Our Website Portfolio</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Professional Websites</span><br/><span class="bg-gradient-to-r from-indigo-600 via-blue-600 to-cyan-600 bg-clip-text text-transparent">We&#x27;ve Built for Success</span></h2><p class="text-xl text-muted-foreground leading-relaxed max-w-4xl mx-auto">Discover the stunning websites we&#x27;ve created for businesses across all industries. From sleek corporate sites to powerful e-commerce platforms, our custom development expertise delivers results that drive growth and engagement.</p></div><div class="grid lg:grid-cols-5 gap-16 items-center"><div class="lg:col-span-2 space-y-6" style="opacity:0;transform:translateX(-30px)"><div class="space-y-4"><h3 class="text-xl font-bold text-foreground">Award-Winning Website Design &amp; Development</h3><div class="grid gap-4"><div class="flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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-award w-5 h-5 text-indigo-600 dark:text-indigo-400" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div class="flex-1"><h4 class="text-sm font-semibold text-foreground mb-1">Industry-Leading Design</h4><p class="text-muted-foreground text-xs leading-relaxed mb-2">Modern, conversion-focused designs that reflect your brand and engage your audience.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">95% Client Satisfaction</div></div></div><div class="flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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 w-5 h-5 text-indigo-600 dark:text-indigo-400" 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></div><div class="flex-1"><h4 class="text-sm font-semibold text-foreground mb-1">Custom Development Excellence</h4><p class="text-muted-foreground text-xs leading-relaxed mb-2">Clean, scalable code built with the latest technologies for optimal performance.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">99.9% Uptime Guarantee</div></div></div><div class="flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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-trending-up w-5 h-5 text-indigo-600 dark:text-indigo-400" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="flex-1"><h4 class="text-sm font-semibold text-foreground mb-1">Proven Results</h4><p class="text-muted-foreground text-xs leading-relaxed mb-2">Our websites consistently deliver increased traffic and higher conversions.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">300% Average ROI Increase</div></div></div></div></div></div><div class="lg:col-span-3 relative" style="opacity:0;transform:translateX(30px)"><div class="relative group"><div class="absolute -inset-4 bg-gradient-to-r from-indigo-500/20 to-blue-500/20 rounded-3xl blur-2xl animate-pulse"></div><div class="relative overflow-hidden rounded-3xl shadow-2xl ring-1 ring-black/5 dark:ring-white/10"><video autoPlay="" muted="" loop="" playsInline="" class="w-full h-auto aspect-video object-cover transition-transform duration-500 group-hover:scale-105"><source src="/assets/videos/herovideo-odins3.mp4" type="video/mp4"/>Your browser does not support the video tag.</video><div class="absolute inset-0 bg-gradient-to-t from-black/10 via-transparent to-transparent pointer-events-none"></div></div><div class="absolute -top-6 -right-6 w-12 h-12 bg-indigo-500/20 rounded-full backdrop-blur-sm border border-indigo-400/30 flex items-center justify-center"><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-play w-6 h-6 text-indigo-400" aria-hidden="true"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div><div class="absolute -bottom-6 -left-6 w-10 h-10 bg-blue-500/20 rounded-full backdrop-blur-sm border border-blue-400/30 flex items-center justify-center"><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 w-5 h-5 text-blue-400" 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></div></div><div class="mt-6 text-center" style="opacity:0;transform:translateY(20px)"><p class="text-sm text-muted-foreground">Watch our process • See real client websites • Discover possibilities</p></div></div></div><div class="mt-16 text-center p-8 rounded-2xl bg-gradient-to-r from-indigo-500/10 via-blue-500/10 to-cyan-500/10 backdrop-blur-sm border border-indigo-500/20" style="opacity:0;transform:translateY(30px)"><h4 class="text-xl font-bold text-foreground mb-3">Ready to See Your Vision Come to Life?</h4><p class="text-muted-foreground mb-6">Join hundreds of successful businesses who trust us with their digital presence.</p><a href="/custom-website-request" class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-11 rounded-md group bg-gradient-to-r from-indigo-500 to-blue-600 hover:from-indigo-600 hover:to-blue-700 text-white px-8 py-6 text-lg font-bold shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-[1.02]">Start Your Project Today<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-arrow-right ml-3 h-5 w-5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-slate-50 via-gray-50 to-zinc-50 dark:from-gray-900 dark:via-slate-950/30 dark:to-gray-900"><div class="absolute inset-0"><div class="absolute top-1/4 right-1/4 w-80 h-80 bg-green-500/10 rounded-full blur-3xl animate-pulse delay-300"></div><div class="absolute bottom-1/4 left-1/4 w-96 h-96 bg-blue-500/10 rounded-full blur-3xl animate-pulse delay-700"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-6xl mx-auto"><div class="text-center mb-16 space-y-6" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-green-500/10 to-blue-500/10 border border-green-500/20 text-green-600 dark:text-green-400 text-sm font-medium" style="opacity:0;transform:scale(0.9)"><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 w-4 h-4" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg>SEO-Optimized Websites</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Built for Search Engine</span><br/><span class="bg-gradient-to-r from-green-600 via-blue-600 to-purple-600 bg-clip-text text-transparent">Success &amp; Visibility</span></h2><p class="text-xl text-muted-foreground leading-relaxed max-w-3xl mx-auto">Every website we build is optimized for search engines from day one. Get found by your customers with professional SEO strategies built into your website&#x27;s foundation.</p></div><div class="grid lg:grid-cols-2 gap-16 items-center"><div class="space-y-8" style="opacity:0;transform:translateX(-30px)"><div class="space-y-6"><h3 class="text-2xl font-bold text-foreground">Award-Winning Website Design &amp; Development</h3><div class="grid gap-6"><div class="flex items-start gap-4 p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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-award w-6 h-6 text-indigo-600 dark:text-indigo-400" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div class="flex-1"><h4 class="text-lg font-semibold text-foreground mb-2">Industry-Leading Design</h4><p class="text-muted-foreground text-sm leading-relaxed mb-3">Modern, conversion-focused designs that reflect your brand and engage your audience across all devices.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">95% Client Satisfaction</div></div></div><div class="flex items-start gap-4 p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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 w-6 h-6 text-indigo-600 dark:text-indigo-400" 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></div><div class="flex-1"><h4 class="text-lg font-semibold text-foreground mb-2">Custom Development Excellence</h4><p class="text-muted-foreground text-sm leading-relaxed mb-3">Clean, scalable code built with the latest technologies for optimal performance and security.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">99.9% Uptime Guarantee</div></div></div><div class="flex items-start gap-4 p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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-trending-up w-6 h-6 text-indigo-600 dark:text-indigo-400" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="flex-1"><h4 class="text-lg font-semibold text-foreground mb-2">Proven Results</h4><p class="text-muted-foreground text-sm leading-relaxed mb-3">Our websites consistently deliver increased traffic, higher conversions, and measurable business growth.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">300% Average ROI Increase</div></div></div><div class="flex items-start gap-4 p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 rounded-xl bg-gradient-to-r from-indigo-500/20 to-blue-500/20 flex items-center justify-center flex-shrink-0"><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-shield w-6 h-6 text-indigo-600 dark:text-indigo-400" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="flex-1"><h4 class="text-lg font-semibold text-foreground mb-2">Enterprise Security</h4><p class="text-muted-foreground text-sm leading-relaxed mb-3">Bank-level security measures, SSL certificates, and regular updates keep your website protected.</p><div class="text-xs font-medium text-indigo-600 dark:text-indigo-400">Zero Security Breaches</div></div></div></div></div></div><div class="relative" style="opacity:0;transform:translateX(30px)"><div class="relative group"><div class="absolute -inset-6 bg-gradient-to-r from-indigo-500/20 via-blue-500/20 to-cyan-500/20 rounded-3xl blur-3xl animate-pulse"></div><img alt="Professional website design examples showcasing modern layouts, responsive design, and exceptional user experience" width="1200" height="800" decoding="async" data-nimg="1" class="w-full h-auto object-cover transition-transform duration-700 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2FExamples1.webp&amp;w=1200&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimages%2FExamples1.webp&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimages%2FExamples1.webp&amp;w=3840&amp;q=75"/><div class="absolute -top-4 -right-4 w-14 h-14 bg-indigo-500/20 rounded-full backdrop-blur-sm border border-indigo-400/30 flex items-center justify-center"><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-star w-7 h-7 text-indigo-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div class="absolute -bottom-4 -left-4 w-12 h-12 bg-blue-500/20 rounded-full backdrop-blur-sm border border-blue-400/30 flex items-center justify-center"><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 w-6 h-6 text-blue-400" 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></div><div class="absolute top-1/3 -right-6 w-10 h-10 bg-cyan-500/20 rounded-lg backdrop-blur-sm border border-cyan-400/30 flex items-center justify-center"><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-smartphone w-5 h-5 text-cyan-400" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div></div><div class="mt-6 text-center" style="opacity:0;transform:translateY(20px)"><p class="text-sm text-muted-foreground">Watch our process • See real client websites • Discover possibilities</p></div></div></div></div></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-violet-50 via-purple-50 to-fuchsia-50 dark:from-gray-900 dark:via-violet-950/30 dark:to-gray-900"><div class="absolute inset-0"><div class="absolute top-1/4 right-1/4 w-80 h-80 bg-violet-500/10 rounded-full blur-3xl animate-pulse delay-300"></div><div class="absolute bottom-1/4 left-1/4 w-96 h-96 bg-purple-500/10 rounded-full blur-3xl animate-pulse delay-700"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] bg-gradient-to-r from-fuchsia-500/5 to-violet-500/5 rounded-full blur-3xl animate-pulse delay-1000"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-7xl mx-auto"><div class="text-center mb-16 space-y-6" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-violet-500/10 to-purple-500/10 border border-violet-500/20 text-violet-600 dark:text-violet-400 text-sm font-medium" style="opacity:0;transform:scale(0.9)"><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-heart w-4 h-4" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg>Beautiful Website Designs</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Stunning Websites That</span><br/><span class="bg-gradient-to-r from-violet-600 via-purple-600 to-fuchsia-600 bg-clip-text text-transparent">Convert &amp; Inspire</span></h2><p class="text-xl text-muted-foreground leading-relaxed max-w-4xl mx-auto">Every website we create is a masterpiece of design and functionality. Explore our portfolio of responsive, user-friendly websites that not only look incredible but deliver exceptional performance and user experience.</p></div><div class="grid lg:grid-cols-5 gap-12 items-center"><div class="lg:col-span-3 relative" style="opacity:0;transform:translateX(-30px)"><div class="relative group"><div class="absolute -inset-6 bg-gradient-to-r from-violet-500/20 via-purple-500/20 to-fuchsia-500/20 rounded-3xl blur-3xl animate-pulse"></div><img alt="Professional website design examples showcasing modern layouts, responsive design, and exceptional user experience" width="1200" height="800" decoding="async" data-nimg="1" class="w-full h-auto object-cover transition-transform duration-700 group-hover:scale-105" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2Fwebsite-showcase.webp&amp;w=1200&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimages%2Fwebsite-showcase.webp&amp;w=3840&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimages%2Fwebsite-showcase.webp&amp;w=3840&amp;q=75"/><div class="absolute -top-4 -right-4 w-14 h-14 bg-violet-500/20 rounded-full backdrop-blur-sm border border-violet-400/30 flex items-center justify-center"><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-star w-7 h-7 text-violet-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div class="absolute -bottom-4 -left-4 w-12 h-12 bg-purple-500/20 rounded-full backdrop-blur-sm border border-purple-400/30 flex items-center justify-center"><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 w-6 h-6 text-purple-400" 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></div><div class="absolute top-1/3 -right-6 w-10 h-10 bg-fuchsia-500/20 rounded-lg backdrop-blur-sm border border-fuchsia-400/30 flex items-center justify-center"><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-smartphone w-5 h-5 text-fuchsia-400" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div></div></div><div class="lg:col-span-2 space-y-8" style="opacity:0;transform:translateX(30px)"><div class="space-y-6"><h3 class="text-2xl font-bold text-foreground">Design Excellence That Drives Results</h3><div class="grid gap-6"><div class="flex items-start gap-4 p-5 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-violet-500/20 to-purple-500/20 flex items-center justify-center flex-shrink-0"><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 w-5 h-5 text-violet-600 dark:text-violet-400" 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></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground mb-1">Modern Visual Design</h4><p class="text-muted-foreground text-sm leading-relaxed mb-2">Contemporary aesthetics with stunning visuals that capture attention and reflect your brand identity.</p><div class="text-xs font-medium text-violet-600 dark:text-violet-400">98% Design Approval Rate</div></div></div><div class="flex items-start gap-4 p-5 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-violet-500/20 to-purple-500/20 flex items-center justify-center flex-shrink-0"><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-smartphone w-5 h-5 text-violet-600 dark:text-violet-400" aria-hidden="true"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground mb-1">Mobile-First Approach</h4><p class="text-muted-foreground text-sm leading-relaxed mb-2">Every website is designed mobile-first to ensure perfect user experience across all devices.</p><div class="text-xs font-medium text-violet-600 dark:text-violet-400">100% Mobile Responsive</div></div></div><div class="flex items-start gap-4 p-5 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-violet-500/20 to-purple-500/20 flex items-center justify-center flex-shrink-0"><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-trending-up w-5 h-5 text-violet-600 dark:text-violet-400" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground mb-1">Conversion Optimization</h4><p class="text-muted-foreground text-sm leading-relaxed mb-2">Strategic layout and UX design optimized to turn visitors into customers and drive business growth.</p><div class="text-xs font-medium text-violet-600 dark:text-violet-400">45% Higher Conversion Rates</div></div></div><div class="flex items-start gap-4 p-5 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-violet-500/20 to-purple-500/20 flex items-center justify-center flex-shrink-0"><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-zap w-5 h-5 text-violet-600 dark:text-violet-400" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div class="flex-1"><h4 class="text-base font-semibold text-foreground mb-1">Lightning Fast Performance</h4><p class="text-muted-foreground text-sm leading-relaxed mb-2">Optimized code and assets ensure your website loads quickly and performs flawlessly.</p><div class="text-xs font-medium text-violet-600 dark:text-violet-400">&lt; 2 Second Load Times</div></div></div></div></div><div class="p-6 rounded-2xl bg-gradient-to-r from-violet-500/10 via-purple-500/10 to-fuchsia-500/10 backdrop-blur-sm border border-violet-500/20" style="opacity:0;transform:translateY(20px)"><h4 class="text-lg font-bold text-foreground mb-3">Industry Recognition</h4><div class="grid grid-cols-2 gap-4 text-center"><div><div class="text-xl font-bold text-violet-600 dark:text-violet-400">500+</div><div class="text-xs text-muted-foreground">Websites Delivered</div></div><div><div class="text-xl font-bold text-purple-600 dark:text-purple-400">15+</div><div class="text-xs text-muted-foreground">Design Awards</div></div></div><p class="text-sm text-muted-foreground mt-4 text-center">Trusted by businesses worldwide for exceptional design</p></div></div></div><div class="mt-16 text-center p-8 rounded-2xl bg-gradient-to-r from-violet-500/10 via-purple-500/10 to-fuchsia-500/10 backdrop-blur-sm border border-violet-500/20" style="opacity:0;transform:translateY(30px)"><h4 class="text-xl font-bold text-foreground mb-3">Ready for a Website That Stands Out?</h4><p class="text-muted-foreground mb-6">Let&#x27;s create something extraordinary together. Your dream website is just one conversation away.</p><button class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-11 rounded-md group bg-gradient-to-r from-violet-500 to-purple-600 hover:from-violet-600 hover:to-purple-700 text-white px-8 py-6 text-lg font-bold shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-[1.02]">View Our Full Portfolio<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-arrow-right ml-3 h-5 w-5 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-slate-50 via-gray-50 to-zinc-50 dark:from-gray-900 dark:via-slate-950/30 dark:to-gray-900"><div class="absolute inset-0"><div class="absolute inset-0 bg-gradient-to-r from-slate-500/5 via-gray-500/10 to-zinc-500/5 animate-pulse"></div><div class="absolute -top-24 -right-24 w-96 h-96 bg-gradient-to-r from-slate-500/10 to-gray-500/10 rounded-full blur-3xl animate-pulse delay-300"></div><div class="absolute -bottom-24 -left-24 w-80 h-80 bg-gradient-to-r from-zinc-500/10 to-slate-500/10 rounded-full blur-3xl animate-pulse delay-700"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[800px] bg-gradient-to-r from-gray-500/5 to-slate-500/5 rounded-full blur-3xl animate-pulse delay-1000"></div><div class="absolute top-1/4 left-1/5 w-32 h-32 border border-slate-400/10 rounded-full animate-spin" style="animation-duration:20s"></div><div class="absolute bottom-1/3 right-1/4 w-24 h-24 border border-gray-400/10 rounded-lg rotate-45 animate-pulse delay-500"></div><div class="absolute top-1/6 right-1/3 w-20 h-20 border border-zinc-400/10 rounded-2xl rotate-12 animate-pulse delay-700"></div><div class="absolute bottom-1/5 left-1/4 w-16 h-16 border border-slate-400/10 rounded-xl -rotate-12 animate-pulse delay-900"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-7xl mx-auto"><div class="text-center mb-20 space-y-8"><div class="space-y-6" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-slate-500/10 to-gray-500/10 border border-slate-500/20 text-slate-600 dark:text-slate-400 text-sm font-medium" style="opacity:0;transform:scale(0.9)"><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 w-4 h-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>Enterprise Custom Development</div><h2 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight max-w-5xl mx-auto" style="opacity:0;transform:translateY(30px)"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Custom Web Applications</span><br/><span class="bg-gradient-to-r from-slate-500 via-gray-500 to-zinc-500 bg-clip-text text-transparent">Built for Scale</span></h2><p class="text-xl md:text-2xl text-muted-foreground leading-relaxed max-w-4xl mx-auto" style="opacity:0;transform:translateY(30px)">When your business needs go beyond templates, we build completely custom web applications tailored to your exact requirements. Enterprise-grade solutions with cutting-edge technology, advanced functionality, and seamless integrations.</p></div></div><div class="max-w-4xl mx-auto mb-20"><div class="space-y-6"><h3 class="text-2xl font-bold text-foreground mb-6" style="opacity:0;transform:translateY(20px)">Complete Development Ecosystem</h3><div class="grid gap-4"><div class="group flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateX(-30px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-slate-500 to-gray-500 bg-opacity-10 flex items-center justify-center group-hover:scale-110 transition-transform duration-300 flex-shrink-0"><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-building2 lucide-building-2 w-5 h-5 bg-gradient-to-r from-slate-500 to-gray-500 bg-clip-text text-transparent" aria-hidden="true"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-base font-semibold text-foreground mb-1 group-hover:text-primary transition-colors">Enterprise Architecture</h4><p class="text-muted-foreground leading-relaxed text-xs">Scalable, secure applications built with enterprise-grade architecture and best practices.</p></div><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-check w-4 h-4 text-green-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="group flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateX(-30px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-gray-500 to-zinc-500 bg-opacity-10 flex items-center justify-center group-hover:scale-110 transition-transform duration-300 flex-shrink-0"><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 w-5 h-5 bg-gradient-to-r from-gray-500 to-zinc-500 bg-clip-text text-transparent" 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></div><div class="flex-1 min-w-0"><h4 class="text-base font-semibold text-foreground mb-1 group-hover:text-primary transition-colors">Modern Tech Stack</h4><p class="text-muted-foreground leading-relaxed text-xs">Next.js, React, Node.js, and cutting-edge technologies for optimal performance.</p></div><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-check w-4 h-4 text-green-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="group flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateX(-30px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-zinc-500 to-slate-500 bg-opacity-10 flex items-center justify-center group-hover:scale-110 transition-transform duration-300 flex-shrink-0"><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-shield w-5 h-5 bg-gradient-to-r from-zinc-500 to-slate-500 bg-clip-text text-transparent" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-base font-semibold text-foreground mb-1 group-hover:text-primary transition-colors">Bank-Level Security</h4><p class="text-muted-foreground leading-relaxed text-xs">Advanced security measures, data encryption, and compliance with industry standards.</p></div><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-check w-4 h-4 text-green-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="group flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateX(-30px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-slate-600 to-gray-600 bg-opacity-10 flex items-center justify-center group-hover:scale-110 transition-transform duration-300 flex-shrink-0"><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 w-5 h-5 bg-gradient-to-r from-slate-600 to-gray-600 bg-clip-text text-transparent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-base font-semibold text-foreground mb-1 group-hover:text-primary transition-colors">Third-Party Integrations</h4><p class="text-muted-foreground leading-relaxed text-xs">Seamless connections to CRMs, payment systems, APIs, and business tools.</p></div><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-check w-4 h-4 text-green-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="group flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateX(-30px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-gray-600 to-zinc-600 bg-opacity-10 flex items-center justify-center group-hover:scale-110 transition-transform duration-300 flex-shrink-0"><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-users w-5 h-5 bg-gradient-to-r from-gray-600 to-zinc-600 bg-clip-text text-transparent" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div class="flex-1 min-w-0"><h4 class="text-base font-semibold text-foreground mb-1 group-hover:text-primary transition-colors">User Management</h4><p class="text-muted-foreground leading-relaxed text-xs">Advanced user roles, permissions, authentication, and multi-tenant architecture.</p></div><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-check w-4 h-4 text-green-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="group flex items-start gap-3 p-4 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50 hover:shadow-lg transition-all duration-300" style="opacity:0;transform:translateX(-30px)"><div class="w-10 h-10 rounded-lg bg-gradient-to-r from-zinc-600 to-slate-600 bg-opacity-10 flex items-center justify-center group-hover:scale-110 transition-transform duration-300 flex-shrink-0"><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-trending-up w-5 h-5 bg-gradient-to-r from-zinc-600 to-slate-600 bg-clip-text text-transparent" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-base font-semibold text-foreground mb-1 group-hover:text-primary transition-colors">Advanced Analytics</h4><p class="text-muted-foreground leading-relaxed text-xs">Custom dashboards, reporting systems, and business intelligence integration.</p></div><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-check w-4 h-4 text-green-500 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex-shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div></div><div class="pt-4" style="opacity:0;transform:translateY(20px)"><p class="text-xs font-medium text-muted-foreground mb-3">Technologies we master:</p><div class="flex flex-wrap gap-2"><span class="px-3 py-1 rounded-full bg-gradient-to-r from-gray-600 to-gray-800 text-white dark:text-foreground text-xs font-medium border border-white/10 dark:border-gray-700/50" style="opacity:0;transform:scale(0.8)">Next.js</span><span class="px-3 py-1 rounded-full bg-gradient-to-r from-blue-600 to-blue-800 text-white dark:text-foreground text-xs font-medium border border-white/10 dark:border-gray-700/50" style="opacity:0;transform:scale(0.8)">React</span><span class="px-3 py-1 rounded-full bg-gradient-to-r from-green-600 to-green-800 text-white dark:text-foreground text-xs font-medium border border-white/10 dark:border-gray-700/50" style="opacity:0;transform:scale(0.8)">Node.js</span><span class="px-3 py-1 rounded-full bg-gradient-to-r from-indigo-600 to-indigo-800 text-white dark:text-foreground text-xs font-medium border border-white/10 dark:border-gray-700/50" style="opacity:0;transform:scale(0.8)">TypeScript</span></div></div></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-20" style="opacity:0;transform:translateY(30px)"><div class="text-center group" style="opacity:0;transform:translateY(20px)"><div class="w-16 h-16 mx-auto mb-4 rounded-2xl bg-gradient-to-r from-yellow-500 to-orange-500 bg-opacity-20 flex items-center justify-center group-hover:scale-110 transition-transform duration-300"><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-zap w-8 h-8 bg-gradient-to-r from-yellow-500 to-orange-500 bg-clip-text text-transparent" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><p class="text-muted-foreground font-medium text-sm">Lightning Fast Development</p></div><div class="text-center group" style="opacity:0;transform:translateY(20px)"><div class="w-16 h-16 mx-auto mb-4 rounded-2xl bg-gradient-to-r from-blue-500 to-indigo-500 bg-opacity-20 flex items-center justify-center group-hover:scale-110 transition-transform duration-300"><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-shield w-8 h-8 bg-gradient-to-r from-blue-500 to-indigo-500 bg-clip-text text-transparent" aria-hidden="true"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><p class="text-muted-foreground font-medium text-sm">Enterprise Security</p></div><div class="text-center group" style="opacity:0;transform:translateY(20px)"><div class="w-16 h-16 mx-auto mb-4 rounded-2xl bg-gradient-to-r from-green-500 to-emerald-500 bg-opacity-20 flex items-center justify-center group-hover:scale-110 transition-transform duration-300"><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 w-8 h-8 bg-gradient-to-r from-green-500 to-emerald-500 bg-clip-text text-transparent" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><p class="text-muted-foreground font-medium text-sm">Scalable Architecture</p></div><div class="text-center group" style="opacity:0;transform:translateY(20px)"><div class="w-16 h-16 mx-auto mb-4 rounded-2xl bg-gradient-to-r from-purple-500 to-violet-500 bg-opacity-20 flex items-center justify-center group-hover:scale-110 transition-transform duration-300"><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-award w-8 h-8 bg-gradient-to-r from-purple-500 to-violet-500 bg-clip-text text-transparent" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><p class="text-muted-foreground font-medium text-sm">Premium Support</p></div></div><div class="text-center p-12 rounded-3xl bg-gradient-to-r from-slate-500/10 via-gray-500/10 to-zinc-500/10 backdrop-blur-sm border border-slate-500/20" style="opacity:0;transform:translateY(30px)"><div class="max-w-4xl mx-auto space-y-6"><div class="flex justify-center space-x-1 mb-6"><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-star h-8 w-8 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></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-star h-8 w-8 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></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-star h-8 w-8 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></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-star h-8 w-8 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></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-star h-8 w-8 fill-yellow-400 text-yellow-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><h3 class="text-3xl md:text-4xl font-bold text-foreground mb-4">Ready for Enterprise-Grade Development?</h3><p class="text-xl text-muted-foreground leading-relaxed mb-8">From startups needing complex functionality to Fortune 500 companies requiring scalable solutions, our custom development team delivers results that transform businesses. Starting at $5,000.</p><div tabindex="0"><a href="/custom-website-request" class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-11 rounded-md group bg-gradient-to-r from-slate-500 to-gray-600 hover:from-slate-600 hover:to-gray-700 text-white px-10 py-8 text-xl font-semibold shadow-lg hover:shadow-xl transition-all duration-300">Start Custom Development<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-arrow-right ml-3 h-6 w-6 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><p class="text-sm text-muted-foreground mt-4">Free discovery consultation • Detailed project roadmap • 30-day guarantee</p></div></div></div></div><div class="absolute top-1/5 left-1/6 w-4 h-4 bg-slate-400/30 rounded-full"></div><div class="absolute bottom-1/4 right-1/5 w-3 h-3 bg-gray-400/30 rounded-full"></div><div class="absolute top-2/3 left-1/3 w-2 h-2 bg-zinc-400/30 rounded-full"></div></section><section class="relative overflow-hidden py-24 bg-gradient-to-br from-primary/5 via-background to-purple-500/5"><div class="absolute inset-0"><div class="absolute top-1/3 left-1/3 w-80 h-80 bg-primary/10 rounded-full blur-3xl animate-pulse"></div><div class="absolute bottom-1/3 right-1/3 w-96 h-96 bg-purple-500/10 rounded-full blur-3xl animate-pulse delay-1000"></div></div><div class="container mx-auto px-4 relative z-10"><div class="max-w-4xl mx-auto text-center space-y-8"><div class="space-y-6" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-5 py-3 rounded-full bg-gradient-to-r from-primary/10 to-purple-500/10 border border-primary/20 text-primary text-sm font-medium" style="opacity:0;transform:scale(0.9)"><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-sparkles w-4 h-4" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Try It Yourself</div><h2 class="text-3xl md:text-4xl lg:text-5xl font-bold leading-tight"><span class="bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent">Want to Build It</span><br/><span class="bg-gradient-to-r from-primary via-purple-500 to-primary bg-clip-text text-transparent">Yourself?</span></h2><p class="text-xl text-muted-foreground leading-relaxed max-w-3xl mx-auto">Not ready for custom development? No problem! Try our AI Website Creator and build a professional website in minutes. Perfect for getting started quickly or testing ideas.</p></div><div class="grid md:grid-cols-3 gap-8 mb-12" style="opacity:0;transform:translateY(30px)"><div class="p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-r from-primary/20 to-purple-500/20 flex items-center justify-center"><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-zap w-6 h-6 text-primary" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h4 class="text-lg font-semibold text-foreground mb-2">Instant Results</h4><p class="text-muted-foreground text-sm leading-relaxed">AI generates your website in seconds based on your business description</p></div><div class="p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-r from-primary/20 to-purple-500/20 flex items-center justify-center"><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 w-6 h-6 text-primary" 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></div><h4 class="text-lg font-semibold text-foreground mb-2">Easy Customization</h4><p class="text-muted-foreground text-sm leading-relaxed">Drag-and-drop editing with 500+ professional templates</p></div><div class="p-6 rounded-xl bg-gradient-to-r from-white/80 to-white/40 dark:from-gray-900/80 dark:to-gray-800/40 backdrop-blur-sm border border-white/20 dark:border-gray-700/50" style="opacity:0;transform:translateY(20px)"><div class="w-12 h-12 mx-auto mb-4 rounded-xl bg-gradient-to-r from-primary/20 to-purple-500/20 flex items-center justify-center"><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 w-6 h-6 text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h4 class="text-lg font-semibold text-foreground mb-2">Professional Quality</h4><p class="text-muted-foreground text-sm leading-relaxed">Mobile-responsive, fast-loading, and SEO-optimized automatically</p></div></div><div class="space-y-6" style="opacity:0;transform:translateY(30px)"><a href="https://ai.odins3.cloud/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-primary/90 h-11 rounded-md group bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-600 hover:to-purple-700 text-white px-12 py-8 text-xl font-bold shadow-xl hover:shadow-2xl transition-all duration-300 hover:scale-[1.02]">Start Building with AI Now<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-arrow-right ml-4 h-6 w-6 transition-transform group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="text-sm text-muted-foreground">Free to try • No credit card required • Build and preview your site instantly</p></div></div></div></section></div></main><footer class="border-t bg-background"><div class="container mx-auto px-4 py-12"><div class="grid grid-cols-2 gap-8 md:grid-cols-6"><div class="col-span-2 md:col-span-2"><a class="flex items-center space-x-3 mb-4" href="/"><img alt="Odins3 Logo" width="32" height="32" decoding="async" data-nimg="1" class="" style="color:transparent" srcSet="/_next/image?url=%2Fassets%2Fimages%2Flogos%2FOdins3-Logo-Black.webp&amp;w=32&amp;q=75 1x, /_next/image?url=%2Fassets%2Fimages%2Flogos%2FOdins3-Logo-Black.webp&amp;w=64&amp;q=75 2x" src="/_next/image?url=%2Fassets%2Fimages%2Flogos%2FOdins3-Logo-Black.webp&amp;w=64&amp;q=75"/><span class="font-bold text-xl">Odins3</span></a><p class="text-muted-foreground mb-4 max-w-xs">Building modern web solutions with cutting-edge technology and beautiful design.</p><div class="flex space-x-4"><a class="text-muted-foreground hover:text-foreground transition-colors" aria-label="GitHub" href="https://github.com"><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-5 w-5" 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 class="text-muted-foreground hover:text-foreground transition-colors" aria-label="Twitter" href="https://twitter.com"><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-twitter h-5 w-5" aria-hidden="true"><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></a><a class="text-muted-foreground hover:text-foreground transition-colors" aria-label="LinkedIn" href="https://linkedin.com"><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-5 w-5" 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></div></div><div class="col-span-1"><h3 class="font-semibold mb-4">Solutions</h3><ul class="space-y-2"><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/ai-website-builder">AI Website Builder</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/adwords-competitor-analysis">AdWords Competitor Analysis</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/website-design">Custom Website Design</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/pricing">Pricing</a></li></ul></div><div class="col-span-1"><h3 class="font-semibold mb-4">Company</h3><ul class="space-y-2"><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/about">About</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/blog">Blog</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/careers">Careers</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/contact">Contact</a></li></ul></div><div class="col-span-1"><h3 class="font-semibold mb-4">Support</h3><ul class="space-y-2"><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/help">Help Center</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/community">Community</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/AI-Website-Creator/Video-Tutorials">Video Tutorials</a></li></ul></div><div class="col-span-1"><h3 class="font-semibold mb-4">Legal</h3><ul class="space-y-2"><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/privacy">Privacy</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/terms">Terms</a></li><li><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/cookies">Cookies</a></li></ul></div></div><div class="border-t mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"><p class="text-muted-foreground text-sm">© <!-- -->2025<!-- --> Odins3. All rights reserved.</p><div class="flex space-x-6 mt-4 md:mt-0"><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/privacy">Privacy Policy</a><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/terms">Terms of Service</a><a class="text-muted-foreground hover:text-foreground transition-colors text-sm" href="/cookies">Cookie Policy</a></div></div></div></footer></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script src="/_next/static/chunks/webpack-bb3281a89b72f2aa.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[69243,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"\"]\n3:I[7979,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"AuthSessionProvider\"]\n4:I[80562,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"ThemeProvider\"]\n5:I[75406,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"default\"]\n6:I[12899,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"Navigation\"]\n7:I[87555,[],\"\"]\n8:I[31295,[],\"\"]\n9:I[6874,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"\"]\na:I[41285,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-"])</script><script>self.__next_f.push([1,"13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"Logo\"]\nb:I[23864,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"Analytics\"]\nc:I[48031,[\"6874\",\"static/chunks/6874-34690e8b16058086.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2108\",\"static/chunks/2108-43898f39a12cb27f.js\",\"6331\",\"static/chunks/6331-75e79fbc101fd20c.js\",\"7177\",\"static/chunks/app/layout-325e46f9d097e5a2.js\"],\"SpeedInsights\"]\nd:I[33503,[\"9352\",\"static/chunks/9352-fa317ccc67526fb7.js\",\"1755\",\"static/chunks/1755-13a1b129b1f70a1a.js\",\"6766\",\"static/chunks/6766-27792097e8af111e.js\",\"2245\",\"static/chunks/app/website-design/page-40440a1a2896f9f8.js\"],\"WebsiteDesignContent\"]\ne:I[59665,[],\"OutletBoundary\"]\n11:I[59665,[],\"ViewportBoundary\"]\n13:I[59665,[],\"MetadataBoundary\"]\n15:I[26614,[],\"\"]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/931b179cff3131dc.css\",\"style\"]\n:HL[\"/_next/static/css/e95beece09dd1a88.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"jNVWrckAQ_j_Ftu2w3X5y\",\"p\":\"\",\"c\":[\"\",\"website-design\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"website-design\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/931b179cff3131dc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e95beece09dd1a88.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-PZ6BPV3NYB\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n                window.dataLayer = window.dataLayer || [];\\n                function gtag(){dataLayer.push(arguments);}\\n                gtag('js', new Date());\\n                gtag('config', 'G-PZ6BPV3NYB', {\\n                  page_title: document.title,\\n                  page_location: window.location.href,\\n                  anonymize_ip: true,\\n                  allow_google_signals: false,\\n                  allow_ad_personalization_signals: false,\\n                });\\n              \"}]],[\"$\",\"$L2\",null,{\"id\":\"suppress-extension-errors\",\"strategy\":\"beforeInteractive\",\"children\":\"\\n            // Suppress browser extension errors that don't affect site functionality\\n            window.addEventListener('error', function(e) {\\n              if (e.message \u0026\u0026 e.message.includes('message channel closed')) {\\n                e.preventDefault();\\n                return false;\\n              }\\n            });\\n            \\n            window.addEventListener('unhandledrejection', function(e) {\\n              if (e.reason \u0026\u0026 e.reason.message \u0026\u0026 e.reason.message.includes('message channel closed')) {\\n                e.preventDefault();\\n                return false;\\n              }\\n            });\\n          \"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_e8ce0c\",\"children\":[[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"attribute\":\"class\",\"defaultTheme\":\"dark\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L5\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"relative flex min-h-screen flex-col\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1 pt-20\",\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"footer\",null,{\"className\":\"border-t bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4 py-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-2 gap-8 md:grid-cols-6\",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-2 md:col-span-2\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/\",\"className\":\"flex items-center space-x-3 mb-4\",\"children\":[[\"$\",\"$La\",null,{\"width\":32,\"height\":32}],[\"$\",\"span\",null,{\"className\":\"font-bold text-xl\",\"children\":\"Odins3\"}]]}],[\"$\",\"p\",null,{\"className\":\"text-muted-foreground mb-4 max-w-xs\",\"children\":\"Building modern web solutions with cutting-edge technology and beautiful design.\"}],[\"$\",\"div\",null,{\"className\":\"flex space-x-4\",\"children\":[[\"$\",\"$L9\",\"https://github.com\",{\"href\":\"https://github.com\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors\",\"aria-label\":\"GitHub\",\"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-github h-5 w-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"tonef\",{\"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\",\"9comsn\",{\"d\":\"M9 18c-4.51 2-5-2-7-2\"}],\"$undefined\"]}]}],[\"$\",\"$L9\",\"https://twitter.com\",{\"href\":\"https://twitter.com\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors\",\"aria-label\":\"Twitter\",\"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-twitter h-5 w-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"pff0z6\",{\"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\"}],\"$undefined\"]}]}],[\"$\",\"$L9\",\"https://linkedin.com\",{\"href\":\"https://linkedin.com\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors\",\"aria-label\":\"LinkedIn\",\"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-linkedin h-5 w-5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"c2jq9f\",{\"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\"}],[\"$\",\"rect\",\"mk3on5\",{\"width\":\"4\",\"height\":\"12\",\"x\":\"2\",\"y\":\"9\"}],[\"$\",\"circle\",\"bt5ra8\",{\"cx\":\"4\",\"cy\":\"4\",\"r\":\"2\"}],\"$undefined\"]}]}]]}]]}],[[\"$\",\"div\",\"Solutions\",{\"className\":\"col-span-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold mb-4\",\"children\":\"Solutions\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"/ai-website-builder\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/ai-website-builder\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"AI Website Builder\"}]}],[\"$\",\"li\",\"/adwords-competitor-analysis\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/adwords-competitor-analysis\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"AdWords Competitor Analysis\"}]}],[\"$\",\"li\",\"/website-design\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/website-design\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Custom Website Design\"}]}],[\"$\",\"li\",\"/pricing\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/pricing\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Pricing\"}]}]]}]]}],[\"$\",\"div\",\"Company\",{\"className\":\"col-span-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold mb-4\",\"children\":\"Company\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"/about\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/about\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"About\"}]}],[\"$\",\"li\",\"/blog\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/blog\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Blog\"}]}],[\"$\",\"li\",\"/careers\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/careers\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Careers\"}]}],[\"$\",\"li\",\"/contact\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/contact\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Contact\"}]}]]}]]}],[\"$\",\"div\",\"Support\",{\"className\":\"col-span-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold mb-4\",\"children\":\"Support\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"/help\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/help\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Help Center\"}]}],[\"$\",\"li\",\"/community\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/community\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Community\"}]}],[\"$\",\"li\",\"/AI-Website-Creator/Video-Tutorials\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/AI-Website-Creator/Video-Tutorials\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Video Tutorials\"}]}]]}]]}],[\"$\",\"div\",\"Legal\",{\"className\":\"col-span-1\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"font-semibold mb-4\",\"children\":\"Legal\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"li\",\"/privacy\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/privacy\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Privacy\"}]}],[\"$\",\"li\",\"/terms\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/terms\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Terms\"}]}],[\"$\",\"li\",\"/cookies\",{\"children\":[\"$\",\"$L9\",null,{\"href\":\"/cookies\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Cookies\"}]}]]}]]}]]]}],[\"$\",\"div\",null,{\"className\":\"border-t mt-12 pt-8 flex flex-col md:flex-row justify-between items-center\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-muted-foreground text-sm\",\"children\":[\"© \",2025,\" Odins3. All rights reserved.\"]}],[\"$\",\"div\",null,{\"className\":\"flex space-x-6 mt-4 md:mt-0\",\"children\":[[\"$\",\"$L9\",null,{\"href\":\"/privacy\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Privacy Policy\"}],[\"$\",\"$L9\",null,{\"href\":\"/terms\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Terms of Service\"}],[\"$\",\"$L9\",null,{\"href\":\"/cookies\",\"className\":\"text-muted-foreground hover:text-foreground transition-colors text-sm\",\"children\":\"Cookie Policy\"}]]}]]}]]}]}]]}]}]}]}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}]]}]]}]]}],{\"children\":[\"website-design\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Ld\",null,{}],\"$undefined\",null,[\"$\",\"$Le\",null,{\"children\":[\"$Lf\",\"$L10\",null]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"6QwLGWqIFCyVu47qO1JYK\",{\"children\":[[\"$\",\"$L11\",null,{\"children\":\"$L12\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],[\"$\",\"$L13\",null,{\"children\":\"$L14\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$15\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"12:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nf:null\n"])</script><script>self.__next_f.push([1,"10:null\n"])</script><script>self.__next_f.push([1,"14:[[\"$\",\"title\",\"0\",{\"children\":\"Custom Website Design \u0026 Development | Professional Web Solutions | Odins3\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Expert custom website design and development services. From AI-powered builds to enterprise solutions. Next.js, WordPress, and custom platforms with professional design and integrations for all business sizes.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"Odins3 Team\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"custom website design,website development services,professional web design,Next.js development,WordPress development,custom web applications,enterprise website development,AI website builder,small business web design,ecommerce website design,SEO-optimized websites,responsive web design,Seattle web design,website integrations,custom website development\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Odins3\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Odins3\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://odins3.com/website-design\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Custom Website Design \u0026 Development | Professional Web Solutions\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Transform your business with expert website design and development. From AI-powered builds starting at $99/mo to custom development from $5,000. Professional results for every budget.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://odins3.com/website-design\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Odins3\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://www.odins3.com/assets/images/website-design-hero.jpg\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:alt\",\"content\":\"Professional website design and development by Odins3\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"Custom Website Design \u0026 Development | Professional Web Solutions\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"Expert website design and development services. AI-powered builds, custom development, and professional solutions for businesses of all sizes.\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image\",\"content\":\"https://www.odins3.com/assets/images/website-design-hero.jpg\"}],[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"26\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"27\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"link\",\"28\",{\"rel\":\"android-chrome-192x192\",\"href\":\"/android-chrome-192x192.png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"android-chrome-512x512\",\"href\":\"/android-chrome-512x512.png\"}]]\n"])</script></body></html>