<!DOCTYPE html><html lang="en" class="__variable_2ca027 __variable_1f5468 scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/9cc5b37ab1350db7-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/de42cfb9a3b980ae-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e6099e249fd938cc-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/logo.png"/><link rel="preload" as="image" href="/logo-dark.png"/><link rel="preload" as="image" href="https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/WhatsApp.svg/1024px-WhatsApp.svg.png"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=12"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=amit-shah-packaging"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=priya-mehta-textiles"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=kiran-desai-chemicals"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=sanjay-trivedi-engg"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=neha-joshi-bottles"/><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=manish-agarwal-equipment"/><link rel="stylesheet" href="/_next/static/css/cc0258000805f040.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8d67bde69ed76a3c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-119dad8dca248dcb.js"/><script src="/_next/static/chunks/4bd1b696-1c88c00269cf164c.js" async=""></script><script src="/_next/static/chunks/255-73e2adf5711a5257.js" async=""></script><script src="/_next/static/chunks/main-app-1af7b37411a23392.js" async=""></script><script src="/_next/static/chunks/44530001-f1575d090415f01e.js" async=""></script><script src="/_next/static/chunks/977-437caafdbb2f80f6.js" async=""></script><script src="/_next/static/chunks/979-dd28c4cf595d0947.js" async=""></script><script src="/_next/static/chunks/372-df04e8d11b7cfe39.js" async=""></script><script src="/_next/static/chunks/86-b40b468d515c50dd.js" async=""></script><script src="/_next/static/chunks/684-f0ca14ac93066ce7.js" async=""></script><script src="/_next/static/chunks/937-a82682fa668d9a1d.js" async=""></script><script src="/_next/static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js" async=""></script><script src="/_next/static/chunks/app/%5Blocale%5D/layout-8e1ffecb602d24b6.js" async=""></script><link rel="preload" as="image" href="https://i.pravatar.cc/150?u=rajesh-supreme-plastic"/><meta name="next-size-adjust" content=""/><title>DiGi Maker | Premium B2B Digital Agency for Manufacturers</title><meta name="description" content="We manage your complete digital growth while you focus on manufacturing."/><link rel="icon" href="/favicon-16.png" sizes="16x16" type="image/png"/><link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/><script>(function(){try{var e=localStorage.getItem('theme');var m=window.matchMedia('(prefers-color-scheme: dark)').matches;if(e==='dark'||(!e&&m)){document.documentElement.classList.add('dark')}else{document.documentElement.classList.remove('dark')}}catch(_){}})();</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="font-sans bg-[#FAFAFA] text-[#111827] dark:bg-ink dark:text-slate-300 antialiased selection:bg-blue-600/20 selection:text-blue-900 dark:selection:bg-blue-400/30 dark:selection:text-blue-100"><div hidden=""><!--$--><!--/$--></div><div class="fixed inset-0 z-[9999] flex flex-col items-center justify-center bg-white dark:bg-ink select-none" style="opacity:1"><div class="flex flex-col items-center gap-10"><div style="opacity:0;transform:translateY(10px)"><img alt="DiGi Maker" width="200" height="78" decoding="async" data-nimg="1" class="h-14 w-auto block dark:hidden" style="color:transparent" src="/logo.png"/><img alt="DiGi Maker" width="200" height="78" decoding="async" data-nimg="1" class="h-14 w-auto hidden dark:block" style="color:transparent" src="/logo-dark.png"/></div><div class="flex flex-col items-center gap-3" style="opacity:0"><div class="relative" style="width:300px;height:62px"><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:4px;left:0;right:0;height:2px"></div><div class="absolute rounded-full" style="bottom:4px;left:0;width:28px;height:2px;background:linear-gradient(90deg, #2563EB, #60A5FA);transition:width 0.09s linear;box-shadow:0 0 6px rgba(96,165,250,0.5)"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:29px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:59px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:89px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:119px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:149px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:179px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:209px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:239px;width:2px;height:8px"></div><div class="absolute rounded-full bg-gray-200 dark:bg-white/10" style="bottom:0;left:269px;width:2px;height:8px"></div><div style="position:absolute;bottom:8px;left:0;transition:left 0.09s linear"><div><svg width="56" height="42" viewBox="0 0 56 42" fill="none" overflow="visible"><path d="M 5,15 L 5,5 Q 5,2 9,2 L 47,2 L 47,15 L 44,28 L 10,28 Z" fill="rgba(37,99,235,0.07)"></path><path d="M 5,15 L 5,5 Q 5,2 9,2 L 47,2 L 47,15" stroke="#2563EB" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"></path><path d="M 47,15 L 44,28 L 10,28 L 5,15" stroke="#2563EB" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"></path><line x1="5" y1="15" x2="47" y2="15" stroke="#2563EB" stroke-width="2" stroke-linecap="round"></line><circle cx="14" cy="36" r="6.5" stroke="#2563EB" stroke-width="2.8"></circle><g style="transform-origin:14px 36px"><line x1="14" y1="29.5" x2="14" y2="42.5" stroke="#2563EB" stroke-width="1.6" stroke-linecap="round"></line><line x1="7.5" y1="36" x2="20.5" y2="36" stroke="#2563EB" stroke-width="1.6" stroke-linecap="round"></line></g><circle cx="14" cy="36" r="2" fill="#2563EB"></circle><circle cx="42" cy="36" r="6.5" stroke="#2563EB" stroke-width="2.8"></circle><g style="transform-origin:42px 36px"><line x1="42" y1="29.5" x2="42" y2="42.5" stroke="#2563EB" stroke-width="1.6" stroke-linecap="round"></line><line x1="35.5" y1="36" x2="48.5" y2="36" stroke="#2563EB" stroke-width="1.6" stroke-linecap="round"></line></g><circle cx="42" cy="36" r="2" fill="#2563EB"></circle><path d="M 7,5 L 7,14 L 10,11 L 12,15 L 14,14 L 12,10 L 15,10 Z" fill="#60A5FA"></path></svg></div></div></div><span class="tabular-nums" style="font-size:11px;font-weight:600;letter-spacing:0.12em;color:rgba(148,163,184,0.75)">0<!-- -->%</span></div></div></div><div class="flex flex-col min-h-screen"><header class="fixed top-0 left-0 right-0 z-50 pt-4 px-4 md:px-6" style="opacity:0;transform:translateY(-100px)"><div class="max-w-[1400px] mx-auto rounded-full ring-1 ring-black/[0.06] dark:ring-white/10 backdrop-blur-xl transition-[padding,background-color,box-shadow] duration-300 ease-out px-4 py-3"><div class="flex items-center justify-between gap-3 lg:gap-4 flex-nowrap"><a href="#home" class="flex items-center shrink-0 mr-1 lg:mr-2 xl:mr-4"><img alt="DiGiMaker - Digital Solutions for Manufacturers" width="500" height="196" decoding="async" data-nimg="1" class="h-9 sm:h-10 w-auto block dark:hidden" style="color:transparent" src="/logo.png"/><img alt="DiGiMaker - Digital Solutions for Manufacturers" width="500" height="196" decoding="async" data-nimg="1" class="h-9 sm:h-10 w-auto hidden dark:block" style="color:transparent" src="/logo-dark.png"/></a><nav class="hidden lg:flex flex-nowrap items-center gap-4 xl:gap-6 2xl:gap-8 min-w-0"><div class="flex items-center gap-1 cursor-pointer group shrink-0"><a href="#services" class="whitespace-nowrap text-[14px] xl:text-[15px] font-semibold text-gray-700 dark:text-slate-300 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">Services</a><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 text-gray-400 dark:text-slate-500 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors mt-0.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><div class="flex items-center gap-1 cursor-pointer group shrink-0"><a href="#industries" class="whitespace-nowrap text-[14px] xl:text-[15px] font-semibold text-gray-700 dark:text-slate-300 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">Industries</a><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 text-gray-400 dark:text-slate-500 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors mt-0.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div><a href="#pricing" class="whitespace-nowrap shrink-0 text-[14px] xl:text-[15px] font-semibold text-gray-700 dark:text-slate-300 hover:text-primary dark:hover:text-blue-400 transition-colors">Pricing</a><a href="#testimonials" class="whitespace-nowrap shrink-0 text-[14px] xl:text-[15px] font-semibold text-gray-700 dark:text-slate-300 hover:text-primary dark:hover:text-blue-400 transition-colors">Testimonials</a><a href="#about-us" class="whitespace-nowrap shrink-0 text-[14px] xl:text-[15px] font-semibold text-gray-700 dark:text-slate-300 hover:text-primary dark:hover:text-blue-400 transition-colors">About Us</a><a href="#contact" class="whitespace-nowrap shrink-0 text-[14px] xl:text-[15px] font-semibold text-gray-700 dark:text-slate-300 hover:text-primary dark:hover:text-blue-400 transition-colors">Contact</a></nav><div class="hidden lg:flex items-center gap-3 xl:gap-4 shrink-0"><div class="hidden xl:flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/15 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone text-primary dark:text-blue-400" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div class="flex flex-col"><span class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-wider leading-none mb-1">Call Now</span><span class="whitespace-nowrap text-sm font-bold text-gray-900 dark:text-slate-100 leading-none">+91 6351 569 526</span></div></div><div class="relative shrink-0"><button class="flex items-center gap-1.5 px-3 py-2 rounded-full bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 text-[13px] font-bold text-gray-700 dark:text-slate-200 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors" aria-label="Switch language" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe text-primary dark:text-blue-400 shrink-0" 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><span class="hidden sm:inline">English</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 text-gray-400 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><button type="button" aria-label="Switch to dark mode" title="Switch to dark mode" class="relative flex items-center justify-center rounded-full overflow-hidden
        border transition-colors duration-300 shrink-0
        bg-gradient-to-b from-amber-50 to-white border-amber-100/80 text-amber-500
        dark:from-white/[0.06] dark:to-white/[0.02] dark:border-white/10 dark:text-indigo-300
        " tabindex="0" style="width:40px;height:40px"><span aria-hidden="true" class="absolute inset-0 rounded-full opacity-70 bg-[radial-gradient(circle_at_50%_38%,rgba(251,191,36,0.28),transparent_62%)] dark:bg-[radial-gradient(circle_at_50%_38%,rgba(99,102,241,0.35),transparent_60%)]"></span></button><button class="shrink-0 bg-gradient-to-r from-primary to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white px-4 xl:px-6 py-3 rounded-full text-[14px] xl:text-[15px] font-bold transition-colors shadow-md shadow-primary/25 dark:shadow-blue-500/30 flex items-center gap-2 group whitespace-nowrap" tabindex="0">Get Started<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right shrink-0 group-hover:translate-x-1 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div><div class="flex items-center gap-2 lg:hidden shrink-0"><div class="relative shrink-0"><button class="flex items-center gap-1.5 px-3 py-2 rounded-full bg-gray-50 dark:bg-white/5 border border-gray-200 dark:border-white/10 text-[13px] font-bold text-gray-700 dark:text-slate-200 hover:bg-gray-100 dark:hover:bg-white/10 transition-colors" aria-label="Switch language" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe text-primary dark:text-blue-400 shrink-0" 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><span class="hidden sm:inline">English</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down shrink-0 text-gray-400 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><button type="button" aria-label="Switch to dark mode" title="Switch to dark mode" class="relative flex items-center justify-center rounded-full overflow-hidden
        border transition-colors duration-300 shrink-0
        bg-gradient-to-b from-amber-50 to-white border-amber-100/80 text-amber-500
        dark:from-white/[0.06] dark:to-white/[0.02] dark:border-white/10 dark:text-indigo-300
        " tabindex="0" style="width:38px;height:38px"><span aria-hidden="true" class="absolute inset-0 rounded-full opacity-70 bg-[radial-gradient(circle_at_50%_38%,rgba(251,191,36,0.28),transparent_62%)] dark:bg-[radial-gradient(circle_at_50%_38%,rgba(99,102,241,0.35),transparent_60%)]"></span></button><button class="p-2 text-gray-600 dark:text-slate-300 bg-gray-50 dark:bg-white/5 rounded-full" aria-label="Open menu" tabindex="0"><span class="flex" style="opacity:1;transform:none"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></span></button></div></div></div></header><main class="flex-1 w-full overflow-hidden"><section class="relative pt-28 pb-16 sm:pt-36 sm:pb-24 lg:pt-48 lg:pb-32 overflow-hidden bg-[#FAFAFA] dark:bg-ink" id="home"><div class="absolute inset-0 pointer-events-none"><div class="absolute top-0 inset-x-0 h-[500px] bg-gradient-to-b from-white to-[#FAFAFA] dark:from-[#0A1126] dark:to-ink"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_70%_55%_at_50%_0%,rgba(37,99,235,0.07),transparent)] dark:bg-[radial-gradient(ellipse_70%_55%_at_50%_0%,rgba(37,99,235,0.20),transparent)]"></div><div class="absolute inset-0 hidden dark:block bg-[radial-gradient(ellipse_50%_40%_at_85%_15%,rgba(99,102,241,0.12),transparent)]"></div><div class="absolute inset-0 block dark:hidden" style="background-image:radial-gradient(circle, rgba(37,99,235,0.12) 1px, transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)"></div><div class="absolute inset-0 hidden dark:block" style="background-image:radial-gradient(circle, rgba(96,165,250,0.16) 1px, transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 60%, transparent 100%)"></div><div class="absolute inset-0 opacity-[0.025] dark:opacity-[0.05]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg viewBox=&#x27;0 0 200 200&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cfilter id=&#x27;n&#x27;%3E%3CfeTurbulence type=&#x27;fractalNoise&#x27; baseFrequency=&#x27;0.65&#x27; numOctaves=&#x27;3&#x27; stitchTiles=&#x27;stitch&#x27;/%3E%3C/filter%3E%3Crect width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; filter=&#x27;url(%23n)&#x27;/%3E%3C/svg%3E&quot;)"></div></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 relative z-10"><div class="text-center max-w-[900px] mx-auto mb-16"><div class="inline-flex items-center gap-2.5 px-4 py-2 rounded-full bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_4px_14px_0_rgb(0,0,0,0.05)] dark:shadow-[0_4px_20px_0_rgba(0,0,0,0.4)] text-sm font-semibold tracking-tight text-gray-700 dark:text-slate-200 mb-8" style="opacity:0;transform:translateY(14px)"><div class="flex items-center justify-center relative w-3 h-3"><span class="absolute inline-flex h-full w-full rounded-full bg-green-500 opacity-25 animate-ping"></span><span class="relative inline-flex rounded-full w-2 h-2 bg-green-500"></span></div>Trusted by 50+ Gujarat Manufacturers</div><h1 class="text-[1.85rem] sm:text-5xl md:text-6xl lg:text-7xl font-heading font-extrabold text-[#111827] dark:text-white tracking-tight leading-[1.12] sm:leading-[1.05] mb-6 sm:mb-8"><span class="reveal-line"><span class="reveal-line-inner" style="transform:translateY(110%)">Get More B2B Leads While</span></span><span class="reveal-line"><span class="reveal-line-inner" style="transform:translateY(110%)">We Handle Your</span></span><span class="reveal-line"><span class="reveal-line-inner" style="transform:translateY(110%)"><span class="relative inline-block mt-2"><span class="font-accent italic font-normal text-[1.1em] text-transparent bg-clip-text bg-gradient-to-r from-primary to-blue-500 relative z-10">Entire Digital Presence</span><svg class="absolute -bottom-3 lg:-bottom-4 left-0 w-full h-4 lg:h-5 text-amber-400 opacity-80" viewBox="0 0 100 12" preserveAspectRatio="none"><path d="M0,10 Q50,0 100,8" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" class=""></path></svg></span></span></span></h1><p class="text-lg md:text-xl text-gray-500 dark:text-slate-400 max-w-3xl mx-auto leading-relaxed mb-10 font-medium" style="opacity:0;transform:translateY(18px)">Professional websites, ecommerce stores, Meta advertising, hosting, maintenance, and lead generation — all managed for you.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-5 mt-4" style="opacity:0;transform:translateY(18px)"><button class="w-full sm:w-auto bg-gradient-to-r from-primary to-blue-600 hover:from-blue-600 hover:to-blue-700 text-white px-8 py-4 rounded-full font-bold shadow-[0_8px_20px_rgba(37,99,235,0.28)] dark:shadow-[0_8px_30px_rgba(37,99,235,0.5)] text-[17px] transition-colors flex items-center justify-center gap-2 group" tabindex="0">Get Started<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right group-hover:translate-x-1 transition-transform duration-200" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><button class="w-full sm:w-auto flex items-center justify-center gap-2.5 bg-white dark:bg-white/5 hover:bg-gray-50 dark:hover:bg-white/10 text-gray-900 dark:text-slate-100 px-8 py-4 rounded-full font-bold border border-gray-200 dark:border-white/10 shadow-sm text-[17px] transition-colors group" tabindex="0"><div class="w-6 h-6 rounded-full bg-blue-50 dark:bg-blue-500/20 flex items-center justify-center group-hover:bg-blue-100 dark:group-hover:bg-blue-500/30 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play fill-primary text-primary ml-0.5" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></div>Watch How It Works</button></div><div class="grid grid-cols-2 sm:grid-cols-4 items-start justify-items-start sm:justify-items-center gap-x-4 gap-y-5 sm:gap-x-2 md:gap-x-6 mt-10 sm:mt-16 max-w-5xl mx-auto" style="opacity:0;transform:translateY(18px)"><div class="flex items-start gap-3 sm:pr-4 md:pr-6 sm:border-r border-gray-200/60 dark:border-white/10"><div class="w-8 h-8 rounded-full bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-primary dark:text-blue-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="text-left"><p class="text-sm font-bold text-gray-900 dark:text-white leading-tight mb-0.5">No Setup Fees</p><p class="text-xs font-medium text-gray-500 dark:text-slate-400">Get started instantly</p></div></div><div class="flex items-start gap-3 sm:pr-4 md:pr-6 sm:border-r border-gray-200/60 dark:border-white/10"><div class="w-8 h-8 rounded-full bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headset text-primary dark:text-blue-400" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path><path d="M21 16v2a4 4 0 0 1-4 4h-5"></path></svg></div><div class="text-left"><p class="text-sm font-bold text-gray-900 dark:text-white leading-tight mb-0.5">Dedicated Support</p><p class="text-xs font-medium text-gray-500 dark:text-slate-400">Always by your side</p></div></div><div class="flex items-start gap-3 sm:pr-4 md:pr-6 sm:border-r border-gray-200/60 dark:border-white/10"><div class="w-8 h-8 rounded-full bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-primary dark:text-blue-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><path d="m9 12 2 2 4-4"></path></svg></div><div class="text-left"><p class="text-sm font-bold text-gray-900 dark:text-white leading-tight mb-0.5">Transparent Pricing</p><p class="text-xs font-medium text-gray-500 dark:text-slate-400">No hidden charges</p></div></div><div class="flex items-start gap-3 "><div class="w-8 h-8 rounded-full bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-line text-primary dark:text-blue-400" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="m19 9-5 5-4-4-3 3"></path></svg></div><div class="text-left"><p class="text-sm font-bold text-gray-900 dark:text-white leading-tight mb-0.5">Results Driven</p><p class="text-xs font-medium text-gray-500 dark:text-slate-400">More leads. More growth.</p></div></div></div></div><div class="relative mt-20 max-w-[1200px] mx-auto min-h-[500px]"><svg class="absolute inset-0 w-full h-full pointer-events-none hidden lg:block text-gray-200 dark:text-white/10" style="z-index:0"><path d="M 150 250 C 200 250, 250 200, 300 150" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="4 4"></path><path d="M 1050 350 C 1000 350, 950 380, 900 400" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="4 4"></path></svg><div class="hidden lg:flex flex-col items-center text-center absolute -left-12 top-1/3 w-48 z-20" style="opacity:0;transform:translateX(-30px)"><div class="w-16 h-16 bg-white dark:bg-ink-card rounded-full shadow-[0_8px_30px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_30px_rgba(37,99,235,0.18)] flex items-center justify-center text-primary dark:text-blue-400 mb-4 border border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" 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="font-bold text-gray-900 dark:text-white mb-1 font-heading text-lg">High Performance</h4><p class="text-xs font-medium text-gray-500 dark:text-slate-400 leading-relaxed">Websites that convert visitors into customers.</p></div><div class="hidden lg:flex flex-col items-center text-center absolute -right-12 bottom-1/4 w-48 z-20" style="opacity:0;transform:translateX(30px)"><div class="w-16 h-16 bg-white dark:bg-ink-card rounded-full shadow-[0_8px_30px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_30px_rgba(37,99,235,0.18)] flex items-center justify-center text-primary dark:text-blue-400 mb-4 border border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h4 class="font-bold text-gray-900 dark:text-white mb-1 font-heading text-lg">Targeted Advertising</h4><p class="text-xs font-medium text-gray-500 dark:text-slate-400 leading-relaxed">Meta ads that bring quality B2B inquiries.</p></div><div class="relative z-10 w-full lg:w-[840px] xl:w-[940px] mx-auto cursor-default" style="transform-style:preserve-3d;perspective:1200px;will-change:transform;opacity:0;transform:translateY(60px) scale(0.95)"><div class="rounded-[2rem] bg-white dark:bg-ink-card p-2 shadow-[0_24px_80px_rgba(0,0,0,0.07)] dark:shadow-[0_30px_90px_-20px_rgba(37,99,235,0.35)] border border-gray-100 dark:border-white/10 ring-1 ring-black/5 dark:ring-white/10 mx-4 sm:mx-0 relative"><div class="rounded-[1.5rem] overflow-hidden bg-white dark:bg-ink-section border border-gray-100 dark:border-white/[0.07] flex flex-col md:flex-row shadow-sm min-h-[500px]"><div class="w-full md:w-[220px] bg-[#FAFAFA] dark:bg-white/[0.02] border-b md:border-b-0 md:border-r border-gray-100 dark:border-white/[0.07] p-5 flex flex-col gap-6"><div class="flex items-center gap-2.5 px-2"><div class="w-7 h-7 rounded bg-primary flex items-center justify-center shadow-sm shadow-blue-500/40"><span class="text-white font-bold text-sm">D</span></div><span class="font-bold font-heading text-gray-900 dark:text-white">DiGi Maker</span></div><div class="space-y-1 mt-4"><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors bg-primary/10 dark:bg-blue-500/15 text-primary dark:text-blue-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house text-primary dark:text-blue-300" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Overview</div><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors text-gray-500 dark:text-slate-400 hover:bg-gray-100 dark:hover:bg-white/5 hover:text-gray-900 dark:hover:text-white cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users text-gray-400 dark:text-slate-500" 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>Leads</div><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors text-gray-500 dark:text-slate-400 hover:bg-gray-100 dark:hover:bg-white/5 hover:text-gray-900 dark:hover:text-white cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone text-gray-400 dark:text-slate-500" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg>Campaigns</div><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors text-gray-500 dark:text-slate-400 hover:bg-gray-100 dark:hover:bg-white/5 hover:text-gray-900 dark:hover:text-white cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column text-gray-400 dark:text-slate-500" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V3"></path><path d="M19 21V9"></path></svg>Analytics</div><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors text-gray-500 dark:text-slate-400 hover:bg-gray-100 dark:hover:bg-white/5 hover:text-gray-900 dark:hover:text-white cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-template text-gray-400 dark:text-slate-500" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg>Websites</div><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors text-gray-500 dark:text-slate-400 hover:bg-gray-100 dark:hover:bg-white/5 hover:text-gray-900 dark:hover:text-white cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square text-gray-400 dark:text-slate-500" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg>Messages</div><div class="flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-colors text-gray-500 dark:text-slate-400 hover:bg-gray-100 dark:hover:bg-white/5 hover:text-gray-900 dark:hover:text-white cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-gray-400 dark:text-slate-500" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg>Settings</div></div></div><div class="flex-1 p-6 md:p-8 flex flex-col gap-6 bg-white dark:bg-ink-section"><div class="flex justify-between items-start"><div><h3 class="font-heading font-extrabold text-2xl text-gray-900 dark:text-white mb-1">Overview</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-400">Live campaign performance</p></div><div class="px-3 py-1.5 bg-green-50 dark:bg-green-500/10 border border-green-100 dark:border-green-400/20 rounded-full flex items-center justify-center shadow-sm"><span class="text-xs font-bold text-green-600 dark:text-green-400 flex items-center gap-1.5"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span>Live</span></div></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-4"><div class="bg-white dark:bg-ink-card rounded-2xl p-4 md:p-5 border border-gray-100 dark:border-white/[0.07] shadow-[0_4px_20px_rgb(0,0,0,0.03)] flex flex-col hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-200 cursor-default" style="opacity:0;transform:translateY(12px)"><div class="w-8 h-8 rounded-lg bg-blue-50 dark:bg-blue-500/15 text-primary dark:text-blue-400 flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><span class="text-2xl lg:text-[28px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1.5">2,405</span><div class="flex items-center justify-between w-full"><span class="text-xs font-semibold text-gray-500 dark:text-slate-400">Total Leads</span><span class="text-[10px] font-bold text-green-500 dark:text-green-400">+24%</span></div></div><div class="bg-white dark:bg-ink-card rounded-2xl p-4 md:p-5 border border-gray-100 dark:border-white/[0.07] shadow-[0_4px_20px_rgb(0,0,0,0.03)] flex flex-col hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-200 cursor-default" style="opacity:0;transform:translateY(12px)"><div class="w-8 h-8 rounded-lg bg-amber-50 dark:bg-amber-500/15 text-amber-500 dark:text-amber-400 flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" 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><span class="text-2xl lg:text-[28px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1.5">84.2k</span><div class="flex items-center justify-between w-full"><span class="text-xs font-semibold text-gray-500 dark:text-slate-400">Ad Reach</span><span class="text-[10px] font-bold text-green-500 dark:text-green-400">+18%</span></div></div><div class="bg-white dark:bg-ink-card rounded-2xl p-4 md:p-5 border border-gray-100 dark:border-white/[0.07] shadow-[0_4px_20px_rgb(0,0,0,0.03)] flex flex-col hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-200 cursor-default" style="opacity:0;transform:translateY(12px)"><div class="w-8 h-8 rounded-lg bg-green-50 dark:bg-green-500/15 text-green-500 dark:text-green-400 flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-line" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="m19 9-5 5-4-4-3 3"></path></svg></div><span class="text-2xl lg:text-[28px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1.5">6.4%</span><div class="flex items-center justify-between w-full"><span class="text-xs font-semibold text-gray-500 dark:text-slate-400">Conversion</span><span class="text-[10px] font-bold text-green-500 dark:text-green-400">+12%</span></div></div><div class="bg-white dark:bg-ink-card rounded-2xl p-4 md:p-5 border border-gray-100 dark:border-white/[0.07] shadow-[0_4px_20px_rgb(0,0,0,0.03)] flex flex-col hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-200 cursor-default" style="opacity:0;transform:translateY(12px)"><div class="w-8 h-8 rounded-lg bg-purple-50 dark:bg-purple-500/15 text-purple-500 dark:text-purple-400 flex items-center justify-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><span class="text-2xl lg:text-[28px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1.5">99.9%</span><div class="flex items-center justify-between w-full"><span class="text-xs font-semibold text-gray-500 dark:text-slate-400">Uptime</span><span class="text-[10px] font-bold text-green-500 dark:text-green-400">+0.1%</span></div></div></div><div class="flex-1 min-h-[220px] bg-white dark:bg-ink-card rounded-2xl border border-gray-100 dark:border-white/[0.07] shadow-[0_4px_20px_rgb(0,0,0,0.03)] p-5 relative overflow-hidden flex flex-col justify-between"><div class="flex justify-between items-center z-10 relative"><span class="text-sm font-bold text-gray-800 dark:text-slate-100">Leads Growth</span><div class="text-xs font-medium text-gray-500 dark:text-slate-400 flex items-center gap-1 cursor-pointer">This Month<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"></path></svg></div></div><div class="absolute inset-0 pt-16 origin-bottom" style="transform:scale(1.05)"><svg class="w-full h-full" viewBox="0 0 600 150" preserveAspectRatio="none"><defs><linearGradient id="chartBg" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#3b82f6" stop-opacity="0.18"></stop><stop offset="100%" stop-color="#3b82f6" stop-opacity="0"></stop></linearGradient></defs><path d="M0,150 L0,100 C100,120 200,60 300,80 C400,100 500,40 600,20 L600,150 Z" fill="url(#chartBg)" class="opacity-0"></path><path d="M0,100 C100,120 200,60 300,80 C400,100 500,40 600,20" fill="none" stroke="#2563EB" stroke-width="3.5" stroke-linecap="round" class="" style="stroke-dasharray:900;stroke-dashoffset:900"></path><circle cx="600" cy="20" r="6" fill="#2563EB" class="opacity-0"></circle><circle cx="600" cy="20" r="3" fill="#ffffff"></circle></svg></div><div class="absolute right-[10%] top-[30%] bg-white dark:bg-ink-raised border border-gray-100 dark:border-white/10 shadow-lg dark:shadow-black/40 rounded-xl p-3 z-20 hidden sm:flex gap-3"><div class="w-8 h-8 rounded-full bg-blue-50 dark:bg-blue-500/15 flex items-center justify-center text-primary dark:text-blue-400 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div class="flex flex-col"><span class="text-sm font-bold text-gray-900 dark:text-white leading-none mb-1">120+ Leads</span><span class="text-[10px] text-gray-500 dark:text-slate-400 font-medium">Generated this month</span></div></div></div></div></div></div><div class="absolute -left-10 lg:-left-16 bottom-[15%] hidden md:flex bg-white dark:bg-ink-card rounded-2xl p-4 shadow-[0_15px_40px_rgba(0,0,0,0.1)] dark:shadow-[0_15px_40px_rgba(0,0,0,0.5)] border border-gray-100 dark:border-white/10 z-30 flex-col gap-2 min-w-[200px]" style="will-change:transform"><p class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-widest leading-none">Top Performing Campaign</p><p class="text-[13px] font-medium text-gray-700 dark:text-slate-200 leading-tight mb-2">Leads Campaign - May</p><div class="flex justify-between items-end"><div><p class="text-2xl font-extrabold font-heading text-gray-900 dark:text-white leading-none">120+</p><p class="text-[11px] font-medium text-gray-500 dark:text-slate-400 mt-1">Leads Generated</p></div><div class="w-12 h-8"><svg viewBox="0 0 100 50" class="w-full h-full"><path d="M 0 50 Q 25 30 50 40 T 100 10" fill="none" stroke="#22c55e" stroke-width="4" stroke-linecap="round"></path><circle cx="100" cy="10" r="4" fill="#22c55e"></circle></svg></div></div></div><div class="absolute -right-8 lg:-right-12 top-[20%] hidden md:flex bg-white dark:bg-ink-card rounded-2xl p-4 shadow-[0_15px_40px_rgba(0,0,0,0.1)] dark:shadow-[0_15px_40px_rgba(0,0,0,0.5)] border border-gray-100 dark:border-white/10 z-30 items-center gap-4" style="will-change:transform"><div class="w-12 h-12 rounded-full bg-green-50 dark:bg-green-500/15 flex items-center justify-center text-green-600 dark:text-green-400 border border-green-100 dark:border-green-400/20 relative"><span class="absolute top-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-white dark:border-ink-card"></span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/34/WhatsApp.svg/1024px-WhatsApp.svg.png" class="w-6 h-6 object-contain opacity-80" alt="WhatsApp"/></div><div class="pr-2"><p class="text-sm font-extrabold text-gray-900 dark:text-white font-heading mb-0.5">New Inquiry!</p><p class="text-xs font-medium text-gray-500 dark:text-slate-400">From Meta Ads Campaign</p></div></div></div></div><div class="mt-12 sm:mt-16 xl:mt-24 max-w-[1100px] mx-auto bg-white/90 dark:bg-ink-card/80 backdrop-blur-md rounded-3xl lg:rounded-full border border-gray-100 dark:border-white/10 p-4 sm:p-4 shadow-[0_8px_30px_rgb(0,0,0,0.03)] dark:shadow-[0_8px_40px_rgba(0,0,0,0.4)] relative z-20" style="opacity:0;transform:translateY(20px)"><div class="grid grid-cols-2 sm:grid-cols-3 lg:flex lg:flex-nowrap items-center lg:justify-between gap-x-2 gap-y-5 sm:gap-5 lg:gap-0 px-2 sm:px-4 lg:px-6"><div class="flex items-center gap-2 sm:gap-3 py-2 lg:py-0 px-2 sm:px-4 justify-start lg:border-r border-gray-200/60 dark:border-white/10"><div class="hidden sm:flex w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-primary dark:text-blue-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><path d="m9 12 2 2 4-4"></path></svg></div><div class="flex flex-col text-left"><span class="text-[15px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1 tabular-nums">0+<!-- --> <span class="text-[13px] font-bold text-gray-500 dark:text-slate-400 block sm:inline mt-1 sm:mt-0">Trust Us</span></span><span class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Manufacturers</span></div></div><div class="flex items-center gap-2 sm:gap-3 py-2 lg:py-0 px-2 sm:px-4 justify-start lg:border-r border-gray-200/60 dark:border-white/10"><div class="hidden sm:flex w-10 h-10 rounded-full bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 shadow-sm items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-template text-blue-500 dark:text-blue-400" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg></div><div class="flex flex-col text-left"><span class="text-[15px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1 tabular-nums">0+<!-- --> </span><span class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Websites Launched</span></div></div><div class="flex items-center gap-2 sm:gap-3 py-2 lg:py-0 px-2 sm:px-4 justify-start lg:border-r border-gray-200/60 dark:border-white/10"><div class="hidden sm:flex w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column text-primary dark:text-blue-400" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div class="flex flex-col text-left"><span class="text-[15px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1 tabular-nums">0K+<!-- --> </span><span class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Leads Generated</span></div></div><div class="flex items-center gap-2 sm:gap-3 py-2 lg:py-0 px-2 sm:px-4 justify-start lg:border-r border-gray-200/60 dark:border-white/10"><div class="hidden sm:flex w-10 h-10 rounded-full bg-white dark:bg-white/5 border border-gray-100 dark:border-white/10 shadow-sm items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-primary dark:text-blue-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><path d="m9 12 2 2 4-4"></path></svg></div><div class="flex flex-col text-left"><span class="text-[15px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1 tabular-nums">0.0%<!-- --> </span><span class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Uptime Guarantee</span></div></div><div class="flex items-center gap-2 sm:gap-3 py-2 lg:py-0 px-2 sm:px-4 justify-start "><div class="hidden sm:flex w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headset text-primary dark:text-blue-400" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path><path d="M21 16v2a4 4 0 0 1-4 4h-5"></path></svg></div><div class="flex flex-col text-left"><span class="text-[15px] font-extrabold font-heading text-gray-900 dark:text-white leading-none mb-1 tabular-nums">Dedicated<!-- --> </span><span class="text-[11px] font-bold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Support Team</span></div></div></div></div></div></section><section class="relative overflow-hidden bg-white dark:bg-ink py-16 sm:py-20" aria-label="Manufacturers using DiGi Maker"><div class="pointer-events-none absolute inset-0"><div class="absolute inset-0 bg-[radial-gradient(ellipse_60%_50%_at_50%_50%,rgba(37,99,235,0.04),transparent)] dark:bg-[radial-gradient(ellipse_60%_50%_at_50%_50%,rgba(37,99,235,0.10),transparent)]"></div></div><div class="relative z-10 mx-auto max-w-[1400px] px-4 sm:px-6 lg:px-8"><div class="mx-auto flex max-w-2xl flex-col items-center text-center mb-10 sm:mb-12" style="opacity:0;transform:translateY(12px)"><span class="mb-3 inline-flex items-center gap-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-400 dark:text-slate-500"><span class="h-px w-6 bg-gradient-to-r from-transparent to-gray-300 dark:to-slate-600"></span>Trusted By Leading Manufacturers<span class="h-px w-6 bg-gradient-to-l from-transparent to-gray-300 dark:to-slate-600"></span></span><h2 class="font-heading text-xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-2xl">Trusted by manufacturers across Gujarat</h2></div></div><div class="relative flex flex-col gap-4 sm:gap-5" style="mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%)"><div class="flex w-full overflow-hidden"><div class="flex w-max" style="will-change:transform;transform:none"><div class="flex shrink-0" aria-hidden="false"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Supreme Plastics</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400">Shah Packaging</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400">Patel Industries</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors" aria-hidden="true"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400">Gujarat Textiles</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical" aria-hidden="true"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path><path d="M6.453 15h11.094"></path><path d="M8.5 2h7"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400">Meridian Chemicals</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog" aria-hidden="true"><path d="M11 10.27 7 3.34"></path><path d="m11 13.73-4 6.93"></path><path d="M12 22v-2"></path><path d="M12 2v2"></path><path d="M14 12h8"></path><path d="m17 20.66-1-1.73"></path><path d="m17 3.34-1 1.73"></path><path d="M2 12h2"></path><path d="m20.66 17-1.73-1"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m3.34 7 1.73 1"></path><circle cx="12" cy="12" r="2"></circle><circle cx="12" cy="12" r="8"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Apex Engineering</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400">NovaPack</span></div></div><div class="flex shrink-0" aria-hidden="true"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Supreme Plastics</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400">Shah Packaging</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400">Patel Industries</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors" aria-hidden="true"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400">Gujarat Textiles</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical" aria-hidden="true"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path><path d="M6.453 15h11.094"></path><path d="M8.5 2h7"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400">Meridian Chemicals</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog" aria-hidden="true"><path d="M11 10.27 7 3.34"></path><path d="m11 13.73-4 6.93"></path><path d="M12 22v-2"></path><path d="M12 2v2"></path><path d="M14 12h8"></path><path d="m17 20.66-1-1.73"></path><path d="m17 3.34-1 1.73"></path><path d="M2 12h2"></path><path d="m20.66 17-1.73-1"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m3.34 7 1.73 1"></path><circle cx="12" cy="12" r="2"></circle><circle cx="12" cy="12" r="8"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Apex Engineering</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400">NovaPack</span></div></div></div></div><div class="flex w-full overflow-hidden"><div class="flex w-max" style="will-change:transform;transform:translateX(-50%)"><div class="flex shrink-0" aria-hidden="false"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-anvil" aria-hidden="true"><path d="M7 10H6a4 4 0 0 1-4-4 1 1 0 0 1 1-1h4"></path><path d="M7 5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1 7 7 0 0 1-7 7H8a1 1 0 0 1-1-1z"></path><path d="M9 12v5"></path><path d="M15 12v5"></path><path d="M5 20a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200">IronWorks Forge</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-recycle" aria-hidden="true"><path d="M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5"></path><path d="M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12"></path><path d="m14 16-3 3 3 3"></path><path d="M8.293 13.596 7.196 9.5 3.1 10.598"></path><path d="m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843"></path><path d="m13.378 9.633 4.096 1.098 1.097-4.096"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400">Vimal Polymers</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400">Krishna Tools</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer" aria-hidden="true"><path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path><path d="m18 15 4-4"></path><path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200">Rajdhani Steel</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-droplets" aria-hidden="true"><path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400">Sterling Coatings</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400">Aradhana Exports</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gem" aria-hidden="true"><path d="M10.5 3 8 9l4 13 4-13-2.5-6"></path><path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"></path><path d="M2 9h20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400">Pinnacle Castings</span></div></div><div class="flex shrink-0" aria-hidden="true"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-anvil" aria-hidden="true"><path d="M7 10H6a4 4 0 0 1-4-4 1 1 0 0 1 1-1h4"></path><path d="M7 5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1 7 7 0 0 1-7 7H8a1 1 0 0 1-1-1z"></path><path d="M9 12v5"></path><path d="M15 12v5"></path><path d="M5 20a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200">IronWorks Forge</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-recycle" aria-hidden="true"><path d="M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5"></path><path d="M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12"></path><path d="m14 16-3 3 3 3"></path><path d="M8.293 13.596 7.196 9.5 3.1 10.598"></path><path d="m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843"></path><path d="m13.378 9.633 4.096 1.098 1.097-4.096"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400">Vimal Polymers</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400">Krishna Tools</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer" aria-hidden="true"><path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path><path d="m18 15 4-4"></path><path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200">Rajdhani Steel</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-droplets" aria-hidden="true"><path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400">Sterling Coatings</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400">Aradhana Exports</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gem" aria-hidden="true"><path d="M10.5 3 8 9l4 13 4-13-2.5-6"></path><path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"></path><path d="M2 9h20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400">Pinnacle Castings</span></div></div></div></div></div></section><div class="bg-white dark:bg-ink"><section class="py-24 relative overflow-hidden bg-[#FAFAFA] dark:bg-ink" id="services"><div class="absolute inset-0 pointer-events-none"><div class="absolute inset-0 bg-[radial-gradient(ellipse_60%_40%_at_50%_0%,rgba(239,68,68,0.04),transparent)] dark:bg-[radial-gradient(ellipse_60%_40%_at_50%_0%,rgba(239,68,68,0.11),transparent)]"></div></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-4xl mx-auto mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-red-50/80 dark:bg-red-500/10 backdrop-blur-md border border-red-100 dark:border-red-400/20 shadow-[0_4px_10px_rgb(239,68,68,0.05)] text-red-600 dark:text-red-400 font-bold text-xs tracking-widest uppercase mb-8" style="opacity:0;transform:translateY(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert text-red-500" aria-hidden="true"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>The Cost Of Being Invisible</div><h2 class="text-4xl md:text-5xl lg:text-6xl font-heading font-extrabold text-[#111827] dark:text-white tracking-tight mb-8 leading-[1.1]" style="opacity:0;transform:translateY(10px)">Most Manufacturers Lose Customers Online<!-- --> <span class="font-accent italic font-normal text-[1.1em] relative inline-block text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">Every Day<svg class="absolute -bottom-3 left-1/2 -translate-x-1/2 w-[110%] text-blue-500/30" viewBox="0 0 200 12" fill="none"><path d="M5 8C45 3 130 -2 195 6" stroke="currentColor" stroke-width="4" stroke-linecap="round"></path></svg></span></h2><p class="text-xl text-gray-500 dark:text-slate-400 font-medium max-w-2xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(10px)">Without a strong digital presence, modern B2B buyers simply move on to the next supplier.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12"><div class="group bg-white dark:bg-ink-card rounded-[2rem] p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_4px_20px_rgb(0,0,0,0.03)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300 relative flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 rounded-[2rem] bg-gradient-to-br from-white to-gray-50/50 dark:from-white/[0.04] dark:to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col"><div class="flex justify-between items-start mb-6"><div class="w-14 h-14 rounded-2xl bg-red-50 dark:bg-red-500/10 border-red-100 group-hover:border-red-200 dark:border-red-400/20 dark:group-hover:border-red-400/40 border shadow-sm flex items-center justify-center text-red-600 dark:text-red-400 group-hover:scale-110 transition-transform duration-300 ease-out"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" 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><span class="text-[13px] font-bold bg-red-50 dark:bg-red-500/10 text-red-400 px-3 py-1 rounded-full border border-red-100 group-hover:border-red-200 dark:border-red-400/20 dark:group-hover:border-red-400/40">01</span></div><h3 class="text-xl font-heading font-extrabold text-gray-900 dark:text-white mb-3 group-hover:text-gray-800 dark:group-hover:text-slate-100 transition-colors">No Professional Website</h3><p class="text-[15px] text-gray-500 dark:text-slate-300 leading-relaxed font-medium mb-8">Your competitors have modern websites while your business remains difficult to evaluate online.</p><div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 flex items-start gap-4 transition-colors duration-300"><div class="w-8 h-8 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down text-red-600 dark:text-red-400" aria-hidden="true"><path d="M16 17h6v-6"></path><path d="m22 17-8.5-8.5-5 5L2 7"></path></svg></div><div><div class="font-extrabold text-base mb-0.5 text-red-600 dark:text-red-400">70% of B2B buyers</div><div class="text-[13px] font-medium text-gray-500 dark:text-slate-400 leading-snug">research online before contacting a supplier.</div></div></div></div></div><div class="group bg-white dark:bg-ink-card rounded-[2rem] p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_4px_20px_rgb(0,0,0,0.03)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300 relative flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 rounded-[2rem] bg-gradient-to-br from-white to-gray-50/50 dark:from-white/[0.04] dark:to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col"><div class="flex justify-between items-start mb-6"><div class="w-14 h-14 rounded-2xl bg-orange-50 dark:bg-orange-500/10 border-orange-100 group-hover:border-orange-200 dark:border-orange-400/20 dark:group-hover:border-orange-400/40 border shadow-sm flex items-center justify-center text-orange-500 group-hover:scale-110 transition-transform duration-300 ease-out"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search-x" aria-hidden="true"><path d="m13.5 8.5-5 5"></path><path d="m8.5 8.5 5 5"></path><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div><span class="text-[13px] font-bold bg-orange-50 dark:bg-orange-500/10 text-orange-400 px-3 py-1 rounded-full border border-orange-100 group-hover:border-orange-200 dark:border-orange-400/20 dark:group-hover:border-orange-400/40">02</span></div><h3 class="text-xl font-heading font-extrabold text-gray-900 dark:text-white mb-3 group-hover:text-gray-800 dark:group-hover:text-slate-100 transition-colors">Hard To Find Online</h3><p class="text-[15px] text-gray-500 dark:text-slate-300 leading-relaxed font-medium mb-8">Potential customers search for products like yours but never discover your company.</p><div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 flex items-start gap-4 transition-colors duration-300"><div class="w-8 h-8 rounded-full bg-orange-50 dark:bg-orange-500/10 flex items-center justify-center shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column text-orange-500" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div><div class="font-extrabold text-base mb-0.5 text-orange-500">75% of buyers</div><div class="text-[13px] font-medium text-gray-500 dark:text-slate-400 leading-snug">never go beyond the first page of search results.</div></div></div></div></div><div class="group bg-white dark:bg-ink-card rounded-[2rem] p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_4px_20px_rgb(0,0,0,0.03)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300 relative flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 rounded-[2rem] bg-gradient-to-br from-white to-gray-50/50 dark:from-white/[0.04] dark:to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col"><div class="flex justify-between items-start mb-6"><div class="w-14 h-14 rounded-2xl bg-purple-50 dark:bg-purple-500/10 border-purple-100 group-hover:border-purple-200 dark:border-purple-400/20 dark:group-hover:border-purple-400/40 border shadow-sm flex items-center justify-center text-purple-600 dark:text-purple-400 group-hover:scale-110 transition-transform duration-300 ease-out"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down" aria-hidden="true"><path d="M16 17h6v-6"></path><path d="m22 17-8.5-8.5-5 5L2 7"></path></svg></div><span class="text-[13px] font-bold bg-purple-50 dark:bg-purple-500/10 text-purple-400 px-3 py-1 rounded-full border border-purple-100 group-hover:border-purple-200 dark:border-purple-400/20 dark:group-hover:border-purple-400/40">03</span></div><h3 class="text-xl font-heading font-extrabold text-gray-900 dark:text-white mb-3 group-hover:text-gray-800 dark:group-hover:text-slate-100 transition-colors">No Predictable Leads</h3><p class="text-[15px] text-gray-500 dark:text-slate-300 leading-relaxed font-medium mb-8">Relying only on referrals creates inconsistent business growth.</p><div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 flex items-start gap-4 transition-colors duration-300"><div class="w-8 h-8 rounded-full bg-purple-50 dark:bg-purple-500/10 flex items-center justify-center shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users text-purple-600 dark:text-purple-400" 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><div class="font-extrabold text-base mb-0.5 text-purple-600 dark:text-purple-400">62% of businesses</div><div class="text-[13px] font-medium text-gray-500 dark:text-slate-400 leading-snug">say generating leads is their biggest challenge.</div></div></div></div></div><div class="group bg-white dark:bg-ink-card rounded-[2rem] p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_4px_20px_rgb(0,0,0,0.03)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300 relative flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 rounded-[2rem] bg-gradient-to-br from-white to-gray-50/50 dark:from-white/[0.04] dark:to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col"><div class="flex justify-between items-start mb-6"><div class="w-14 h-14 rounded-2xl bg-blue-50 dark:bg-blue-500/10 border-blue-100 group-hover:border-blue-200 dark:border-blue-400/20 dark:group-hover:border-blue-400/40 border shadow-sm flex items-center justify-center text-blue-600 dark:text-blue-400 group-hover:scale-110 transition-transform duration-300 ease-out"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" 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><span class="text-[13px] font-bold bg-blue-50 dark:bg-blue-500/10 text-blue-400 px-3 py-1 rounded-full border border-blue-100 group-hover:border-blue-200 dark:border-blue-400/20 dark:group-hover:border-blue-400/40">04</span></div><h3 class="text-xl font-heading font-extrabold text-gray-900 dark:text-white mb-3 group-hover:text-gray-800 dark:group-hover:text-slate-100 transition-colors">No Digital Team</h3><p class="text-[15px] text-gray-500 dark:text-slate-300 leading-relaxed font-medium mb-8">You are focused on operations while marketing responsibilities remain neglected.</p><div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 flex items-start gap-4 transition-colors duration-300"><div class="w-8 h-8 rounded-full bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock text-blue-600 dark:text-blue-400" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div><div class="font-extrabold text-base mb-0.5 text-blue-600 dark:text-blue-400">3+ hours/day</div><div class="text-[13px] font-medium text-gray-500 dark:text-slate-400 leading-snug">lost on tasks that a digital team can handle for you.</div></div></div></div></div><div class="group bg-white dark:bg-ink-card rounded-[2rem] p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_4px_20px_rgb(0,0,0,0.03)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300 relative flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 rounded-[2rem] bg-gradient-to-br from-white to-gray-50/50 dark:from-white/[0.04] dark:to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col"><div class="flex justify-between items-start mb-6"><div class="w-14 h-14 rounded-2xl bg-green-50 dark:bg-green-500/10 border-green-100 group-hover:border-green-200 dark:border-green-400/20 dark:group-hover:border-green-400/40 border shadow-sm flex items-center justify-center text-green-600 dark:text-green-400 group-hover:scale-110 transition-transform duration-300 ease-out"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-ccw" aria-hidden="true"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg></div><span class="text-[13px] font-bold bg-green-50 dark:bg-green-500/10 text-green-400 px-3 py-1 rounded-full border border-green-100 group-hover:border-green-200 dark:border-green-400/20 dark:group-hover:border-green-400/40">05</span></div><h3 class="text-xl font-heading font-extrabold text-gray-900 dark:text-white mb-3 group-hover:text-gray-800 dark:group-hover:text-slate-100 transition-colors">Outdated Brand Presence</h3><p class="text-[15px] text-gray-500 dark:text-slate-300 leading-relaxed font-medium mb-8">Product quality may be excellent, but online perception does not reflect reality.</p><div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 flex items-start gap-4 transition-colors duration-300"><div class="w-8 h-8 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-green-600 dark:text-green-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><path d="m9 12 2 2 4-4"></path></svg></div><div><div class="font-extrabold text-base mb-0.5 text-green-600 dark:text-green-400">94% of buyers</div><div class="text-[13px] font-medium text-gray-500 dark:text-slate-400 leading-snug">consider design and user experience when evaluating a business.</div></div></div></div></div><div class="group bg-white dark:bg-ink-card rounded-[2rem] p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_4px_20px_rgb(0,0,0,0.03)] hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:-translate-y-1 transition-all duration-300 relative flex flex-col" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 rounded-[2rem] bg-gradient-to-br from-white to-gray-50/50 dark:from-white/[0.04] dark:to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col"><div class="flex justify-between items-start mb-6"><div class="w-14 h-14 rounded-2xl bg-cyan-50 dark:bg-cyan-500/10 border-cyan-100 group-hover:border-cyan-200 dark:border-cyan-400/20 dark:group-hover:border-cyan-400/40 border shadow-sm flex items-center justify-center text-cyan-600 dark:text-cyan-400 group-hover:scale-110 transition-transform duration-300 ease-out"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></div><span class="text-[13px] font-bold bg-cyan-50 dark:bg-cyan-500/10 text-cyan-400 px-3 py-1 rounded-full border border-cyan-100 group-hover:border-cyan-200 dark:border-cyan-400/20 dark:group-hover:border-cyan-400/40">06</span></div><h3 class="text-xl font-heading font-extrabold text-gray-900 dark:text-white mb-3 group-hover:text-gray-800 dark:group-hover:text-slate-100 transition-colors">Poor Product Showcase</h3><p class="text-[15px] text-gray-500 dark:text-slate-300 leading-relaxed font-medium mb-8">Products are hidden inside PDFs, spreadsheets, or WhatsApp messages.</p><div class="mt-auto pt-6 border-t border-gray-100 dark:border-white/10 flex items-start gap-4 transition-colors duration-300"><div class="w-8 h-8 rounded-full bg-cyan-50 dark:bg-cyan-500/10 flex items-center justify-center shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-cart text-cyan-600 dark:text-cyan-400" aria-hidden="true"><circle cx="8" cy="21" r="1"></circle><circle cx="19" cy="21" r="1"></circle><path d="M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12"></path></svg></div><div><div class="font-extrabold text-base mb-0.5 text-cyan-600 dark:text-cyan-400">Up to 40% lost sales</div><div class="text-[13px] font-medium text-gray-500 dark:text-slate-400 leading-snug">due to poor product presentation and buying experience.</div></div></div></div></div></div><div class="w-full bg-white/60 dark:bg-ink-card/60 backdrop-blur-xl border border-gray-100/50 dark:border-white/[0.07] rounded-[2rem] p-6 lg:p-8 shadow-[0_8px_30px_rgb(0,0,0,0.04)] flex flex-col md:flex-row items-center justify-between gap-8 group hover:shadow-[0_20px_40px_rgb(0,0,0,0.08)] hover:border-gray-200/60 dark:hover:border-blue-400/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="flex items-center gap-6"><div class="w-16 h-16 rounded-2xl bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center text-white shadow-lg shadow-blue-500/20 shrink-0 group-hover:scale-105 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><div><h3 class="text-2xl font-bold font-heading text-gray-900 dark:text-white mb-1">Don&#x27;t Just Compete. Get Chosen.</h3><p class="text-[15px] font-medium text-gray-500 dark:text-slate-300 max-w-xl leading-relaxed">A strong digital presence builds trust, generates leads, and keeps your sales pipeline active.</p></div></div><button class="w-full md:w-auto px-8 py-4 bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold rounded-xl shadow-[0_4px_14px_0_rgba(37,99,235,0.39)] dark:shadow-blue-500/30 flex items-center justify-center gap-2 whitespace-nowrap transition-all transition-shadow duration-200 hover:shadow-[0_10px_25px_-5px_rgba(37,99,235,0.4)]" tabindex="0">Let&#x27;s Fix This Together<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div></section><section class="py-24 relative overflow-hidden bg-white dark:bg-ink"><div class="absolute inset-0 pointer-events-none"><div class="absolute inset-0 bg-[radial-gradient(ellipse_70%_50%_at_50%_0%,rgba(37,99,235,0.04),transparent)] dark:bg-[radial-gradient(ellipse_70%_50%_at_50%_0%,rgba(37,99,235,0.11),transparent)]"></div></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 relative z-10"><div class="text-center max-w-3xl mx-auto mb-16 flex flex-col items-center"><div class="inline-flex items-center gap-2.5 px-5 py-2.5 rounded-full bg-white dark:bg-ink-card border border-blue-100 dark:border-blue-400/20 shadow-[0_4px_20px_rgba(37,99,235,0.06)] text-primary dark:text-blue-400 font-bold text-sm mb-8 cursor-pointer hover:shadow-md hover:bg-blue-50/30 dark:hover:bg-blue-500/10 transition-all duration-300" style="opacity:0;transform:translateY(10px)"><div class="w-7 h-7 rounded-full bg-gradient-to-r from-primary to-blue-500 flex items-center justify-center text-white shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play fill-white ml-0.5" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></div>WATCH QUICK INFO</div><h2 class="text-4xl md:text-5xl lg:text-6xl font-heading font-extrabold text-[#111827] dark:text-white tracking-tight mb-6" style="opacity:0;transform:translateY(10px)">See DiGi Maker in Action</h2><div class="relative inline-block mb-10" style="opacity:0;transform:translateY(10px)"><p class="text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium max-w-2xl text-center leading-relaxed">See how DiGi Maker transforms your custom digital presence online.</p><svg class="absolute -bottom-5 left-1/2 -translate-x-1/2 w-48 text-orange-400 opacity-90" viewBox="0 0 200 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 11C45 4 130 -3 195 8" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><div class="bg-white dark:bg-ink-card rounded-[2rem] border border-gray-100 dark:border-white/[0.07] shadow-[0_24px_80px_rgba(0,0,0,0.06)] p-3 sm:p-5 md:p-8 flex flex-col lg:flex-row gap-8 lg:gap-12 relative overflow-hidden backdrop-blur-xl"><div class="w-full lg:w-[65%] relative bg-[#F4F7F9] dark:bg-ink-raised rounded-2xl md:rounded-[24px] overflow-hidden min-h-[400px] md:min-h-[500px] border border-gray-200/60 dark:border-white/10 shadow-inner group" style="opacity:0;transform:translateX(-20px)"><div class="absolute inset-0 bg-gradient-to-br from-[#E2EAF1]/80 to-[#EDF2F6] dark:from-[#0E1526] dark:to-[#0A1020]"></div><div class="absolute inset-0 pointer-events-none bg-[radial-gradient(circle_220px_at_15%_15%,rgba(147,197,253,0.40),transparent),radial-gradient(circle_220px_at_85%_80%,rgba(165,180,252,0.40),transparent)] dark:bg-[radial-gradient(circle_220px_at_15%_15%,rgba(59,130,246,0.20),transparent),radial-gradient(circle_220px_at_85%_80%,rgba(99,102,241,0.20),transparent)]"></div><div class="absolute inset-x-0 bottom-0 h-full w-full flex justify-around opacity-5"><div class="h-full w-4 bg-gray-900 skew-x-[20deg] origin-bottom"></div><div class="h-full w-4 bg-gray-900 skew-x-[20deg] origin-bottom"></div><div class="h-full w-4 bg-gray-900 skew-x-[20deg] origin-bottom"></div><div class="h-full w-4 bg-gray-900 skew-x-[20deg] origin-bottom"></div></div><div class="absolute inset-[8%] md:inset-[10%] bg-white dark:bg-ink-raised rounded-2xl border border-gray-100 dark:border-white/10 shadow-[0_20px_60px_rgba(0,0,0,0.1)] flex flex-col overflow-hidden"><div class="h-12 bg-white dark:bg-ink-raised border-b border-gray-100 dark:border-white/10 flex items-center px-4 gap-4"><div class="flex gap-2"><div class="w-3 h-3 rounded-full bg-[#FF5F56]"></div><div class="w-3 h-3 rounded-full bg-[#FFBD2E]"></div><div class="w-3 h-3 rounded-full bg-[#27C93F]"></div></div><div class="flex-1 flex justify-center"><div class="h-6 w-1/3 bg-gray-50 dark:bg-white/5 rounded-md border border-gray-100 dark:border-white/10 flex items-center px-2"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search-x text-gray-400 dark:text-slate-500" aria-hidden="true"><path d="m13.5 8.5-5 5"></path><path d="m8.5 8.5 5 5"></path><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div></div><div class="h-6 w-16 bg-blue-50 dark:bg-blue-500/15 text-blue-600 dark:text-blue-400 text-[10px] font-bold rounded flex items-center justify-center">Sign Up</div></div><div class="flex-1 flex p-4 gap-4"><div class="w-[25%] space-y-3"><div class="flex items-center gap-2 mb-4 px-2"><div class="w-6 h-6 rounded bg-primary text-white flex items-center justify-center text-[10px] font-bold">D</div><div class="h-3 w-16 bg-gray-200 dark:bg-white/15 rounded"></div></div><div class="h-7 w-full bg-blue-50/50 dark:bg-blue-500/15 rounded-lg flex items-center px-2 border-l-2 border-primary"><div class="w-3 h-3 rounded bg-blue-200 dark:bg-blue-500/30 mr-2"></div><div class="h-2 w-16 bg-gray-300 dark:bg-white/15 rounded"></div></div><div class="h-6 w-full flex items-center px-2 opacity-50"><div class="w-3 h-3 rounded bg-gray-200 dark:bg-white/10 mr-2"></div><div class="h-2 w-20 bg-gray-200 dark:bg-white/10 rounded"></div></div><div class="h-6 w-full flex items-center px-2 opacity-50"><div class="w-3 h-3 rounded bg-gray-200 dark:bg-white/10 mr-2"></div><div class="h-2 w-20 bg-gray-200 dark:bg-white/10 rounded"></div></div><div class="h-6 w-full flex items-center px-2 opacity-50"><div class="w-3 h-3 rounded bg-gray-200 dark:bg-white/10 mr-2"></div><div class="h-2 w-20 bg-gray-200 dark:bg-white/10 rounded"></div></div><div class="h-6 w-full flex items-center px-2 opacity-50"><div class="w-3 h-3 rounded bg-gray-200 dark:bg-white/10 mr-2"></div><div class="h-2 w-20 bg-gray-200 dark:bg-white/10 rounded"></div></div></div><div class="flex-1 flex flex-col gap-4"><div class="flex gap-3"><div class="h-16 flex-1 bg-gray-50 dark:bg-white/5 rounded-lg flex items-center px-3 border border-gray-100 dark:border-white/10"><div class="h-8 w-8 rounded-full bg-orange-100 dark:bg-orange-500/20 mr-3"></div><div><div class="h-2 w-12 bg-gray-200 dark:bg-white/10 rounded mb-1.5"></div><div class="h-3 w-16 bg-gray-300 dark:bg-white/15 rounded"></div></div></div><div class="h-16 flex-1 bg-gray-50 dark:bg-white/5 rounded-lg flex items-center px-3 border border-gray-100 dark:border-white/10"><div class="h-8 w-8 rounded-full bg-blue-100 dark:bg-blue-500/20 mr-3"></div><div><div class="h-2 w-12 bg-gray-200 dark:bg-white/10 rounded mb-1.5"></div><div class="h-3 w-16 bg-gray-300 dark:bg-white/15 rounded"></div></div></div></div><div class="h-36 w-full bg-white dark:bg-ink-card rounded-lg border border-gray-100 dark:border-white/10 shadow-sm overflow-hidden flex items-end p-2 relative"><svg viewBox="0 0 100 50" class="w-full h-full text-blue-500 absolute bottom-0 left-0"><path d="M 0 50 L 10 40 L 30 45 L 50 30 L 70 35 L 90 20 L 100 10 L 100 50 Z" fill="currentColor" fill-opacity="0.1"></path><path d="M 0 50 L 10 40 L 30 45 L 50 30 L 70 35 L 90 20 L 100 10" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div><div class="absolute top-[8%] left-[5%] bg-white dark:bg-ink-raised rounded-2xl p-3 shadow-[0_15px_30px_rgb(0,0,0,0.08)] border border-gray-100 dark:border-white/10 flex items-center gap-3 z-20 min-w-[160px]" style="will-change:transform"><div class="w-10 h-10 rounded-full bg-green-500 flex items-center justify-center text-white shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><div class="flex-1"><p class="text-[12px] font-extrabold text-gray-900 dark:text-white mb-0.5">WhatsApp</p><p class="text-[9px] text-gray-500 dark:text-slate-400 font-medium">New catalog request!</p></div><div class="absolute -top-2 -right-2 w-6 h-6 bg-red-500 rounded-full flex items-center justify-center text-[10px] text-white font-bold shadow-sm">10+</div></div><div class="absolute top-[12%] right-[8%] bg-white dark:bg-ink-raised rounded-2xl p-3 px-4 shadow-[0_15px_30px_rgb(0,0,0,0.08)] border border-gray-100 dark:border-white/10 flex flex-col gap-2 z-20 w-[180px]" style="will-change:transform"><div class="flex items-center justify-between mb-1"><div class="flex items-center gap-2"><img src="https://i.pravatar.cc/150?u=12" alt="Dealer" class="w-7 h-7 rounded-full"/><p class="text-[12px] font-extrabold text-gray-900 dark:text-white leading-tight">Dealer Request</p></div><div class="bg-red-500 text-white rounded-full px-1.5 py-0.5 text-[8px] font-bold">45+</div></div><div class="h-1.5 w-[85%] bg-gray-100 dark:bg-white/10 rounded-full"></div><div class="h-1.5 w-[60%] bg-gray-100 dark:bg-white/10 rounded-full"></div></div><div class="absolute bottom-[10%] left-[10%] bg-white dark:bg-ink-raised rounded-2xl p-3 shadow-[0_15px_30px_rgb(0,0,0,0.08)] border border-gray-100 dark:border-white/10 flex items-center gap-3 z-20 min-w-[150px]" style="will-change:transform"><div class="w-10 h-10 bg-blue-50 dark:bg-blue-500/15 rounded-xl flex items-center justify-center text-[#1877F2]"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor"><path d="M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z"></path></svg></div><div><p class="text-[12px] font-extrabold text-gray-900 dark:text-white mb-0.5">Meta Ads</p><p class="text-[9px] text-gray-400 dark:text-slate-500 font-bold tracking-wide uppercase flex items-center gap-1"><span class="w-2 h-2 rounded-full bg-green-500"></span>Active</p></div></div><div class="absolute bottom-[20%] right-[5%] bg-white dark:bg-ink-raised rounded-[1.25rem] py-2 px-4 shadow-[0_15px_30px_rgb(0,0,0,0.08)] border border-gray-100 dark:border-white/10 flex items-center gap-2 z-20" style="will-change:transform"><div class="w-5 h-5 rounded-full bg-green-500 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-[12px] font-extrabold text-gray-800 dark:text-slate-100">Campaign Active</p></div><div class="absolute top-[40%] right-[2%] bg-white dark:bg-ink-raised rounded-2xl py-2 px-3 shadow-[0_15px_30px_rgb(0,0,0,0.08)] border border-gray-100 dark:border-white/10 flex items-center gap-2 z-20" style="will-change:transform"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail text-red-500" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><div class="w-4 h-4 bg-red-500 rounded-full flex items-center justify-center text-[8px] text-white font-bold absolute -top-1 -right-1">1</div></div><div class="absolute inset-0 bg-gray-900/10 backdrop-blur-[2px] transition-all duration-300 group-hover:backdrop-blur-sm z-30 flex items-center justify-center cursor-pointer"><button class="w-24 h-24 bg-gradient-to-tr from-primary to-blue-600 rounded-full flex items-center justify-center shadow-[0_0_40px_rgba(37,99,235,0.4)] text-white relative group/btn" tabindex="0"><div class="absolute inset-0 rounded-full border-2 border-white/20 animate-ping opacity-60 duration-1000"></div><div class="absolute -inset-4 rounded-full border border-white/10 animate-pulse duration-1000"></div><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play ml-2 drop-shadow-md" aria-hidden="true"><path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"></path></svg></button></div></div><div class="w-full lg:w-[35%] flex flex-col justify-center gap-6" style="opacity:0;transform:translateX(20px)"><div class="group relative"><div class="flex gap-5 items-start relative z-10 transition-transform duration-300 hover:translate-x-2"><div class="w-14 h-14 bg-blue-50 dark:bg-blue-500/10 rounded-2xl flex items-center justify-center shrink-0 border border-blue-100/60 dark:border-blue-400/20 shadow-sm transition-all duration-300 group-hover:bg-primary group-hover:shadow-[0_4px_15px_rgba(37,99,235,0.2)]"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor-play text-primary dark:text-blue-400 group-hover:text-white transition-colors" aria-hidden="true"><path d="M15.033 9.44a.647.647 0 0 1 0 1.12l-4.065 2.352a.645.645 0 0 1-.968-.56V7.648a.645.645 0 0 1 .967-.56z"></path><path d="M12 17v4"></path><path d="M8 21h8"></path><rect x="2" y="3" width="20" height="14" rx="2"></rect></svg></div><div class="pt-0.5"><h4 class="text-[17px] font-extrabold font-heading text-gray-900 dark:text-white mb-1.5">Website That Works</h4><p class="text-[14px] font-medium text-gray-500 dark:text-slate-300 leading-relaxed pr-2">Professional, mobile-friendly websites that build trust and generate inquiries.</p></div></div><div class="absolute left-[27px] top-[56px] w-[2px] h-[calc(100%+8px)] bg-gray-100 dark:bg-white/10"></div></div><div class="group relative"><div class="flex gap-5 items-start relative z-10 transition-transform duration-300 hover:translate-x-2"><div class="w-14 h-14 bg-blue-50 dark:bg-blue-500/10 rounded-2xl flex items-center justify-center shrink-0 border border-blue-100/60 dark:border-blue-400/20 shadow-sm transition-all duration-300 group-hover:bg-primary group-hover:shadow-[0_4px_15px_rgba(37,99,235,0.2)]"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone text-primary dark:text-blue-400 group-hover:text-white transition-colors" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg></div><div class="pt-0.5"><h4 class="text-[17px] font-extrabold font-heading text-gray-900 dark:text-white mb-1.5">Ads That Perform</h4><p class="text-[14px] font-medium text-gray-500 dark:text-slate-300 leading-relaxed pr-2">Targeted Meta ads that bring in quality leads and business opportunities.</p></div></div><div class="absolute left-[27px] top-[56px] w-[2px] h-[calc(100%+8px)] bg-gray-100 dark:bg-white/10"></div></div><div class="group relative"><div class="flex gap-5 items-start relative z-10 transition-transform duration-300 hover:translate-x-2"><div class="w-14 h-14 bg-blue-50 dark:bg-blue-500/10 rounded-2xl flex items-center justify-center shrink-0 border border-blue-100/60 dark:border-blue-400/20 shadow-sm transition-all duration-300 group-hover:bg-primary group-hover:shadow-[0_4px_15px_rgba(37,99,235,0.2)]"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square text-primary dark:text-blue-400 group-hover:text-white transition-colors" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><div class="pt-0.5"><h4 class="text-[17px] font-extrabold font-heading text-gray-900 dark:text-white mb-1.5">Leads That Convert</h4><p class="text-[14px] font-medium text-gray-500 dark:text-slate-300 leading-relaxed pr-2">From inquiries to real customers — we help you close more deals.</p></div></div><div class="absolute left-[27px] top-[56px] w-[2px] h-[calc(100%+8px)] bg-gray-100 dark:bg-white/10"></div></div><div class="group relative"><div class="flex gap-5 items-start relative z-10 transition-transform duration-300 hover:translate-x-2"><div class="w-14 h-14 bg-blue-50 dark:bg-blue-500/10 rounded-2xl flex items-center justify-center shrink-0 border border-blue-100/60 dark:border-blue-400/20 shadow-sm transition-all duration-300 group-hover:bg-primary group-hover:shadow-[0_4px_15px_rgba(37,99,235,0.2)]"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-no-axes-column-increasing text-primary dark:text-blue-400 group-hover:text-white transition-colors" aria-hidden="true"><path d="M5 21v-6"></path><path d="M12 21V9"></path><path d="M19 21V3"></path></svg></div><div class="pt-0.5"><h4 class="text-[17px] font-extrabold font-heading text-gray-900 dark:text-white mb-1.5">Growth That Scales</h4><p class="text-[14px] font-medium text-gray-500 dark:text-slate-300 leading-relaxed pr-2">Data-driven strategies to grow your business month after month.</p></div></div></div></div></div><div class="mt-8 max-w-full lg:max-w-[1300px] mx-auto bg-white/90 dark:bg-ink-card/90 backdrop-blur-xl rounded-[2rem] lg:rounded-full border border-gray-100 dark:border-white/[0.07] p-6 shadow-[0_10px_40px_rgb(0,0,0,0.03)]" style="opacity:0;transform:translateY(20px)"><div class="flex flex-col sm:flex-row flex-wrap lg:flex-nowrap items-start sm:items-center justify-between gap-6 lg:gap-0 px-2 lg:px-6"><div class="flex items-center gap-4 w-full sm:w-[45%] lg:w-auto lg:border-r border-gray-100 dark:border-white/10 lg:pr-8"><div class="w-12 h-12 rounded-xl bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield text-primary dark:text-blue-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 flex-col text-left"><span class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-0.5">No Contracts</span><span class="text-[13px] font-medium text-gray-500 dark:text-slate-400 whitespace-nowrap">Cancel anytime, no lock-in.</span></div></div><div class="flex items-center gap-4 w-full sm:w-[45%] lg:w-auto lg:border-r border-gray-100 dark:border-white/10 lg:pr-8"><div class="w-12 h-12 rounded-xl bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users text-primary dark:text-blue-400" 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 flex-col text-left"><span class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-0.5">Expert Team</span><span class="text-[13px] font-medium text-gray-500 dark:text-slate-400 whitespace-nowrap">Dedicated professionals for you.</span></div></div><div class="flex items-center gap-4 w-full sm:w-[45%] lg:w-auto lg:border-r border-gray-100 dark:border-white/10 lg:pr-8"><div class="w-12 h-12 rounded-xl bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-primary dark:text-blue-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 flex-col text-left"><span class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-0.5">Fast Onboarding</span><span class="text-[13px] font-medium text-gray-500 dark:text-slate-400 whitespace-nowrap">Get started in just 48 hours.</span></div></div><div class="flex items-center gap-4 w-full sm:w-[45%] lg:w-auto lg:pl-8"><div class="w-12 h-12 rounded-xl bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock text-primary dark:text-blue-400" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div class="flex flex-col text-left"><span class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-0.5">100% Secure</span><span class="text-[13px] font-medium text-gray-500 dark:text-slate-400 whitespace-nowrap">Your business data is safe.</span></div></div></div></div></div></section><section class="py-32 bg-[#FAFAFA] dark:bg-ink relative overflow-hidden" id="features"><div class="absolute top-0 inset-x-0 h-48 bg-gradient-to-b from-white to-transparent dark:from-ink dark:to-transparent pointer-events-none"></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-4xl mx-auto mb-20 flex flex-col items-center"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50 dark:bg-blue-500/10 border border-blue-100/50 dark:border-blue-400/20 shadow-[0_2px_10px_rgba(37,99,235,0.05)] text-primary dark:text-blue-400 font-bold text-sm mb-8" style="opacity:0;transform:translateY(-10px)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2L14.4 9.6L22 12L14.4 14.4L12 22L9.6 14.4L2 12L9.6 9.6L12 2Z" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>Everything You Need to Grow</div><h2 class="text-4xl md:text-5xl lg:text-7xl font-heading font-extrabold text-gray-900 dark:text-white tracking-tight mb-8" style="opacity:0;transform:translateY(10px)">Everything You Need to<!-- --> <span class="text-transparent bg-clip-text bg-gradient-to-r from-primary to-blue-400">Grow</span></h2><p class="text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium max-w-3xl" style="opacity:0;transform:translateY(10px)">A complete digital ecosystem designed for manufacturers to attract, engage and grow.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-16"><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-blue-50 dark:bg-blue-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-blue-50 dark:bg-blue-500/15 rounded-xl flex items-center justify-center border border-blue-100/50 dark:border-blue-400/20"><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-layout-template text-primary dark:text-blue-400" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Website Creation</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Professional, SEO-ready websites tailored for your industry.</p></div><div class="absolute -right-6 -bottom-6 w-48 h-40 bg-gradient-to-br from-blue-50 to-white dark:from-ink-raised dark:to-ink-card border border-gray-100 dark:border-white/10 rounded-tl-2xl shadow-lg p-2 transform group-hover:-translate-x-2 transition-transform duration-500 flex flex-col"><div class="w-full h-4 bg-gray-100 dark:bg-white/10 rounded-sm mb-2 flex items-center px-2 space-x-1"><div class="w-1.5 h-1.5 rounded-full bg-gray-300 dark:bg-white/15"></div><div class="w-1.5 h-1.5 rounded-full bg-gray-300 dark:bg-white/15"></div><div class="w-1.5 h-1.5 rounded-full bg-gray-300 dark:bg-white/15"></div></div><div class="flex-1 bg-blue-100/50 dark:bg-blue-500/15 rounded-sm border-2 border-dashed border-blue-200 dark:border-blue-400/30 flex items-center justify-center"><div class="w-12 h-8 bg-blue-400/20 dark:bg-blue-400/25 rounded"></div></div><div class="absolute bottom-6 left-6 drop-shadow-md"><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-mouse-pointer-click text-gray-800 dark:text-slate-200 fill-white dark:fill-ink-card" aria-hidden="true"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"></path></svg></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-blue-50 dark:bg-teal-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-teal-50 dark:bg-teal-500/15 rounded-xl flex items-center justify-center border border-teal-100/50 dark:border-teal-400/20"><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-earth text-teal-500" aria-hidden="true"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path><circle cx="12" cy="12" r="10"></circle></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Managed Hosting</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Blazing fast, secure and always online.</p></div><div class="absolute -right-4 -bottom-4 w-44 h-40 flex flex-col items-center justify-end pb-4 transform group-hover:-translate-y-2 transition-transform duration-500"><div class="space-y-1.5 relative z-10"><div class="w-32 h-10 bg-gray-800 rounded-lg shadow-xl shadow-blue-900/10 border border-gray-700 flex items-center px-4 justify-between"><div class="flex gap-1.5"><div class="w-2 h-2 rounded-full bg-green-400 shadow-[0_0_8px_#4ade80]"></div><div class="w-2 h-2 rounded-full bg-gray-600"></div><div class="w-2 h-2 rounded-full bg-gray-600"></div></div></div><div class="w-32 h-10 bg-gray-800 rounded-lg shadow-xl shadow-blue-900/10 border border-gray-700 flex items-center px-4 justify-between"><div class="flex gap-1.5"><div class="w-2 h-2 rounded-full bg-green-400 shadow-[0_0_8px_#4ade80]"></div><div class="w-2 h-2 rounded-full bg-gray-600"></div><div class="w-2 h-2 rounded-full bg-gray-600"></div></div></div><div class="w-32 h-10 bg-gray-800 rounded-lg shadow-xl shadow-blue-900/10 border border-gray-700 flex items-center px-4 justify-between"><div class="flex gap-1.5"><div class="w-2 h-2 rounded-full bg-green-400 shadow-[0_0_8px_#4ade80]"></div><div class="w-2 h-2 rounded-full bg-gray-600"></div><div class="w-2 h-2 rounded-full bg-gray-600"></div></div></div></div><div class="absolute bottom-2 left-0 w-48 h-12 bg-blue-100 dark:bg-teal-500/30 rounded-full blur-xl opacity-60"></div><div class="absolute -left-8 top-12 bg-white dark:bg-ink-raised rounded-full px-3 py-1.5 shadow-md flex items-center gap-1.5 text-[10px] font-bold text-gray-800 dark:text-slate-100 border border-transparent dark:border-white/10 z-20"><span class="w-2 h-2 rounded-full bg-green-500"></span> <!-- -->99.9% Uptime</div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-orange-50 dark:bg-orange-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-orange-50 dark:bg-orange-500/15 rounded-xl flex items-center justify-center border border-orange-100/50 dark:border-orange-400/20"><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-pen-tool text-orange-500" aria-hidden="true"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Website Maintenance</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Updates, backups and security — we handle all.</p></div><div class="absolute -right-4 -bottom-2 w-48 h-48 flex items-center justify-center transform group-hover:scale-105 transition-transform duration-500 z-10"><div class="relative w-36 h-28 bg-white dark:bg-ink-raised rounded-xl shadow-lg border border-gray-100 dark:border-white/10 p-2 flex flex-col justify-between"><div class="h-2 w-16 bg-gray-100 dark:bg-white/10 rounded-full"></div><div class="flex-1 flex items-center justify-center bg-gray-50/50 dark:bg-white/5 mt-2 rounded"><div class="w-16 h-16 bg-primary rounded-full shadow-lg shadow-blue-500/30 flex items-center justify-center border-4 border-white dark:border-ink-raised transform group-hover:rotate-45 transition-transform duration-700"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-white fill-white/20" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></div></div></div><div class="absolute top-10 right-4 bg-green-500 text-white rounded shadow-md w-8 h-8 flex items-center justify-center transform rotate-12"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check fill-current text-green-100" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-blue-50 dark:bg-blue-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-blue-50 dark:bg-blue-500/15 rounded-xl flex items-center justify-center border border-blue-100/50 dark:border-blue-400/20"><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-share2 lucide-share-2 text-blue-600 dark:text-blue-400" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Meta Ads Management</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Targeted campaigns that bring real customers.</p></div><div class="absolute -right-4 -bottom-4 w-48 h-48 flex items-center justify-center transform group-hover:scale-105 transition-transform duration-500 z-10"><div class="relative w-full h-full"><div class="absolute top-10 flex gap-2 right-4"><div class="w-8 h-8 rounded-full bg-[#1877F2] flex items-center justify-center text-white font-bold text-xs shadow-md">f</div><div class="w-8 h-8 rounded-full bg-gradient-to-tr from-yellow-400 via-pink-500 to-purple-600 flex items-center justify-center text-white font-bold text-xs shadow-md">in</div></div><div class="absolute bottom-10 left-4 bg-white dark:bg-ink-raised rounded-xl shadow-lg border border-gray-100 dark:border-white/10 p-2 w-32"><div class="text-[10px] text-gray-500 dark:text-slate-400 mb-1">Reach</div><div class="text-lg font-bold text-gray-900 dark:text-white leading-none mb-2">125K</div><svg viewBox="0 0 100 40" class="w-full h-8 overflow-visible"><path d="M 0,30 Q 20,20 40,30 T 70,10 T 100,0" fill="none" stroke="#22c55e" stroke-width="3" stroke-linecap="round"></path><circle cx="100" cy="0" r="4" fill="#22c55e"></circle></svg></div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-blue-50 dark:bg-blue-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-blue-100/50 dark:bg-blue-500/20 rounded-xl flex items-center justify-center border border-blue-200/50 dark:border-blue-400/20"><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-mouse-pointer-click text-primary dark:text-blue-400" aria-hidden="true"><path d="M14 4.1 12 6"></path><path d="m5.1 8-2.9-.8"></path><path d="m6 12-1.9 2"></path><path d="M7.2 2.2 8 5.1"></path><path d="M9.037 9.69a.498.498 0 0 1 .653-.653l11 4.5a.5.5 0 0 1-.074.949l-4.349 1.041a1 1 0 0 0-.74.739l-1.04 4.35a.5.5 0 0 1-.95.074z"></path></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Lead Generation</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Convert visitors into quality inquiries.</p></div><div class="absolute -right-4 -bottom-2 w-48 h-48 flex items-end justify-center transform group-hover:translate-x-2 transition-transform duration-500 z-10 pb-6"><div class="bg-white dark:bg-ink-raised rounded-2xl shadow-[0_10px_30px_rgba(0,0,0,0.1)] border border-gray-100 dark:border-white/10 p-3 w-40 flex items-center gap-3 relative"><div class="absolute -top-3 -right-3 w-8 h-8 bg-green-500 rounded-full shadow-md flex items-center justify-center border-2 border-white dark:border-ink-raised"><svg viewBox="0 0 24 24" width="14" height="14" fill="white"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.888-.788-1.487-1.761-1.663-2.059-.175-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"></path></svg></div><div class="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-500/20 flex items-center justify-center shrink-0 overflow-hidden"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users text-primary dark:text-blue-400 mt-2" 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><p class="text-xs font-bold text-gray-900 dark:text-white">New Enquiry</p><p class="text-[10px] text-gray-500 dark:text-slate-400">Bottle Packaging...</p></div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-purple-50 dark:bg-purple-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-purple-50 dark:bg-purple-500/15 rounded-xl flex items-center justify-center border border-purple-100/50 dark:border-purple-400/20"><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-layout-grid text-purple-600 dark:text-purple-400" aria-hidden="true"><rect width="7" height="7" x="3" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="3" rx="1"></rect><rect width="7" height="7" x="14" y="14" rx="1"></rect><rect width="7" height="7" x="3" y="14" rx="1"></rect></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Product Catalog Setup</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Showcase your products beautifully &amp; clearly.</p></div><div class="absolute -right-4 -bottom-6 w-52 h-48 flex items-center justify-center transform group-hover:-translate-y-2 transition-transform duration-500 z-10"><div class="grid grid-cols-3 gap-2 w-full p-2 bg-white/50 dark:bg-ink-raised/60 backdrop-blur rounded-xl border border-white dark:border-white/10 shadow-xl"><div class="aspect-square bg-white dark:bg-ink-card rounded-lg shadow-sm border border-gray-100 dark:border-white/10 flex items-center justify-center p-1"><div class="w-full h-full rounded bg-gradient-to-br from-blue-100 to-indigo-200"></div></div><div class="aspect-square bg-white dark:bg-ink-card rounded-lg shadow-sm border border-gray-100 dark:border-white/10 flex items-center justify-center p-1"><div class="w-full h-full rounded bg-gradient-to-br from-amber-100 to-orange-200"></div></div><div class="aspect-square bg-white dark:bg-ink-card rounded-lg shadow-sm border border-gray-100 dark:border-white/10 flex items-center justify-center p-1"><div class="w-full h-full rounded bg-gradient-to-br from-blue-100 to-indigo-200"></div></div><div class="aspect-square bg-white dark:bg-ink-card rounded-lg shadow-sm border border-gray-100 dark:border-white/10 flex items-center justify-center p-1"><div class="w-full h-full rounded bg-gradient-to-br from-amber-100 to-orange-200"></div></div><div class="aspect-square bg-white dark:bg-ink-card rounded-lg shadow-sm border border-gray-100 dark:border-white/10 flex items-center justify-center p-1"><div class="w-full h-full rounded bg-gradient-to-br from-blue-100 to-indigo-200"></div></div><div class="aspect-square bg-white dark:bg-ink-card rounded-lg shadow-sm border border-gray-100 dark:border-white/10 flex items-center justify-center p-1"><div class="w-full h-full rounded bg-gradient-to-br from-amber-100 to-orange-200"></div></div><div class="col-span-3 mt-1 w-full bg-primary text-white text-[10px] font-bold py-1.5 rounded-lg flex items-center justify-center shadow-md shadow-primary/30">+ Add Product</div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-blue-50 dark:bg-blue-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-blue-50 dark:bg-blue-500/15 rounded-xl flex items-center justify-center border border-blue-100/50 dark:border-blue-400/20"><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-x text-primary dark:text-blue-400" aria-hidden="true"><path d="m13.5 8.5-5 5"></path><path d="m8.5 8.5 5 5"></path><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">SEO Optimization</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Rank higher on Google and get found by buyers.</p></div><div class="absolute -right-4 -bottom-4 w-52 h-44 flex flex-col gap-3 items-center justify-center transform group-hover:scale-105 transition-transform duration-500 z-10"><div class="bg-white dark:bg-ink-raised w-48 h-10 rounded-full shadow-md border border-gray-100 dark:border-white/10 flex items-center px-4"><span class="text-blue-500 font-bold text-sm tracking-tighter">Goo<span class="text-red-500">g</span><span class="text-yellow-500">l</span><span class="text-green-500">e</span></span><div class="ml-auto w-4 h-4 bg-gray-200 dark:bg-white/15 rounded-full flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search-x" aria-hidden="true"><path d="m13.5 8.5-5 5"></path><path d="m8.5 8.5 5 5"></path><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></div></div><div class="bg-white dark:bg-ink-raised w-48 rounded-xl shadow-lg border border-gray-100 dark:border-white/10 p-3 relative overflow-hidden"><div class="absolute left-0 top-0 bottom-0 w-1 bg-green-500"></div><div class="flex gap-2 items-center mb-1"><div class="w-4 h-4 rounded-full bg-green-100 dark:bg-green-500/20 flex items-center justify-center text-green-600 dark:text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><div class="text-xs font-bold text-gray-900 dark:text-white">Your Manufacturer</div></div><div class="text-[10px] text-gray-500 dark:text-slate-400 pl-6">Top Result</div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-purple-50 dark:bg-purple-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-purple-50 dark:bg-purple-500/15 rounded-xl flex items-center justify-center border border-purple-100/50 dark:border-purple-400/20"><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-down text-purple-600 dark:text-purple-400 transform scale-y-[-1]" aria-hidden="true"><path d="M16 17h6v-6"></path><path d="m22 17-8.5-8.5-5 5L2 7"></path></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Performance Monitoring</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Track every metric that matters for your growth.</p></div><div class="absolute -right-2 -bottom-2 w-52 h-44 flex items-center justify-center transform group-hover:translate-x-[-10px] transition-transform duration-500 z-10"><div class="w-full bg-white dark:bg-ink-raised rounded-xl shadow-[0_10px_30px_rgba(0,0,0,0.08)] border border-gray-100 dark:border-white/10 p-4"><p class="text-[10px] font-bold text-gray-500 dark:text-slate-400 mb-1">Growth Overview</p><p class="text-xl font-bold text-green-500 mb-1">+48%</p><p class="text-[10px] text-gray-400 dark:text-slate-500 mb-3">This Month</p><div class="w-full h-12 relative overflow-hidden"><svg viewBox="0 0 100 40" class="w-full h-full overflow-visible" preserveAspectRatio="none"><defs><linearGradient id="chartGradient" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#3b82f6" stop-opacity="0.3"></stop><stop offset="100%" stop-color="#3b82f6" stop-opacity="0"></stop></linearGradient></defs><path d="M 0,40 L 0,30 Q 15,35 30,20 T 60,15 T 100,5 L 100,40 Z" fill="url(#chartGradient)"></path><path d="M 0,30 Q 15,35 30,20 T 60,15 T 100,5" fill="none" stroke="#2563eb" stroke-width="3" stroke-linecap="round"></path><circle cx="100" cy="5" r="3" fill="#2563eb"></circle></svg></div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-pink-50 dark:bg-pink-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-pink-50 dark:bg-pink-500/15 rounded-xl flex items-center justify-center border border-pink-100/50 dark:border-pink-400/20"><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-pen-tool text-pink-500" aria-hidden="true"><path d="M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z"></path><path d="m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18"></path><path d="m2.3 2.3 7.286 7.286"></path><circle cx="11" cy="11" r="2"></circle></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Creative Design</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Modern designs that build your brand.</p></div><div class="absolute -right-4 -bottom-6 w-52 h-44 flex items-center justify-center transform group-hover:scale-105 transition-transform duration-500 z-10"><div class="relative w-full h-full transform -rotate-12 translate-y-4"><div class="absolute w-40 h-28 bg-white dark:bg-ink-raised rounded-xl shadow-lg border border-gray-200 dark:border-white/10 left-4 top-4 p-2 overflow-hidden"><div class="w-full h-8 bg-purple-100 dark:bg-purple-500/20 rounded-md mb-2 flex items-center px-2"><div class="w-4 h-4 rounded-full bg-purple-300 dark:bg-purple-400/40"></div></div><div class="w-full h-12 bg-gray-50 dark:bg-white/5 rounded-md"></div></div><div class="absolute w-40 h-28 bg-white dark:bg-ink-raised rounded-xl shadow-xl shadow-purple-500/10 border border-gray-100 dark:border-white/10 left-8 top-10 p-2 overflow-hidden flex gap-2"><div class="w-1/3 h-full bg-blue-50 dark:bg-blue-500/15 rounded-md"></div><div class="w-2/3 h-full flex flex-col gap-2"><div class="w-full h-4 bg-gray-100 dark:bg-white/10 rounded-sm"></div><div class="w-full flex-1 bg-gray-50 dark:bg-white/5 rounded-md"></div></div></div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-green-50 dark:bg-green-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-green-50 dark:bg-green-500/15 rounded-xl flex items-center justify-center border border-green-100/50 dark:border-green-400/20"><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-refresh-ccw text-green-500" aria-hidden="true"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 16h5v5"></path></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Festival Updates</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Stay relevant with timely campaigns.</p></div><div class="absolute -right-2 -bottom-2 w-48 h-44 flex items-center justify-center transform group-hover:-translate-y-2 transition-transform duration-500 z-10"><div class="relative w-32 h-32 bg-white dark:bg-ink-raised rounded-2xl shadow-xl shadow-orange-500/10 border border-gray-100 dark:border-white/10 flex flex-col overflow-hidden"><div class="h-8 bg-gradient-to-r from-orange-400 to-orange-500 w-full flex justify-between px-4 pt-1"><div class="w-2 h-4 bg-white/50 rounded-b-sm"></div><div class="w-2 h-4 bg-white/50 rounded-b-sm"></div></div><div class="flex-1 flex flex-col items-center justify-center bg-gray-50/50 dark:bg-white/5"><div class="text-3xl font-bold font-heading text-gray-800 dark:text-slate-100 leading-none">26</div><div class="text-sm font-bold text-gray-500 dark:text-slate-400 uppercase tracking-widest">Jan</div></div></div><div class="absolute -left-4 bottom-4 w-12 h-12 bg-[#FF9933] rounded-lg shadow-lg rotate-[-15deg] border-2 border-white flex items-center justify-center"><div class="w-full h-1 bg-white/30"></div><div class="absolute w-1 h-full bg-white/30"></div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-blue-50 dark:bg-blue-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-blue-50 dark:bg-blue-500/15 rounded-xl flex items-center justify-center border border-blue-100/50 dark:border-blue-400/20"><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-chart-column text-blue-500" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Analytics Dashboard</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Clear insights to make smarter decisions.</p></div><div class="absolute -right-2 -bottom-2 w-52 h-44 flex items-center justify-center transform group-hover:scale-105 transition-transform duration-500 z-10"><div class="bg-white dark:bg-ink-raised p-4 rounded-xl shadow-lg border border-gray-50 dark:border-white/10 w-full flex flex-col gap-4"><div class="flex gap-4 items-center"><div><p class="text-[10px] text-gray-400 dark:text-slate-500">Leads</p><p class="text-lg font-bold text-gray-900 dark:text-white leading-tight">1,250</p></div><div class="ml-auto w-12 h-12 rounded-full border-[6px] border-gray-100 dark:border-white/10 relative"><svg viewBox="0 0 36 36" class="w-full h-full absolute -top-[6px] -left-[6px] w-[calc(100%+12px)] h-[calc(100%+12px)] transform -rotate-90"><path stroke-dasharray="75, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831" fill="none" stroke="#3b82f6" stroke-width="6"></path></svg></div></div><div class="flex items-end gap-2 h-12"><div class="w-4 bg-blue-100 rounded-t-sm h-[30%]"></div><div class="w-4 bg-blue-200 rounded-t-sm h-[50%]"></div><div class="w-4 bg-blue-300 rounded-t-sm h-[40%]"></div><div class="w-4 bg-blue-400 rounded-t-sm h-[70%]"></div><div class="w-4 bg-blue-500 rounded-t-sm h-[100%]"></div></div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="bg-white dark:bg-ink-card rounded-3xl p-8 border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_40px_rgba(37,99,235,0.08)] transition-all duration-300 group flex flex-col h-[320px] relative overflow-hidden"><div class="absolute right-0 top-1/2 -translate-y-1/2 w-48 h-48 bg-purple-50 dark:bg-purple-500/20 rounded-full blur-[50px] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex items-start justify-between relative z-10 w-full mb-3"><div class="w-12 h-12 bg-purple-50 dark:bg-purple-500/15 rounded-xl flex items-center justify-center border border-purple-100/50 dark:border-purple-400/20"><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-headset text-purple-600 dark:text-purple-400" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path><path d="M21 16v2a4 4 0 0 1-4 4h-5"></path></svg></div></div><div class="relative z-10 w-2/3"><h3 class="font-heading font-bold text-xl text-gray-900 dark:text-white mb-2">Dedicated Support</h3><p class="text-sm font-medium text-gray-500 dark:text-slate-300 leading-relaxed max-w-[180px]">Real people. Real help. Always by your side.</p></div><div class="absolute -right-4 -bottom-2 w-52 h-44 flex items-center justify-center transform group-hover:rotate-[-5deg] transition-transform duration-500 z-10"><div class="relative w-32 h-32 flex items-center justify-center"><div class="absolute w-24 h-24 rounded-full border-4 border-gray-800 dark:border-slate-500 bg-gray-100 dark:bg-slate-300 shadow-xl overflow-hidden relative"><div class="w-32 h-32 absolute -left-4 -top-8 bg-gray-200 dark:bg-slate-400 rounded-full"></div><div class="w-8 h-12 bg-gray-700 dark:bg-slate-600 absolute left-2 top-6 rounded-3xl"></div><div class="w-4 h-16 bg-gray-300 dark:bg-slate-500 absolute left-4 bottom-0 rotate-45 transform origin-top-left rounded-full"></div></div><div class="absolute -left-6 bottom-4 bg-white dark:bg-ink-raised rounded-full px-3 py-1.5 shadow-md flex items-center gap-1.5 text-[10px] font-bold text-gray-800 dark:text-slate-100 border border-transparent dark:border-white/10"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span> <!-- -->We&#x27;re Online</div></div></div><button class="absolute bottom-6 right-6 w-10 h-10 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 rounded-full flex items-center justify-center transition-all duration-300 group-hover:bg-primary z-20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right text-gray-400 dark:text-slate-500 group-hover:text-white transition-colors" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="max-w-[1200px] mx-auto bg-white dark:bg-ink-card rounded-3xl lg:rounded-full border border-gray-200 dark:border-white/10 p-4 shadow-sm flex flex-wrap lg:flex-nowrap items-center justify-between gap-4"><div class="flex items-center gap-3 px-4 lg:border-r border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users text-primary dark:text-blue-400 stroke-[1.5]" 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 class="flex flex-col"><span class="text-sm font-extrabold text-gray-900 dark:text-white leading-tight">50+</span><span class="text-xs text-gray-500 dark:text-slate-400 font-medium">Manufacturers Trust Us</span></div></div><div class="flex items-center gap-3 px-4 lg:border-r border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-primary dark:text-blue-400 stroke-[1.5]" 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><path d="m9 12 2 2 4-4"></path></svg><div class="flex flex-col"><span class="text-sm font-extrabold text-gray-900 dark:text-white leading-tight">99.9%</span><span class="text-xs text-gray-500 dark:text-slate-400 font-medium">Uptime Guaranteed</span></div></div><div class="flex items-center gap-3 px-4 lg:border-r border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 text-primary dark:text-blue-400 stroke-[1.5]" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg><div class="flex flex-col"><span class="text-sm font-extrabold text-gray-900 dark:text-white leading-tight">Meta</span><span class="text-xs text-gray-500 dark:text-slate-400 font-medium">Ads Experts</span></div></div><div class="flex items-center gap-3 px-4 lg:border-r border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headset text-primary dark:text-blue-400 stroke-[1.5]" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path><path d="M21 16v2a4 4 0 0 1-4 4h-5"></path></svg><div class="flex flex-col"><span class="text-sm font-extrabold text-gray-900 dark:text-white leading-tight">24/7</span><span class="text-xs text-gray-500 dark:text-slate-400 font-medium">Dedicated Support</span></div></div><div class="flex items-center gap-3 px-4 "><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary dark:text-blue-400 stroke-[1.5]" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg><div class="flex flex-col"><span class="text-sm font-extrabold text-gray-900 dark:text-white leading-tight">100%</span><span class="text-xs text-gray-500 dark:text-slate-400 font-medium">Secure</span></div></div></div></div></section><section class="py-24 bg-gray-50/50 dark:bg-white/[0.02] relative overflow-hidden"><div class="max-w-[95%] 2xl:max-w-[1500px] w-full mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-4xl mx-auto mb-20 flex flex-col items-center"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50 dark:bg-blue-500/10 border border-blue-100 dark:border-blue-400/20 text-blue-600 dark:text-blue-400 font-bold text-sm tracking-wide mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check fill-blue-600 text-white" 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><path d="m9 12 2 2 4-4"></path></svg>DONE-FOR-YOU PROCESS</div><h2 class="text-4xl md:text-6xl font-heading font-extrabold tracking-tight mb-6 text-gray-900 dark:text-white">We Handle Everything.<br/>You Get<!-- --> <span class="text-primary dark:text-blue-400">More Business.</span></h2><p class="text-xl text-gray-500 dark:text-slate-400 font-medium max-w-2xl">Our simple 5-step process takes care of your entire digital presence</p></div><div class="relative"><div class="hidden lg:block absolute top-[200px] left-[10%] right-[10%] h-[1px] bg-gray-200 dark:bg-white/10 border-t border-dashed border-gray-300 dark:border-white/15"></div><div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-4 xl:gap-6 gap-y-12"><div class="relative flex flex-col z-10" style="opacity:0;transform:translateY(30px)"><div class="hidden lg:flex absolute top-[190px] -right-4 w-8 h-8 bg-white dark:bg-ink-card border border-gray-200 dark:border-white/10 rounded-full items-center justify-center text-primary dark:text-blue-400 z-20 shadow-sm translate-y-[-50%] translate-x-[50%]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right stroke-[3]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex-1 bg-white dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_10px_40px_rgba(0,0,0,0.03)] p-5 md:p-6 2xl:p-8 hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all flex flex-col h-full relative group hover:-translate-y-1"><div class="w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary dark:text-blue-400 font-bold font-heading flex items-center justify-center text-sm tracking-widest mb-5 shrink-0">01</div><h4 class="font-heading font-extrabold text-lg xl:text-xl 2xl:text-2xl text-gray-900 dark:text-white mb-2 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">Choose Package</h4><p class="text-sm 2xl:text-base font-medium text-gray-500 dark:text-slate-300 mb-6 flex-grow">Pick the perfect plan that fits your goals.</p><div class="mb-6 w-full"><div class="w-full h-40 bg-gradient-to-b from-gray-50 to-white/50 dark:from-white/5 dark:to-transparent rounded-2xl relative overflow-hidden flex items-center justify-center p-4"><div class="w-full max-w-[160px] bg-white dark:bg-ink-raised rounded-xl shadow-sm border border-gray-100 dark:border-white/10 flex flex-col p-4 transform transition-transform hover:-translate-y-1"><div class="w-full h-7 border border-blue-200 dark:border-blue-400/30 bg-blue-500 rounded-lg text-white font-bold text-[10px] flex items-center px-3 mb-3 justify-between">STARTER</div><div class="text-2xl font-bold font-heading text-gray-800 dark:text-white mb-3 tracking-tight">₹5,000<span class="text-xs text-gray-500 dark:text-slate-400 font-normal">/mo</span></div><div class="space-y-2 mb-3"><div class="w-full h-2 bg-gray-100 dark:bg-white/10 rounded-full"></div><div class="w-4/5 h-2 bg-gray-100 dark:bg-white/10 rounded-full"></div></div><div class="absolute -bottom-3 -right-3 w-12 h-12 bg-primary rounded-full shadow-lg flex items-center justify-center border-4 border-white dark:border-ink-raised"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-white fill-current" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div></div></div></div><div class="mt-auto pt-6 border-t border-gray-50 dark:border-white/10 flex items-center gap-3"><div class="mt-0.5 text-primary bg-white dark:bg-ink-raised rounded-lg p-1.5 shadow-sm border border-gray-100 dark:border-white/10 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check fill-current text-white border-2 border-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><path d="m9 12 2 2 4-4"></path></svg></div><div><p class="text-[13px] 2xl:text-sm font-bold text-gray-900 dark:text-white leading-tight block">Transparent Pricing</p><p class="text-[11px] 2xl:text-xs font-semibold text-gray-400 dark:text-slate-500 mt-0.5">No Hidden Charges</p></div></div></div></div><div class="relative flex flex-col z-10" style="opacity:0;transform:translateY(30px)"><div class="hidden lg:flex absolute top-[190px] -right-4 w-8 h-8 bg-white dark:bg-ink-card border border-gray-200 dark:border-white/10 rounded-full items-center justify-center text-primary dark:text-blue-400 z-20 shadow-sm translate-y-[-50%] translate-x-[50%]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right stroke-[3]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex-1 bg-white dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_10px_40px_rgba(0,0,0,0.03)] p-5 md:p-6 2xl:p-8 hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all flex flex-col h-full relative group hover:-translate-y-1"><div class="w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary dark:text-blue-400 font-bold font-heading flex items-center justify-center text-sm tracking-widest mb-5 shrink-0">02</div><h4 class="font-heading font-extrabold text-lg xl:text-xl 2xl:text-2xl text-gray-900 dark:text-white mb-2 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">Send Info</h4><p class="text-sm 2xl:text-base font-medium text-gray-500 dark:text-slate-300 mb-6 flex-grow">Share your business details and content.</p><div class="mb-6 w-full"><div class="w-full h-40 bg-gradient-to-b from-gray-50 to-white/50 dark:from-white/5 dark:to-transparent rounded-2xl relative overflow-hidden flex flex-col items-center justify-end pb-4 group"><div class="relative w-28 h-24 bg-amber-400 rounded-xl shadow-lg flex items-end justify-center transform transition-transform group-hover:scale-105"><div class="absolute -top-8 left-1/2 -translate-x-1/2 w-20 h-20 transition-all duration-500 group-hover:-translate-y-3"><div class="w-full h-full bg-white dark:bg-ink-raised rounded shadow-sm border border-gray-100 dark:border-white/10 p-2 rotate-[-12deg] absolute left-[-15px] top-[10px]"><div class="w-full h-8 bg-blue-100 dark:bg-blue-500/20 rounded mb-1.5"></div><div class="w-full h-1.5 bg-gray-200 dark:bg-white/10 rounded-full mb-1"></div><div class="w-3/4 h-1.5 bg-gray-200 dark:bg-white/10 rounded-full"></div></div><div class="w-full h-full bg-white dark:bg-ink-raised rounded shadow-md border border-gray-100 dark:border-white/10 p-2 rotate-[6deg] absolute left-[15px] top-[5px]"><div class="w-full h-8 bg-gray-100 dark:bg-white/10 rounded mb-1.5 flex items-center justify-center font-bold text-gray-300 dark:text-slate-600 text-xs text-center border-2 border-dashed border-gray-200 dark:border-white/15">IMG</div><div class="w-full h-1.5 bg-gray-200 dark:bg-white/10 rounded-full mb-1"></div><div class="w-3/4 h-1.5 bg-gray-200 dark:bg-white/10 rounded-full"></div></div></div><div class="w-full h-16 bg-amber-500 rounded-b-xl rounded-tr-xl shadow-sm border-t border-amber-300 relative z-10 flex items-center justify-center"><div class="w-10 h-8 bg-white/95 rounded-md border border-amber-300 shadow-sm flex items-center justify-center"><div class="w-0 h-0 border-l-[8px] border-r-[8px] border-b-[10px] border-l-transparent border-r-transparent border-b-primary drop-shadow-sm"></div></div></div></div></div></div><div class="mt-auto pt-6 border-t border-gray-50 dark:border-white/10 flex items-center gap-3"><div class="mt-0.5 text-primary bg-white dark:bg-ink-raised rounded-lg p-1.5 shadow-sm border border-gray-100 dark:border-white/10 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text fill-current text-white border-2 border-transparent" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div><p class="text-[13px] 2xl:text-sm font-bold text-gray-900 dark:text-white leading-tight block">Easy &amp; Quick</p><p class="text-[11px] 2xl:text-xs font-semibold text-gray-400 dark:text-slate-500 mt-0.5">We Guide You</p></div></div></div></div><div class="relative flex flex-col z-10" style="opacity:0;transform:translateY(30px)"><div class="hidden lg:flex absolute top-[190px] -right-4 w-8 h-8 bg-white dark:bg-ink-card border border-gray-200 dark:border-white/10 rounded-full items-center justify-center text-primary dark:text-blue-400 z-20 shadow-sm translate-y-[-50%] translate-x-[50%]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right stroke-[3]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex-1 bg-white dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_10px_40px_rgba(0,0,0,0.03)] p-5 md:p-6 2xl:p-8 hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all flex flex-col h-full relative group hover:-translate-y-1"><div class="w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary dark:text-blue-400 font-bold font-heading flex items-center justify-center text-sm tracking-widest mb-5 shrink-0">03</div><h4 class="font-heading font-extrabold text-lg xl:text-xl 2xl:text-2xl text-gray-900 dark:text-white mb-2 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">We Build</h4><p class="text-sm 2xl:text-base font-medium text-gray-500 dark:text-slate-300 mb-6 flex-grow">We design, develop and set everything up.</p><div class="mb-6 w-full"><div class="w-full h-40 bg-gradient-to-b from-gray-50 to-white/50 dark:from-white/5 dark:to-transparent rounded-2xl relative overflow-hidden flex items-center justify-center group p-4"><div class="w-full h-full max-w-[160px] bg-white dark:bg-ink-raised rounded-xl shadow-[0_5px_15px_rgba(0,0,0,0.06)] border border-gray-100 dark:border-white/10 flex flex-col overflow-hidden relative z-10 transform transition-transform group-hover:-translate-y-2"><div class="h-6 bg-gray-800 w-full flex items-center px-3 gap-1.5"><div class="w-2 h-2 rounded-full bg-[#ff5f56]"></div><div class="w-2 h-2 rounded-full bg-[#ffbd2e]"></div><div class="w-2 h-2 rounded-full bg-[#27c93f]"></div></div><div class="flex-1 p-3 flex flex-col gap-3 object-cover"><div class="w-full h-12 bg-blue-50/80 dark:bg-blue-500/15 rounded-md flex items-center justify-center relative overflow-hidden"><div class="w-8 h-8 bg-blue-100 dark:bg-blue-500/25 rounded absolute -left-2 -top-2 opacity-60 transform rotate-12"></div><div class="w-8 h-8 bg-blue-100 dark:bg-blue-500/25 rounded absolute -right-2 -bottom-2 opacity-60 transform -rotate-12"></div><div class="w-8 h-6 bg-primary/20 dark:bg-blue-400/30 rounded shadow-sm"></div></div><div class="space-y-1.5"><div class="w-full h-2 bg-gray-100 dark:bg-white/10 rounded-full"></div><div class="w-full h-2 bg-gray-100 dark:bg-white/10 rounded-full"></div><div class="w-2/3 h-2 bg-gray-100 dark:bg-white/10 rounded-full"></div></div></div><div class="absolute -bottom-3 -right-3 w-12 h-12 bg-blue-900 rounded-full shadow-lg flex items-center justify-center border-4 border-white dark:border-ink-raised animate-spin" style="animation-duration:4s"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-white" aria-hidden="true"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></div></div></div></div><div class="mt-auto pt-6 border-t border-gray-50 dark:border-white/10 flex items-center gap-3"><div class="mt-0.5 text-primary bg-white dark:bg-ink-raised rounded-lg p-1.5 shadow-sm border border-gray-100 dark:border-white/10 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code fill-current text-white border-2 border-transparent" aria-hidden="true"><path d="m16 18 6-6-6-6"></path><path d="m8 6-6 6 6 6"></path></svg></div><div><p class="text-[13px] 2xl:text-sm font-bold text-gray-900 dark:text-white leading-tight block">Professional Setup</p><p class="text-[11px] 2xl:text-xs font-semibold text-gray-400 dark:text-slate-500 mt-0.5">Quality Guaranteed</p></div></div></div></div><div class="relative flex flex-col z-10" style="opacity:0;transform:translateY(30px)"><div class="hidden lg:flex absolute top-[190px] -right-4 w-8 h-8 bg-white dark:bg-ink-card border border-gray-200 dark:border-white/10 rounded-full items-center justify-center text-primary dark:text-blue-400 z-20 shadow-sm translate-y-[-50%] translate-x-[50%]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right stroke-[3]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div><div class="flex-1 bg-white dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_10px_40px_rgba(0,0,0,0.03)] p-5 md:p-6 2xl:p-8 hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all flex flex-col h-full relative group hover:-translate-y-1"><div class="w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary dark:text-blue-400 font-bold font-heading flex items-center justify-center text-sm tracking-widest mb-5 shrink-0">04</div><h4 class="font-heading font-extrabold text-lg xl:text-xl 2xl:text-2xl text-gray-900 dark:text-white mb-2 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">Launch</h4><p class="text-sm 2xl:text-base font-medium text-gray-500 dark:text-slate-300 mb-6 flex-grow">Your website goes live and starts working.</p><div class="mb-6 w-full"><div class="w-full h-40 bg-gradient-to-b from-gray-50 to-white/50 dark:from-white/5 dark:to-transparent rounded-2xl relative overflow-hidden flex items-center justify-center group p-4"><div class="w-full h-full max-w-[160px] bg-white dark:bg-ink-raised rounded-xl shadow-[0_5px_15px_rgba(0,0,0,0.06)] border border-gray-100 dark:border-white/10 flex flex-col overflow-hidden relative transform transition-transform group-hover:scale-105"><div class="h-6 bg-gray-100 dark:bg-white/10 w-full flex items-center px-3 gap-1.5 border-b border-gray-200 dark:border-white/10"><div class="w-2 h-2 rounded-full bg-gray-300 dark:bg-white/15"></div><div class="w-2 h-2 rounded-full bg-gray-300 dark:bg-white/15"></div><div class="w-2 h-2 rounded-full bg-gray-300 dark:bg-white/15"></div></div><div class="flex-1 bg-white dark:bg-ink-raised flex flex-col items-center justify-center p-2 relative"><div class="w-16 h-16 bg-green-500 rounded-2xl shadow-lg shadow-green-200 dark:shadow-green-500/20 flex items-center justify-center mb-2 border-4 border-white dark:border-ink-raised transform hover:rotate-[-5deg] transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-white" 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><path d="m9 12 2 2 4-4"></path></svg></div><div class="text-sm font-extrabold font-heading text-green-600 dark:text-green-400 tracking-widest">LIVE</div></div></div></div></div><div class="mt-auto pt-6 border-t border-gray-50 dark:border-white/10 flex items-center gap-3"><div class="mt-0.5 text-green-500 bg-white dark:bg-ink-raised rounded-lg p-1.5 shadow-sm border border-gray-100 dark:border-white/10 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket fill-current text-white border-2 border-transparent" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg></div><div><p class="text-[13px] 2xl:text-sm font-bold text-gray-900 dark:text-white leading-tight block">Website Live</p><p class="text-[11px] 2xl:text-xs font-semibold text-gray-400 dark:text-slate-500 mt-0.5">Fast &amp; Secure</p></div></div></div></div><div class="relative flex flex-col z-10" style="opacity:0;transform:translateY(30px)"><div class="flex-1 bg-white dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] dark:hover:border-blue-400/30 shadow-[0_10px_40px_rgba(0,0,0,0.03)] p-5 md:p-6 2xl:p-8 hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] transition-all flex flex-col h-full relative group hover:-translate-y-1"><div class="w-10 h-10 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary dark:text-blue-400 font-bold font-heading flex items-center justify-center text-sm tracking-widest mb-5 shrink-0">05</div><h4 class="font-heading font-extrabold text-lg xl:text-xl 2xl:text-2xl text-gray-900 dark:text-white mb-2 group-hover:text-primary dark:group-hover:text-blue-400 transition-colors">Ongoing Growth</h4><p class="text-sm 2xl:text-base font-medium text-gray-500 dark:text-slate-300 mb-6 flex-grow">We bring leads, run ads and grow your business.</p><div class="mb-6 w-full"><div class="w-full h-40 bg-gradient-to-b from-gray-50 to-white/50 dark:from-white/5 dark:to-transparent rounded-2xl relative overflow-hidden flex items-end justify-center p-4"><div class="flex items-end justify-center gap-2.5 w-full max-w-[130px] h-full relative z-10 pt-8 pb-3"><div class="absolute top-4 left-0 right-[-10px] h-full w-full opacity-80 mix-blend-multiply flex pointer-events-none"><svg viewBox="0 0 100 100" class="w-full h-full drop-shadow-md overflow-visible" preserveAspectRatio="none"><path d="M 0,80 Q 40,70 100,10" fill="transparent" stroke="#22c55e" stroke-width="5" stroke-linecap="round"></path><path d="M 75,10 L 100,10 L 100,35" fill="transparent" stroke="#22c55e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="w-8 bg-blue-500 rounded-t-md shadow-sm opacity-80" style="height:0px"></div><div class="w-8 bg-blue-600 rounded-t-md shadow-md opacity-90" style="height:0px"></div><div class="w-8 bg-blue-700 rounded-t-md shadow-lg" style="height:0px"></div></div></div></div><div class="mt-auto pt-6 border-t border-gray-50 dark:border-white/10 flex items-center gap-3"><div class="mt-0.5 text-green-500 bg-white dark:bg-ink-raised rounded-lg p-1.5 shadow-sm border border-gray-100 dark:border-white/10 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up fill-current text-white border-2 border-transparent" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div><p class="text-[13px] 2xl:text-sm font-bold text-gray-900 dark:text-white leading-tight block">More Leads</p><p class="text-[11px] 2xl:text-xs font-semibold text-gray-400 dark:text-slate-500 mt-0.5">More Sales</p></div></div></div></div></div></div><div class="mt-24 max-w-[90%] 2xl:max-w-6xl mx-auto"><div class="bg-white dark:bg-ink-card border border-gray-100 dark:border-white/[0.07] rounded-3xl md:rounded-2xl lg:rounded-full px-6 md:px-10 py-8 lg:py-5 flex flex-col md:flex-row flex-wrap lg:flex-nowrap gap-8 lg:gap-0 justify-between items-center shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_12px_40px_rgb(0,0,0,0.06)] transition-shadow duration-300"><div class="flex w-full sm:w-[45%] lg:w-auto items-center justify-center lg:justify-start gap-4 px-2 lg:px-6 lg:border-r border-gray-100 dark:border-white/10"><div class="w-14 h-14 shrink-0 rounded-full bg-blue-50/50 dark:bg-blue-500/10 shadow-sm border border-gray-50 dark:border-white/10 flex items-center justify-center text-primary dark:text-blue-400 group-hover:bg-blue-50 dark:group-hover:bg-blue-500/15 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check fill-current text-white border-2 border-transparent drop-shadow-sm" 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><path d="m9 12 2 2 4-4"></path></svg></div><div class="flex-1 lg:flex-none"><p class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-1">50+ Manufacturers</p><p class="text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-wider">Trust Us</p></div></div><div class="flex w-full sm:w-[45%] lg:w-auto items-center justify-center lg:justify-start gap-4 px-2 lg:px-6 lg:border-r border-gray-100 dark:border-white/10"><div class="w-14 h-14 shrink-0 rounded-full bg-blue-50/50 dark:bg-blue-500/10 shadow-sm border border-gray-50 dark:border-white/10 flex items-center justify-center text-primary dark:text-blue-400 group-hover:bg-blue-50 dark:group-hover:bg-blue-500/15 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock fill-current text-white border-2 border-transparent drop-shadow-sm" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div class="flex-1 lg:flex-none"><p class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-1">99.9% Uptime</p><p class="text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-wider">Guaranteed</p></div></div><div class="flex w-full sm:w-[45%] lg:w-auto items-center justify-center lg:justify-start gap-4 px-2 lg:px-6 lg:border-r border-gray-100 dark:border-white/10"><div class="w-14 h-14 shrink-0 rounded-full bg-blue-50/50 dark:bg-blue-500/10 shadow-sm border border-gray-50 dark:border-white/10 flex items-center justify-center text-primary dark:text-blue-400 group-hover:bg-blue-50 dark:group-hover:bg-blue-500/15 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headset fill-current text-white border-2 border-transparent drop-shadow-sm" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path><path d="M21 16v2a4 4 0 0 1-4 4h-5"></path></svg></div><div class="flex-1 lg:flex-none"><p class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-1">Dedicated Support</p><p class="text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-wider">Always Here</p></div></div><div class="flex w-full sm:w-[45%] lg:w-auto items-center justify-center lg:justify-start gap-4 px-2 lg:px-6 "><div class="w-14 h-14 shrink-0 rounded-full bg-blue-50/50 dark:bg-blue-500/10 shadow-sm border border-gray-50 dark:border-white/10 flex items-center justify-center text-green-500 group-hover:bg-blue-50 dark:group-hover:bg-blue-500/15 transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check fill-current text-white border-2 border-transparent drop-shadow-sm" 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><path d="m9 12 2 2 4-4"></path></svg></div><div class="flex-1 lg:flex-none"><p class="text-[15px] font-extrabold text-gray-900 dark:text-white leading-tight mb-1">100% Managed</p><p class="text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-wider">End-to-End</p></div></div></div></div></div></section></div><div class="bg-[#FAFAFA] dark:bg-ink"><section class="py-24" id="industries"><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center max-w-3xl mx-auto mb-16"><h2 class="text-3xl md:text-5xl font-heading font-extrabold text-gray-900 dark:text-white tracking-tight mb-6">Specialized for Gujarat Industries</h2><p class="text-lg text-gray-500 dark:text-slate-400 font-medium">We understand local manufacturing. Your digital presence will reflect your exact capabilities.</p></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6"><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical" aria-hidden="true"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path><path d="M6.453 15h11.094"></path><path d="M8.5 2h7"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Bottle Manufacturers</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Packaging Companies</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Plastic Industries</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors" aria-hidden="true"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Textile Manufacturers</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Engineering Units</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-microscope" aria-hidden="true"><path d="M6 18h8"></path><path d="M3 22h18"></path><path d="M14 22a7 7 0 1 0 0-14h-1"></path><path d="M9 14h2"></path><path d="M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z"></path><path d="M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Chemical Industries</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Industrial Equipment</span></div><div class="bg-white dark:bg-ink-card rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] shadow-sm flex flex-col items-center text-center gap-4 hover:shadow-md dark:hover:border-blue-400/30 transition-all group cursor-default" style="opacity:0;transform:scale(0.95)"><div class="w-14 h-14 rounded-full bg-blue-50 dark:bg-blue-500/10 text-primary flex items-center justify-center group-hover:bg-primary group-hover:text-white transition-colors duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></div><span class="font-heading font-semibold text-gray-900 dark:text-white">Custom Manufacturing</span></div></div></div></section><section class="py-28 lg:py-32 bg-[#FAFAFA] md:bg-white dark:bg-ink dark:md:bg-ink relative overflow-hidden" id="testimonials"><div class="absolute top-0 inset-x-0 h-[300px] bg-gradient-to-b from-[#FAFAFA] to-transparent dark:from-ink dark:to-transparent pointer-events-none"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_55%_45%_at_50%_15%,rgba(37,99,235,0.05),transparent)] dark:bg-[radial-gradient(ellipse_55%_45%_at_50%_15%,rgba(37,99,235,0.14),transparent)] pointer-events-none"></div><div class="absolute inset-0 [background-image:radial-gradient(rgba(37,99,235,0.10)_1px,transparent_1px)] dark:[background-image:radial-gradient(rgba(255,255,255,0.05)_1px,transparent_1px)] [background-size:26px_26px] [mask-image:radial-gradient(ellipse_70%_60%_at_50%_40%,black,transparent)] pointer-events-none"></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-4xl mx-auto mb-16 lg:mb-20 flex flex-col items-center"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50 dark:bg-blue-500/10 border border-blue-100/50 dark:border-blue-400/20 shadow-[0_2px_10px_rgba(37,99,235,0.05)] text-primary font-bold text-sm mb-8 uppercase tracking-wide" style="opacity:0;transform:translateY(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check" 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><path d="m9 12 2 2 4-4"></path></svg>Trusted By Manufacturers</div><h2 class="text-4xl md:text-5xl lg:text-6xl font-heading font-extrabold text-gray-900 dark:text-white tracking-tight mb-8" style="opacity:0;transform:translateY(10px)">Trusted by Manufacturers<!-- --> <span class="font-accent italic font-normal text-[1.1em] text-transparent bg-clip-text bg-gradient-to-r from-primary to-blue-400">Across Gujarat</span></h2><div class="relative inline-block" style="opacity:0;transform:translateY(10px)"><p class="text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium">Real results. Real growth. Real stories.</p><svg class="absolute -bottom-6 left-1/2 -translate-x-1/2 w-48 text-orange-400 opacity-90" viewBox="0 0 200 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 15.5C45.5 5.5 120.5 -2.5 197.5 12.5" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path></svg></div></div><div><div class="hidden lg:block relative mx-auto mb-20" style="perspective:1600px"><div class="relative h-[560px] xl:h-[600px] mx-auto max-w-[1100px]" style="transform-style:preserve-3d"><div class="absolute left-[-2%] top-[2%] w-[280px] pointer-events-none" style="filter:blur(1.5px);opacity:0.55"><div style="transform-style:preserve-3d;will-change:transform;transform:translateZ(-120px) scale(0.84) rotateX(6deg) rotateY(18deg)"><div class="rounded-3xl bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(15,23,42,0.10)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] p-6"><div class="flex text-amber-400 gap-0.5 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><p class="text-[14px] leading-relaxed text-gray-600 dark:text-slate-300 font-medium line-clamp-4 mb-4">“<!-- -->Our packaging business completely transformed. The quality of leads is much higher, and we no longer rely purely on word-of-mouth. The dashboard is fantastic.<!-- -->”</p><div class="flex items-center gap-3"><img src="https://i.pravatar.cc/150?u=amit-shah-packaging" alt="Amit Shah" class="w-9 h-9 rounded-full object-cover border border-gray-100 dark:border-white/10 shrink-0"/><div class="min-w-0"><p class="text-[13px] font-heading font-bold text-gray-900 dark:text-white truncate">Amit Shah</p><p class="text-[11px] text-gray-500 dark:text-slate-400 truncate">Founder, Shah Packaging</p></div></div></div></div></div><div class="absolute right-[-2%] top-[0%] w-[290px] pointer-events-none" style="filter:blur(2px);opacity:0.55"><div style="transform-style:preserve-3d;will-change:transform;transform:translateZ(-140px) scale(0.82) rotateX(6deg) rotateY(-18deg)"><div class="rounded-3xl bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(15,23,42,0.10)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] p-6"><div class="flex text-amber-400 gap-0.5 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><p class="text-[14px] leading-relaxed text-gray-600 dark:text-slate-300 font-medium line-clamp-4 mb-4">“<!-- -->We finally have a website that looks as professional as our products. Buyers from Mumbai and Delhi now find us on Google and reach out directly for bulk orders.<!-- -->”</p><div class="flex items-center gap-3"><img src="https://i.pravatar.cc/150?u=priya-mehta-textiles" alt="Priya Mehta" class="w-9 h-9 rounded-full object-cover border border-gray-100 dark:border-white/10 shrink-0"/><div class="min-w-0"><p class="text-[13px] font-heading font-bold text-gray-900 dark:text-white truncate">Priya Mehta</p><p class="text-[11px] text-gray-500 dark:text-slate-400 truncate">Marketing Head, Mehta Textiles Pvt. Ltd.</p></div></div></div></div></div><div class="absolute left-[3%] bottom-[6%] w-[260px] pointer-events-none" style="filter:blur(1px);opacity:0.55"><div style="transform-style:preserve-3d;will-change:transform;transform:translateZ(-90px) scale(0.78) rotateX(-8deg) rotateY(14deg)"><div class="rounded-3xl bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(15,23,42,0.10)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] p-6"><div class="flex text-amber-400 gap-0.5 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><p class="text-[14px] leading-relaxed text-gray-600 dark:text-slate-300 font-medium line-clamp-4 mb-4">“<!-- -->The team understood our chemical industry inside out. Their Meta and Google campaigns brought us enterprise clients we could never reach on our own.<!-- -->”</p><div class="flex items-center gap-3"><img src="https://i.pravatar.cc/150?u=kiran-desai-chemicals" alt="Kiran Desai" class="w-9 h-9 rounded-full object-cover border border-gray-100 dark:border-white/10 shrink-0"/><div class="min-w-0"><p class="text-[13px] font-heading font-bold text-gray-900 dark:text-white truncate">Kiran Desai</p><p class="text-[11px] text-gray-500 dark:text-slate-400 truncate">MD, Desai Chemicals &amp; Specialities</p></div></div></div></div></div><div class="absolute right-[3%] bottom-[4%] w-[270px] pointer-events-none" style="filter:blur(1.5px);opacity:0.55"><div style="transform-style:preserve-3d;will-change:transform;transform:translateZ(-110px) scale(0.8) rotateX(-8deg) rotateY(-14deg)"><div class="rounded-3xl bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(15,23,42,0.10)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] p-6"><div class="flex text-amber-400 gap-0.5 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><p class="text-[14px] leading-relaxed text-gray-600 dark:text-slate-300 font-medium line-clamp-4 mb-4">“<!-- -->From zero online presence to a steady stream of inquiries in three months. The end-to-end management means I can focus on production while they handle growth.<!-- -->”</p><div class="flex items-center gap-3"><img src="https://i.pravatar.cc/150?u=sanjay-trivedi-engg" alt="Sanjay Trivedi" class="w-9 h-9 rounded-full object-cover border border-gray-100 dark:border-white/10 shrink-0"/><div class="min-w-0"><p class="text-[13px] font-heading font-bold text-gray-900 dark:text-white truncate">Sanjay Trivedi</p><p class="text-[11px] text-gray-500 dark:text-slate-400 truncate">Owner, Trivedi Engineering Works</p></div></div></div></div></div><div class="absolute left-1/2 -translate-x-1/2 top-[-7%] w-[240px] hidden xl:block pointer-events-none" style="filter:blur(2.5px);opacity:0.55"><div style="transform-style:preserve-3d;will-change:transform;transform:translateZ(-170px) scale(0.7) rotateX(12deg)"><div class="rounded-3xl bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(15,23,42,0.10)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] p-6"><div class="flex text-amber-400 gap-0.5 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><p class="text-[14px] leading-relaxed text-gray-600 dark:text-slate-300 font-medium line-clamp-4 mb-4">“<!-- -->Honestly the best investment we made this year. The leads are genuine, the support is instant, and our brand finally feels premium in front of buyers.<!-- -->”</p><div class="flex items-center gap-3"><img src="https://i.pravatar.cc/150?u=neha-joshi-bottles" alt="Neha Joshi" class="w-9 h-9 rounded-full object-cover border border-gray-100 dark:border-white/10 shrink-0"/><div class="min-w-0"><p class="text-[13px] font-heading font-bold text-gray-900 dark:text-white truncate">Neha Joshi</p><p class="text-[11px] text-gray-500 dark:text-slate-400 truncate">Director, Joshi Bottle Industries</p></div></div></div></div></div><div class="absolute left-1/2 -translate-x-1/2 bottom-[-9%] w-[240px] hidden xl:block pointer-events-none" style="filter:blur(2px);opacity:0.55"><div style="transform-style:preserve-3d;will-change:transform;transform:translateZ(-150px) scale(0.72) rotateX(-12deg)"><div class="rounded-3xl bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 shadow-[0_20px_50px_rgba(15,23,42,0.10)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] p-6"><div class="flex text-amber-400 gap-0.5 mb-3"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><p class="text-[14px] leading-relaxed text-gray-600 dark:text-slate-300 font-medium line-clamp-4 mb-4">“<!-- -->We were skeptical about digital marketing for heavy machinery. Six months in, half of our new dealer enquiries come straight from the website they built.<!-- -->”</p><div class="flex items-center gap-3"><img src="https://i.pravatar.cc/150?u=manish-agarwal-equipment" alt="Manish Agarwal" class="w-9 h-9 rounded-full object-cover border border-gray-100 dark:border-white/10 shrink-0"/><div class="min-w-0"><p class="text-[13px] font-heading font-bold text-gray-900 dark:text-white truncate">Manish Agarwal</p><p class="text-[11px] text-gray-500 dark:text-slate-400 truncate">CEO, Agarwal Industrial Equipment</p></div></div></div></div></div><button type="button" aria-label="Previous testimonial" class="group absolute top-1/2 -translate-y-1/2 left-[calc(50%-280px-44px)] xl:left-[calc(50%-310px-44px)] z-30 w-12 h-12 rounded-full bg-white/95 dark:bg-ink-card border border-gray-200 dark:border-white/10 shadow-[0_8px_24px_rgba(15,23,42,0.10)] dark:shadow-[0_8px_24px_rgba(0,0,0,0.5)] flex items-center justify-center text-gray-600 dark:text-slate-300 hover:bg-primary hover:border-primary hover:text-white hover:shadow-[0_12px_30px_rgba(37,99,235,0.35)] transition-colors backdrop-blur-sm" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg></button><button type="button" aria-label="Next testimonial" class="group absolute top-1/2 -translate-y-1/2 right-[calc(50%-280px-44px)] xl:right-[calc(50%-310px-44px)] z-30 w-12 h-12 rounded-full bg-white/95 dark:bg-ink-card border border-gray-200 dark:border-white/10 shadow-[0_8px_24px_rgba(15,23,42,0.10)] dark:shadow-[0_8px_24px_rgba(0,0,0,0.5)] flex items-center justify-center text-gray-600 dark:text-slate-300 hover:bg-primary hover:border-primary hover:text-white hover:shadow-[0_12px_30px_rgba(37,99,235,0.35)] transition-colors backdrop-blur-sm" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[560px] xl:w-[620px] z-20" style="transform-style:preserve-3d"><div class="relative rounded-[2rem] bg-white dark:bg-ink-card border border-gray-100 dark:border-white/10 p-10 xl:p-12" style="transform-style:preserve-3d;box-shadow:0 40px 90px -20px rgba(37,99,235,0.18), 0 18px 40px rgba(15,23,42,0.08);opacity:0;transform:translateY(24px) scale(0.96) rotateX(-8deg)"><div class="absolute -top-px left-10 right-10 h-px bg-gradient-to-r from-transparent via-primary/40 to-transparent" aria-hidden="true"></div><div class="flex items-start justify-between mb-8"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote text-primary fill-primary opacity-20 transform -scale-x-100" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="flex items-center gap-1.5 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 px-4 py-2 rounded-full shadow-sm"><div class="flex text-amber-400 gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><span class="text-sm font-bold text-gray-700 dark:text-slate-200 ml-1">5.0</span></div></div><p class="text-[22px] xl:text-[24px] text-gray-800 dark:text-slate-100 font-medium italic leading-relaxed font-heading mb-10 min-h-[160px]">“<!-- -->Before working with them, we only received inquiries from our local network. Now we consistently receive qualified B2B leads from across India through our new website.<!-- -->”</p><div class="flex items-center justify-between gap-6 flex-wrap"><div class="flex items-center gap-4"><div class="relative w-14 h-14 rounded-full overflow-hidden bg-gray-200 dark:bg-white/10 border border-gray-100 dark:border-white/10 shadow-md shrink-0"><img src="https://i.pravatar.cc/150?u=rajesh-supreme-plastic" alt="Rajesh Patel" class="w-full h-full object-cover"/></div><div><h4 class="font-heading font-extrabold text-gray-900 dark:text-white text-[18px]">Rajesh Patel</h4><p class="text-gray-500 dark:text-slate-400 text-sm font-medium">Director, Supreme Plastic Industries</p></div></div><div class="flex items-center gap-3"><div class="flex items-center gap-2 border px-4 py-2.5 rounded-xl shrink-0 bg-blue-50/70 dark:bg-blue-500/10 border-blue-100 dark:border-blue-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box text-primary" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg><span class="text-xs font-bold text-gray-700 dark:text-slate-200 leading-tight">Plastic Manufacturing</span></div><div class="flex items-center gap-2 bg-green-50 dark:bg-green-500/10 border border-green-100 dark:border-green-400/20 px-4 py-2.5 rounded-xl shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-green-600 dark:text-green-400" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><div class="leading-tight"><span class="block text-sm font-extrabold text-green-600 dark:text-green-400 tabular-nums">+240%</span><span class="block text-[10px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Monthly Inquiries</span></div></div></div></div></div><div class="absolute -bottom-12 left-1/2 -translate-x-1/2 flex items-center gap-2.5"><button type="button" aria-label="Show testimonial 1" class="h-2.5 rounded-full transition-all duration-300 w-8 bg-primary"></button><button type="button" aria-label="Show testimonial 2" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20 hover:bg-gray-400 dark:hover:bg-white/40"></button><button type="button" aria-label="Show testimonial 3" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20 hover:bg-gray-400 dark:hover:bg-white/40"></button><button type="button" aria-label="Show testimonial 4" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20 hover:bg-gray-400 dark:hover:bg-white/40"></button><button type="button" aria-label="Show testimonial 5" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20 hover:bg-gray-400 dark:hover:bg-white/40"></button><button type="button" aria-label="Show testimonial 6" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20 hover:bg-gray-400 dark:hover:bg-white/40"></button><button type="button" aria-label="Show testimonial 7" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20 hover:bg-gray-400 dark:hover:bg-white/40"></button></div></div></div></div><div class="lg:hidden mb-16 max-w-2xl mx-auto"><div class="relative"><div class="bg-white dark:bg-ink-card rounded-[1.75rem] p-7 sm:p-9 shadow-[0_18px_50px_rgba(15,23,42,0.08)] dark:shadow-[0_20px_60px_rgba(0,0,0,0.5)] border border-gray-100 dark:border-white/10" style="opacity:0;transform:translateX(30px) scale(0.98)"><div class="flex items-start justify-between mb-6"><svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote text-primary fill-primary opacity-20 transform -scale-x-100" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="flex items-center gap-1.5 bg-gray-50 dark:bg-white/5 border border-gray-100 dark:border-white/10 px-3 py-1.5 rounded-full shadow-sm"><div class="flex text-amber-400 gap-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-current" 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><span class="text-xs font-bold text-gray-700 dark:text-slate-200 ml-1">5.0</span></div></div><p class="text-[18px] sm:text-[20px] text-gray-800 dark:text-slate-100 font-medium italic leading-relaxed font-heading mb-8">“<!-- -->Before working with them, we only received inquiries from our local network. Now we consistently receive qualified B2B leads from across India through our new website.<!-- -->”</p><div class="flex items-center gap-4 mb-6"><div class="relative w-12 h-12 rounded-full overflow-hidden bg-gray-200 dark:bg-white/10 border border-gray-100 dark:border-white/10 shadow-md shrink-0"><img src="https://i.pravatar.cc/150?u=rajesh-supreme-plastic" alt="Rajesh Patel" class="w-full h-full object-cover"/></div><div class="min-w-0"><h4 class="font-heading font-extrabold text-gray-900 dark:text-white text-[16px] truncate">Rajesh Patel</h4><p class="text-gray-500 dark:text-slate-400 text-[13px] font-medium truncate">Director, Supreme Plastic Industries</p></div></div><div class="flex items-center gap-2.5 flex-wrap"><div class="flex items-center gap-2 border px-3.5 py-2 rounded-xl bg-blue-50/70 dark:bg-blue-500/10 border-blue-100 dark:border-blue-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box text-primary" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg><span class="text-[11px] font-bold text-gray-700 dark:text-slate-200">Plastic Manufacturing</span></div><div class="flex items-center gap-2 bg-green-50 dark:bg-green-500/10 border border-green-100 dark:border-green-400/20 px-3.5 py-2 rounded-xl"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-green-600 dark:text-green-400" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg><span class="text-[11px] font-extrabold text-green-600 dark:text-green-400 tabular-nums">+240%</span><span class="text-[10px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-wide">Monthly Inquiries</span></div></div></div></div><div class="flex items-center justify-center gap-5 mt-7"><button type="button" aria-label="Previous testimonial" class="w-11 h-11 rounded-full bg-white dark:bg-ink-card border border-gray-200 dark:border-white/10 shadow-sm flex items-center justify-center text-gray-600 dark:text-slate-300 hover:text-primary hover:border-primary/40 active:scale-95 transition"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right rotate-180" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><div class="flex items-center gap-2"><button type="button" aria-label="Show testimonial 1" class="h-2.5 rounded-full transition-all duration-300 w-7 bg-primary"></button><button type="button" aria-label="Show testimonial 2" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20"></button><button type="button" aria-label="Show testimonial 3" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20"></button><button type="button" aria-label="Show testimonial 4" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20"></button><button type="button" aria-label="Show testimonial 5" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20"></button><button type="button" aria-label="Show testimonial 6" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20"></button><button type="button" aria-label="Show testimonial 7" class="h-2.5 rounded-full transition-all duration-300 w-2.5 bg-gray-300 dark:bg-white/20"></button></div><button type="button" aria-label="Next testimonial" class="w-11 h-11 rounded-full bg-white dark:bg-ink-card border border-gray-200 dark:border-white/10 shadow-sm flex items-center justify-center text-gray-600 dark:text-slate-300 hover:text-primary hover:border-primary/40 active:scale-95 transition"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button></div></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-px rounded-[2rem] overflow-hidden bg-gray-100 dark:bg-white/10 border border-gray-100 dark:border-white/10 shadow-[0_10px_40px_rgba(15,23,42,0.05)]" style="opacity:0;transform:translateY(24px)"><div class="bg-white dark:bg-ink-card px-6 py-8 flex flex-col items-center text-center group hover:bg-gray-50/70 dark:hover:bg-white/[0.03] transition-colors"><div class="w-12 h-12 rounded-2xl bg-green-100 dark:bg-green-500/15 text-green-600 dark:text-green-400 flex items-center justify-center mb-4 shadow-sm group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><p class="text-3xl md:text-4xl font-heading font-extrabold leading-none mb-2 tabular-nums text-green-600 dark:text-green-400">+0%</p><p class="text-[12px] md:text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-widest">More Inquiries</p></div><div class="bg-white dark:bg-ink-card px-6 py-8 flex flex-col items-center text-center group hover:bg-gray-50/70 dark:hover:bg-white/[0.03] transition-colors"><div class="w-12 h-12 rounded-2xl bg-blue-100 dark:bg-blue-500/15 text-primary flex items-center justify-center mb-4 shadow-sm group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" 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><p class="text-3xl md:text-4xl font-heading font-extrabold leading-none mb-2 tabular-nums text-primary">0+</p><p class="text-[12px] md:text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-widest">Manufacturers</p></div><div class="bg-white dark:bg-ink-card px-6 py-8 flex flex-col items-center text-center group hover:bg-gray-50/70 dark:hover:bg-white/[0.03] transition-colors"><div class="w-12 h-12 rounded-2xl bg-amber-100 dark:bg-amber-500/15 text-amber-500 dark:text-amber-400 flex items-center justify-center mb-4 shadow-sm group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star" 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><p class="text-3xl md:text-4xl font-heading font-extrabold leading-none mb-2 tabular-nums text-amber-500 dark:text-amber-400">0x</p><p class="text-[12px] md:text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-widest">Lead Quality</p></div><div class="bg-white dark:bg-ink-card px-6 py-8 flex flex-col items-center text-center group hover:bg-gray-50/70 dark:hover:bg-white/[0.03] transition-colors"><div class="w-12 h-12 rounded-2xl bg-purple-100 dark:bg-purple-500/15 text-purple-600 dark:text-purple-300 flex items-center justify-center mb-4 shadow-sm group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check" 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><path d="m9 12 2 2 4-4"></path></svg></div><p class="text-3xl md:text-4xl font-heading font-extrabold leading-none mb-2 tabular-nums text-purple-600 dark:text-purple-300">0.9%</p><p class="text-[12px] md:text-[13px] font-semibold text-gray-500 dark:text-slate-400 uppercase tracking-widest">Uptime</p></div></div></div></div></section><section class="py-24 bg-white dark:bg-ink" id="why-choose-us"><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center max-w-3xl mx-auto mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50 dark:bg-blue-500/10 border border-blue-100 dark:border-blue-400/20 shadow-sm text-primary font-bold text-sm mb-6" style="opacity:0;transform:translateY(10px)">The DiGi Maker Advantage</div><h2 class="text-4xl md:text-5xl font-heading font-extrabold text-gray-900 dark:text-white tracking-tight mb-6">Why Choose DiGi Maker?</h2><p class="text-lg md:text-xl text-gray-500 dark:text-slate-400 font-medium">We specialize in B2B growth for manufacturers. Not just another agency, a true growth partner.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"><div class="bg-gray-50 dark:bg-white/[0.03] rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] hover:shadow-lg hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-300 group" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 bg-white dark:bg-white/5 rounded-xl flex items-center justify-center border border-gray-200 dark:border-white/10 mb-6 group-hover:bg-primary transition-colors shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check text-primary group-hover:text-white" 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><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="text-xl font-heading font-bold text-gray-900 dark:text-white mb-3">Industry Expertise</h3><p class="text-gray-500 dark:text-slate-400 font-medium leading-relaxed">We strictly focus on B2B manufacturers. We know what your buyers want.</p></div><div class="bg-gray-50 dark:bg-white/[0.03] rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] hover:shadow-lg hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-300 group" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 bg-white dark:bg-white/5 rounded-xl flex items-center justify-center border border-gray-200 dark:border-white/10 mb-6 group-hover:bg-primary transition-colors shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-earth text-primary group-hover:text-white" aria-hidden="true"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path><circle cx="12" cy="12" r="10"></circle></svg></div><h3 class="text-xl font-heading font-bold text-gray-900 dark:text-white mb-3">All-In-One Platform</h3><p class="text-gray-500 dark:text-slate-400 font-medium leading-relaxed">From hosting to Meta Ads, we handle the entire digital ecosystem for you.</p></div><div class="bg-gray-50 dark:bg-white/[0.03] rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] hover:shadow-lg hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-300 group" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 bg-white dark:bg-white/5 rounded-xl flex items-center justify-center border border-gray-200 dark:border-white/10 mb-6 group-hover:bg-primary transition-colors shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-primary group-hover:text-white" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><h3 class="text-xl font-heading font-bold text-gray-900 dark:text-white mb-3">Results Driven</h3><p class="text-gray-500 dark:text-slate-400 font-medium leading-relaxed">No vanity metrics. We focus on real business inquiries and leads.</p></div><div class="bg-gray-50 dark:bg-white/[0.03] rounded-2xl p-6 border border-gray-100 dark:border-white/[0.07] hover:shadow-lg hover:border-blue-100 dark:hover:border-blue-400/30 transition-all duration-300 group" style="opacity:0;transform:translateY(20px)"><div class="w-14 h-14 bg-white dark:bg-white/5 rounded-xl flex items-center justify-center border border-gray-200 dark:border-white/10 mb-6 group-hover:bg-primary transition-colors shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-primary group-hover:text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></div><h3 class="text-xl font-heading font-bold text-gray-900 dark:text-white mb-3">Risk-Free Model</h3><p class="text-gray-500 dark:text-slate-400 font-medium leading-relaxed">Transparent pricing with no hidden fees. Your success is our success.</p></div></div></div></section><section class="py-24 bg-white dark:bg-ink overflow-hidden relative" id="why-choose-us-comparison"><div class="absolute inset-0 pointer-events-none bg-[radial-gradient(ellipse_50%_40%_at_50%_30%,rgba(37,99,235,0.04),transparent)] dark:bg-[radial-gradient(ellipse_50%_40%_at_50%_30%,rgba(37,99,235,0.12),transparent)]"></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-3xl mx-auto mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-500/10 dark:to-indigo-500/10 border border-blue-100/50 dark:border-blue-400/20 shadow-[0_4px_10px_rgb(0,0,0,0.02)] text-primary font-bold text-sm mb-6" style="opacity:0;transform:translateY(10px)"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-blue-500 text-blue-500" 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>WHY DIGI MAKER</div><h2 class="text-4xl md:text-5xl font-heading font-extrabold text-[#111827] dark:text-white tracking-tight mb-6" style="opacity:0;transform:translateY(10px)">Why Manufacturers<!-- --> <span class="font-accent italic font-normal text-[1.1em] text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">Choose</span> <!-- -->DiGi Maker</h2><div class="relative inline-block mb-8" style="opacity:0;transform:translateY(10px)"><p class="text-xl text-gray-500 dark:text-slate-400 font-medium max-w-2xl text-center leading-relaxed">Everything your business needs to grow online — without hiring developers, marketers, or expensive agencies.</p><svg class="absolute -bottom-4 left-1/2 -translate-x-1/2 w-40 text-amber-400 opacity-80" viewBox="0 0 200 12" fill="none"><path d="M5 8C45 3 130 -2 195 6" stroke="currentColor" stroke-width="4" stroke-linecap="round"></path></svg></div></div><div class="grid md:grid-cols-3 gap-6 lg:gap-8 items-stretch mb-20 max-w-[1200px] mx-auto"><div class="bg-[#FAFAFA] dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] shadow-sm overflow-hidden flex flex-col transition-all hover:-translate-y-1 hover:shadow-md dark:hover:border-blue-400/30 h-full mt-4" style="opacity:0;transform:translateY(20px)"><div class="p-8 pb-6 flex flex-col items-center text-center border-b border-gray-100 dark:border-white/[0.07] bg-white dark:bg-ink-raised"><div class="w-16 h-16 bg-gray-100 dark:bg-white/5 rounded-full flex items-center justify-center text-gray-400 dark:text-slate-500 mb-4 shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user" aria-hidden="true"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></div><h3 class="text-2xl font-bold font-heading text-gray-900 dark:text-white mb-3">Freelancer</h3><div class="inline-flex px-3 py-1.5 bg-gray-100 dark:bg-white/5 rounded-full text-xs font-bold text-gray-600 dark:text-slate-300 border border-gray-200 dark:border-white/10">₹15K – ₹50K Project</div></div><div class="p-8 py-6 flex-1 bg-white dark:bg-ink-card"><ul class="space-y-4"><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Builds Website Only</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">No Hosting Included</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">No Maintenance</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">No Lead Generation</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">No Ongoing Support</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">No Growth Strategy</span></li></ul></div><div class="p-6 bg-gray-50 dark:bg-white/[0.03] border-t border-gray-100 dark:border-white/[0.07] mt-auto flex items-start gap-4"><div class="w-8 h-8 rounded-full bg-gray-200 dark:bg-white/10 flex items-center justify-center shrink-0 mt-0.5 text-gray-500 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" aria-hidden="true"><path d="M12 6v6l4 2"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div><p class="font-bold text-gray-900 dark:text-white text-sm">One-Time Delivery</p><p class="text-xs text-gray-500 dark:text-slate-400 font-medium mt-0.5">You manage everything</p></div></div></div><div class="bg-[#FFFDF9] dark:bg-ink-card rounded-3xl border border-orange-100 dark:border-orange-400/20 shadow-sm overflow-hidden flex flex-col transition-all hover:-translate-y-1 hover:shadow-md h-full mt-4" style="opacity:0;transform:translateY(20px)"><div class="p-8 pb-6 flex flex-col items-center text-center border-b border-orange-50 dark:border-orange-400/20 bg-white dark:bg-ink-raised"><div class="w-16 h-16 bg-orange-50 dark:bg-orange-500/10 rounded-full flex items-center justify-center text-orange-400 mb-4 shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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" aria-hidden="true"><path d="M10 12h4"></path><path d="M10 8h4"></path><path d="M14 21v-3a2 2 0 0 0-4 0v3"></path><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path></svg></div><h3 class="text-2xl font-bold font-heading text-gray-900 dark:text-white mb-3">Marketing Agency</h3><div class="inline-flex px-3 py-1.5 bg-orange-50 dark:bg-orange-500/10 rounded-full text-xs font-bold text-orange-600 border border-orange-100 dark:border-orange-400/20">₹30K – ₹1L+ Monthly</div></div><div class="p-8 py-6 flex-1 bg-white dark:bg-ink-card"><ul class="space-y-4"><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Full Service</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Expensive Retainers</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Long Contracts</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Slow Turnaround</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Generic Solutions</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-red-50 dark:bg-red-500/10 flex items-center justify-center shrink-0 border border-red-100 dark:border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x text-red-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg></div><span class="text-gray-600 dark:text-slate-300 text-[15px] font-medium">Small Manufacturers Ignored</span></li></ul></div><div class="p-6 bg-orange-50 dark:bg-orange-500/10 border-t border-orange-100/50 dark:border-orange-400/20 mt-auto flex items-start gap-4"><div class="w-8 h-8 rounded-full bg-orange-200/50 dark:bg-orange-500/20 flex items-center justify-center shrink-0 mt-0.5 text-orange-600 dark:text-orange-300"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" 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><p class="font-bold text-gray-900 dark:text-white text-sm">Complex &amp; Costly</p><p class="text-xs text-gray-600 dark:text-slate-300 font-medium mt-0.5">Multiple teams, slower results</p></div></div></div><div class="bg-white dark:bg-ink-card rounded-3xl border-2 border-primary shadow-[0_20px_50px_-10px_rgba(37,99,235,0.2)] dark:shadow-[0_20px_50px_-10px_rgba(37,99,235,0.45)] overflow-hidden flex flex-col transition-all hover:-translate-y-2 hover:shadow-[0_25px_60px_-12px_rgba(37,99,235,0.3)] h-full relative" style="opacity:0;transform:translateY(20px)"><div class="absolute top-0 right-8 bg-primary text-white text-[11px] font-extrabold px-4 py-1.5 rounded-b-lg uppercase tracking-wider shadow-sm flex items-center gap-1.5 z-10"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star fill-white" 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> <!-- -->BEST VALUE</div><div class="p-8 pb-6 flex flex-col items-center text-center border-b border-blue-50 dark:border-blue-400/20 relative overflow-hidden"><div class="absolute inset-0 bg-blue-50/30 dark:bg-blue-500/10"></div><div class="w-20 h-20 bg-blue-50 dark:bg-blue-500/20 rounded-full flex items-center justify-center text-primary mb-4 shadow-[0_0_20px_rgba(37,99,235,0.15)] border border-blue-100 dark:border-blue-400/20 relative z-10"><svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><h3 class="text-[28px] font-bold font-heading text-primary mb-3 relative z-10">DiGi Maker</h3><div class="inline-flex px-4 py-1.5 bg-blue-50/80 dark:bg-blue-500/20 rounded-full text-xs font-bold text-primary border border-blue-200 dark:border-blue-400/30 shadow-sm relative z-10">₹5K / ₹10K Monthly</div></div><div class="p-8 py-6 flex-1 bg-white dark:bg-ink-card"><ul class="space-y-4"><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Website Included</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Hosting Included</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Maintenance Included</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Meta Ads Support</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Lead Generation Focus</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Creative Updates</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Dedicated Support</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Built For Manufacturers</span></li><li class="flex items-center gap-3"><div class="w-5 h-5 rounded-full bg-green-50 dark:bg-green-500/10 flex items-center justify-center shrink-0 border border-green-100 dark:border-green-400/20 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-green-500" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="text-gray-800 dark:text-slate-100 text-[15px] font-bold">Everything Managed</span></li></ul></div><div class="p-6 bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-500/10 dark:to-indigo-500/10 border-t border-blue-100 dark:border-blue-400/20 mt-auto flex items-start gap-4"><div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center shrink-0 text-white shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trophy" aria-hidden="true"><path d="M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978"></path><path d="M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978"></path><path d="M18 9h1.5a1 1 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z"></path><path d="M6 9H4.5a1 1 0 0 1 0-5H6"></path></svg></div><div class="pt-0.5"><p class="font-bold text-primary text-[15px]">Complete Growth Partner</p><p class="text-xs text-blue-800 dark:text-blue-200 font-medium mt-1 leading-tight">We build, manage &amp; grow your business</p></div></div></div></div><div class="max-w-[1000px] mx-auto bg-white/80 dark:bg-ink-card/80 backdrop-blur-md rounded-2xl md:rounded-full border border-gray-100 dark:border-white/10 p-4 md:p-6 shadow-[0_8px_30px_rgb(0,0,0,0.04)]" style="opacity:0;transform:translateY(20px)"><div class="flex flex-col md:flex-row items-center justify-between gap-6 md:gap-4 px-4"><div class="flex items-center gap-4 w-full md:w-auto justify-center md:justify-start"><div class="w-12 h-12 rounded-xl bg-gray-100 dark:bg-white/5 flex items-center justify-center shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor text-gray-500 dark:text-slate-400" 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></div><div><p class="font-extrabold text-gray-900 dark:text-white text-sm">Freelancer</p><p class="text-[12px] font-medium text-gray-500 dark:text-slate-400">Builds Website</p></div></div><div class="w-8 h-8 rounded-full bg-gray-50 dark:bg-white/5 flex items-center justify-center text-[10px] font-bold text-gray-400 dark:text-slate-500 border border-gray-100 dark:border-white/10 shrink-0 hidden md:flex">VS</div><div class="flex items-center gap-4 w-full md:w-auto justify-center md:justify-start"><div class="w-12 h-12 rounded-xl bg-orange-50 dark:bg-orange-500/10 flex items-center justify-center border border-orange-100 dark:border-orange-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" 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 text-orange-500" aria-hidden="true"><path d="M10 12h4"></path><path d="M10 8h4"></path><path d="M14 21v-3a2 2 0 0 0-4 0v3"></path><path d="M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2"></path><path d="M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16"></path></svg></div><div><p class="font-extrabold text-gray-900 dark:text-white text-sm">Agency</p><p class="text-[12px] font-medium text-gray-500 dark:text-slate-400">Runs Marketing</p></div></div><div class="w-8 h-8 rounded-full bg-gray-50 dark:bg-white/5 flex items-center justify-center text-[10px] font-bold text-gray-400 dark:text-slate-500 border border-gray-100 dark:border-white/10 shrink-0 hidden md:flex">VS</div><div class="flex items-center gap-4 w-full md:w-auto justify-center md:justify-start bg-blue-50/50 dark:bg-blue-500/10 p-2 pr-6 rounded-2xl border border-blue-50 dark:border-blue-400/20 md:border-none md:p-0 md:bg-transparent dark:md:bg-transparent"><div class="w-12 h-12 rounded-xl bg-primary flex items-center justify-center shadow-md"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-white" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div><p class="font-extrabold text-primary text-sm">DiGi Maker</p><p class="text-[12px] font-medium text-blue-700 dark:text-blue-300">Builds + Manages + Grows</p></div></div></div></div></div></section><section class="py-32 bg-[#FAFAFA] dark:bg-ink relative overflow-hidden" id="pricing"><div class="absolute inset-0 pointer-events-none bg-[radial-gradient(ellipse_80%_60%_at_50%_20%,rgba(37,99,235,0.05),transparent)] dark:bg-[radial-gradient(ellipse_80%_60%_at_50%_20%,rgba(37,99,235,0.12),transparent)]"></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10 w-full"><div class="text-center max-w-4xl mx-auto mb-20 lg:mb-24"><div class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-green-50/80 dark:bg-green-500/10 backdrop-blur-md border border-green-200 dark:border-green-400/20 shadow-[0_4px_10px_rgb(34,197,94,0.05)] text-green-600 font-bold text-[13px] tracking-wide uppercase mb-10" style="opacity:0;transform:translateY(-10px)"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg>Risk-Free Structure</div><h2 class="text-5xl md:text-6xl lg:text-[72px] lg:leading-[1.1] font-heading font-extrabold text-[#111827] dark:text-white tracking-tight mb-8" style="opacity:0;transform:translateY(10px)">Our <span class="relative inline-block font-accent italic font-normal text-[1.1em] text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-indigo-600">Commission-Based<svg class="absolute -bottom-3 left-1/2 -translate-x-1/2 w-full text-blue-600 opacity-80" viewBox="0 0 200 12" fill="none"><path d="M5 8C45 3 130 -2 195 6" stroke="currentColor" stroke-width="4" stroke-linecap="round"></path></svg></span> Model</h2><p class="text-xl md:text-2xl text-gray-500 dark:text-slate-400 font-medium max-w-3xl mx-auto leading-relaxed" style="opacity:0;transform:translateY(10px)">We believe in shared success. Instead of heavy retainers, we work on a commission basis. <br class="hidden md:block"/><span class="text-blue-600 font-bold mt-2 inline-block">We only win when you win.</span></p></div><div class="bg-white dark:bg-ink-card rounded-[2.5rem] p-8 lg:p-16 border border-gray-100 dark:border-white/[0.07] shadow-[0_20px_80px_-10px_rgba(0,0,0,0.05)] relative overflow-hidden flex flex-col" style="opacity:0;transform:translateY(30px)"><div class="flex flex-col lg:flex-row items-stretch gap-12 lg:gap-0 mb-16 lg:mb-24 relative z-10"><div class="lg:w-[45%] flex flex-col justify-center text-center lg:text-left pr-0 lg:pr-16"><div class="flex justify-center lg:justify-start mb-10 lg:mb-12"><div class="relative w-40 h-40"><div class="absolute inset-0 border-[1.5px] border-blue-100 dark:border-blue-400/20 rounded-full border-dashed" style="will-change:transform;backface-visibility:hidden"></div><div class="absolute inset-4 border-[1.5px] border-indigo-50/80 dark:border-indigo-400/10 rounded-full" style="will-change:transform;backface-visibility:hidden"></div><div class="absolute inset-8 bg-gradient-to-br from-blue-50 via-indigo-50/50 to-white dark:from-blue-500/10 dark:via-indigo-500/10 dark:to-transparent rounded-full flex items-center justify-center shadow-[inset_0_4px_20px_rgb(59,130,246,0.1),0_8px_30px_rgb(59,130,246,0.1)]"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up text-blue-600" aria-hidden="true"><path d="M16 7h6v6"></path><path d="m22 7-8.5 8.5-5-5L2 17"></path></svg></div><div class="absolute -right-2 top-8 w-5 h-5 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full shadow-[0_0_20px_rgba(59,130,246,0.8)] border border-white/50" style="will-change:transform;backface-visibility:hidden"></div></div></div><h3 class="text-4xl lg:text-[48px] lg:leading-[1.1] font-heading font-extrabold text-gray-900 dark:text-white mb-8 tracking-tight">Pay For Performance</h3><p class="text-lg lg:text-[19px] text-gray-500 dark:text-slate-400 font-medium leading-[1.8] max-w-xl mx-auto lg:mx-0">Stop paying agencies just for effort. We build your website, manage campaigns, generate leads, and support growth. You only pay when measurable business results are achieved.</p></div><div class="hidden lg:flex flex-col items-center justify-center relative w-16"><div class="w-[1px] h-full bg-gradient-to-b from-transparent via-gray-200 dark:via-white/10 to-transparent absolute top-0 bottom-0"></div><div class="w-4 h-4 bg-white dark:bg-ink-raised border-2 border-primary/50 relative rounded-full shadow-[0_0_15px_rgba(37,99,235,0.4)] z-10" style="will-change:transform;backface-visibility:hidden"></div></div><div class="lg:w-[55%] grid sm:grid-cols-3 gap-6 lg:gap-8 pl-0 lg:pl-16 pt-2"><div class="bg-white dark:bg-ink-card rounded-[24px] p-8 lg:p-10 border border-gray-100 dark:border-white/[0.07] shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] hover:border-green-100 dark:hover:border-green-400/30 transition-all text-center relative group flex flex-col items-center w-full"><div class="absolute top-5 right-5 w-7 h-7 bg-green-500 rounded-full flex items-center justify-center shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-[88px] h-[88px] bg-green-50 dark:bg-green-500/10 rounded-3xl flex items-center justify-center mb-8 lg:mb-10 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet text-green-500" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div><h4 class="font-extrabold text-gray-900 dark:text-white mb-4 text-xl lg:text-2xl">Zero Retainers</h4><p class="text-[15px] lg:text-[16px] text-gray-500 dark:text-slate-400 font-medium leading-relaxed">Keep your cash flow healthy. No fixed monthly commitments.</p></div><div class="bg-white dark:bg-ink-card rounded-[24px] p-8 lg:p-10 border border-gray-100 dark:border-white/[0.07] shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] hover:border-blue-100 dark:hover:border-blue-400/30 transition-all text-center relative group flex flex-col items-center w-full"><div class="absolute top-5 right-5 w-7 h-7 bg-green-500 rounded-full flex items-center justify-center shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-[88px] h-[88px] bg-blue-50 dark:bg-blue-500/10 rounded-3xl flex items-center justify-center mb-8 lg:mb-10 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-target text-blue-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg></div><h4 class="font-extrabold text-gray-900 dark:text-white mb-4 text-xl lg:text-2xl">Aligned Goals</h4><p class="text-[15px] lg:text-[16px] text-gray-500 dark:text-slate-400 font-medium leading-relaxed">Our success is directly connected to your business growth.</p></div><div class="bg-white dark:bg-ink-card rounded-[24px] p-8 lg:p-10 border border-gray-100 dark:border-white/[0.07] shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_20px_50px_rgba(0,0,0,0.08)] hover:border-purple-100 dark:hover:border-purple-400/30 transition-all text-center relative group sm:col-span-3 lg:col-span-1 flex flex-col items-center w-full"><div class="absolute top-5 right-5 w-7 h-7 bg-green-500 rounded-full flex items-center justify-center shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div class="w-[88px] h-[88px] bg-purple-50 dark:bg-purple-500/10 rounded-3xl flex items-center justify-center mb-8 lg:mb-10 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-infinity text-purple-500" aria-hidden="true"><path d="M6 16c5 0 7-8 12-8a4 4 0 0 1 0 8c-5 0-7-8-12-8a4 4 0 1 0 0 8"></path></svg></div><h4 class="font-extrabold text-gray-900 dark:text-white mb-4 text-xl lg:text-2xl">Unlimited Scale</h4><p class="text-[15px] lg:text-[16px] text-gray-500 dark:text-slate-400 font-medium leading-relaxed">No artificial limits. We grow as far as your business can grow.</p></div></div></div><div class="bg-gray-50/60 dark:bg-white/[0.03] rounded-[24px] p-6 lg:p-8 xl:p-10 border border-gray-100/80 dark:border-white/[0.07] shadow-[0_4px_30px_rgba(0,0,0,0.02)] flex flex-col 2xl:flex-row items-center justify-between gap-10 lg:gap-14 relative z-10 w-[calc(100%+2rem)] -ml-4 lg:w-[calc(100%+4rem)] lg:-ml-8 px-6 lg:px-16 backdrop-blur-sm self-center"><div class="flex flex-col xl:flex-row items-center justify-center gap-6 lg:gap-8 xl:gap-10 flex-1 w-full text-center xl:text-left"><div class="flex flex-col md:flex-row items-center gap-5 lg:gap-6 w-full md:w-auto overflow-hidden"><div class="w-16 h-16 lg:w-[72px] lg:h-[72px] bg-blue-600 rounded-full flex items-center justify-center text-white shrink-0 shadow-[0_8px_20px_rgba(37,99,235,0.2)] group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search lg:w-8 lg:h-8" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></svg></div><div class="max-w-[240px]"><h5 class="font-bold text-gray-900 dark:text-white text-lg lg:text-[20px] lg:leading-[1.2] mb-1.5 tracking-tight">We Bring Qualified Leads</h5><p class="text-[13px] lg:text-[14px] font-medium text-gray-500 dark:text-slate-400 leading-relaxed">Through targeted campaigns and proven growth channels.</p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-gray-300 dark:text-slate-600 hidden xl:block shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="flex flex-col md:flex-row items-center gap-5 lg:gap-6 w-full md:w-auto"><div class="w-16 h-16 lg:w-[72px] lg:h-[72px] bg-green-500 rounded-full flex items-center justify-center text-white shrink-0 shadow-[0_8px_20px_rgba(34,197,94,0.2)] group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-handshake lg:w-8 lg:h-8" aria-hidden="true"><path d="m11 17 2 2a1 1 0 1 0 3-3"></path><path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"></path><path d="m21 3 1 11h-2"></path><path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"></path><path d="M3 4h8"></path></svg></div><div class="max-w-[240px]"><h5 class="font-bold text-gray-900 dark:text-white text-lg lg:text-[20px] lg:leading-[1.2] mb-1.5 tracking-tight">You Close The Deals</h5><p class="text-[13px] lg:text-[14px] font-medium text-gray-500 dark:text-slate-400 leading-relaxed">Your team converts opportunities into customers.</p></div></div><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right text-gray-300 dark:text-slate-600 hidden xl:block shrink-0" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><div class="flex flex-col md:flex-row items-center gap-5 lg:gap-6 w-full md:w-auto"><div class="w-16 h-16 lg:w-[72px] lg:h-[72px] bg-blue-600 rounded-full flex items-center justify-center text-white shrink-0 shadow-[0_8px_20px_rgba(37,99,235,0.2)] group-hover:scale-105 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign lg:w-8 lg:h-8" aria-hidden="true"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div class="max-w-[240px]"><h5 class="font-bold text-gray-900 dark:text-white text-lg lg:text-[20px] lg:leading-[1.2] mb-1.5 tracking-tight">We Earn Our Commission</h5><p class="text-[13px] lg:text-[14px] font-medium text-gray-500 dark:text-slate-400 leading-relaxed">Compensation is tied directly to successful outcomes.</p></div></div></div><button class="w-full xl:w-auto min-w-[300px] 2xl:w-[340px] px-8 py-5 lg:py-6 bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-extrabold text-[17px] lg:text-[19px] rounded-full shadow-[0_12px_24px_0_rgba(37,99,235,0.3)] dark:shadow-blue-500/30 flex items-center justify-center gap-3 whitespace-nowrap transition-all shrink-0 mt-8 2xl:mt-0 transition-shadow duration-200 hover:shadow-[0_10px_25px_-5px_rgba(37,99,235,0.4)]" tabindex="0">Discuss Our Partnership<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" 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="py-24 bg-white dark:bg-ink relative overflow-hidden"><div class="absolute inset-0 pointer-events-none bg-[radial-gradient(ellipse_60%_50%_at_50%_0%,rgba(37,99,235,0.04),transparent)] dark:bg-[radial-gradient(ellipse_60%_50%_at_50%_0%,rgba(37,99,235,0.12),transparent)]"></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center max-w-3xl mx-auto mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-50/80 dark:bg-blue-500/10 backdrop-blur-md border border-blue-100 dark:border-blue-400/20 shadow-[0_4px_10px_rgb(0,0,0,0.02)] text-primary font-bold text-sm mb-6" style="opacity:0;transform:translateY(10px)"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-question-mark fill-blue-500 text-white" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg>FAQ</div><h2 class="text-4xl md:text-5xl font-heading font-extrabold text-[#111827] dark:text-white tracking-tight mb-6" style="opacity:0;transform:translateY(10px)">Frequently Asked Questions</h2><div class="relative inline-block mb-8" style="opacity:0;transform:translateY(10px)"><p class="text-xl text-gray-500 dark:text-slate-400 font-medium max-w-2xl text-center leading-relaxed">Have questions? We have answers.</p><svg class="absolute -bottom-4 left-1/2 -translate-x-1/2 w-48 text-blue-600 opacity-80" viewBox="0 0 200 12" fill="none"><path d="M5 8C45 3 130 -2 195 6" stroke="currentColor" stroke-width="4" stroke-linecap="round"></path></svg></div></div><div class="flex flex-col lg:flex-row gap-8 items-start mb-20 max-w-[1100px] mx-auto"><div class="w-full lg:w-[65%] space-y-4"><div class="border rounded-2xl overflow-hidden transition-all duration-300 bg-[#F8FAFC] dark:bg-white/[0.04] border-blue-100 dark:border-blue-400/30 shadow-md" style="opacity:0;transform:translateY(10px)"><button class="w-full flex items-center justify-between p-6 text-left group"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 transition-colors bg-blue-100 dark:bg-blue-500/20 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-earth" aria-hidden="true"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path><circle cx="12" cy="12" r="10"></circle></svg></div><span class="font-heading font-bold text-lg text-gray-900 dark:text-white">Do I own the website?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-all duration-300 bg-blue-100 dark:bg-blue-500/20 text-primary rotate-180"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="grid transition-[grid-template-rows] duration-300 ease-out overflow-hidden" style="grid-template-rows:1fr"><div class="overflow-hidden min-h-0"><div class="px-6 pb-6 pt-2 flex gap-4"><div class="w-10 shrink-0 flex justify-center opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-earth" aria-hidden="true"><path d="M21.54 15H17a2 2 0 0 0-2 2v4.54"></path><path d="M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17"></path><path d="M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05"></path><circle cx="12" cy="12" r="10"></circle></svg></div><div class="bg-white dark:bg-ink-raised p-5 rounded-2xl border border-blue-50 dark:border-blue-400/15 shadow-sm flex items-start gap-4"><div class="mt-0.5 shrink-0 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check" 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><path d="m9 12 2 2 4-4"></path></svg></div><div class="text-gray-600 dark:text-slate-300 text-[15px] font-medium leading-relaxed">Yes, absolutely. Once completed, you have full ownership of your website domain and code.</div></div></div></div></div></div><div class="border rounded-2xl overflow-hidden transition-all duration-300 bg-white dark:bg-ink-card border-gray-100 dark:border-white/[0.07] shadow-sm hover:border-gray-200 dark:hover:border-white/10 hover:shadow-md" style="opacity:0;transform:translateY(10px)"><button class="w-full flex items-center justify-between p-6 text-left group"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 transition-colors bg-blue-50 dark:bg-blue-500/10 text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-500/20 group-hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server" aria-hidden="true"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div><span class="font-heading font-bold text-lg text-gray-900 dark:text-white">Is hosting included?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-all duration-300 bg-gray-50 dark:bg-white/5 text-gray-400 dark:text-slate-500 group-hover:bg-gray-100 dark:group-hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="grid transition-[grid-template-rows] duration-300 ease-out overflow-hidden" style="grid-template-rows:0fr"><div class="overflow-hidden min-h-0"><div class="px-6 pb-6 pt-2 flex gap-4"><div class="w-10 shrink-0 flex justify-center opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server" aria-hidden="true"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg></div><div class="bg-white dark:bg-ink-raised p-5 rounded-2xl border border-blue-50 dark:border-blue-400/15 shadow-sm flex items-start gap-4"><div class="text-gray-600 dark:text-slate-300 text-[15px] font-medium leading-relaxed">Yes, our packages include premium fast managed hosting tailored for B2B websites.</div></div></div></div></div></div><div class="border rounded-2xl overflow-hidden transition-all duration-300 bg-white dark:bg-ink-card border-gray-100 dark:border-white/[0.07] shadow-sm hover:border-gray-200 dark:hover:border-white/10 hover:shadow-md" style="opacity:0;transform:translateY(10px)"><button class="w-full flex items-center justify-between p-6 text-left group"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 transition-colors bg-blue-50 dark:bg-blue-500/10 text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-500/20 group-hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" 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><span class="font-heading font-bold text-lg text-gray-900 dark:text-white">How does lead generation work?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-all duration-300 bg-gray-50 dark:bg-white/5 text-gray-400 dark:text-slate-500 group-hover:bg-gray-100 dark:group-hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="grid transition-[grid-template-rows] duration-300 ease-out overflow-hidden" style="grid-template-rows:0fr"><div class="overflow-hidden min-h-0"><div class="px-6 pb-6 pt-2 flex gap-4"><div class="w-10 shrink-0 flex justify-center opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" 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="bg-white dark:bg-ink-raised p-5 rounded-2xl border border-blue-50 dark:border-blue-400/15 shadow-sm flex items-start gap-4"><div class="text-gray-600 dark:text-slate-300 text-[15px] font-medium leading-relaxed">We run targeted Meta (Facebook/Instagram) and Google ad campaigns focused on specific B2B buyers in your industry to capture high-intent inquiries.</div></div></div></div></div></div><div class="border rounded-2xl overflow-hidden transition-all duration-300 bg-white dark:bg-ink-card border-gray-100 dark:border-white/[0.07] shadow-sm hover:border-gray-200 dark:hover:border-white/10 hover:shadow-md" style="opacity:0;transform:translateY(10px)"><button class="w-full flex items-center justify-between p-6 text-left group"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 transition-colors bg-blue-50 dark:bg-blue-500/10 text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-500/20 group-hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><span class="font-heading font-bold text-lg text-gray-900 dark:text-white">Is there a long-term contract?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-all duration-300 bg-gray-50 dark:bg-white/5 text-gray-400 dark:text-slate-500 group-hover:bg-gray-100 dark:group-hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="grid transition-[grid-template-rows] duration-300 ease-out overflow-hidden" style="grid-template-rows:0fr"><div class="overflow-hidden min-h-0"><div class="px-6 pb-6 pt-2 flex gap-4"><div class="w-10 shrink-0 flex justify-center opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="bg-white dark:bg-ink-raised p-5 rounded-2xl border border-blue-50 dark:border-blue-400/15 shadow-sm flex items-start gap-4"><div class="text-gray-600 dark:text-slate-300 text-[15px] font-medium leading-relaxed">No, we believe in earning your business every month. Our services are month-to-month, though we recommend a 3-month commitment to see full campaign optimization.</div></div></div></div></div></div><div class="border rounded-2xl overflow-hidden transition-all duration-300 bg-white dark:bg-ink-card border-gray-100 dark:border-white/[0.07] shadow-sm hover:border-gray-200 dark:hover:border-white/10 hover:shadow-md" style="opacity:0;transform:translateY(10px)"><button class="w-full flex items-center justify-between p-6 text-left group"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 transition-colors bg-blue-50 dark:bg-blue-500/10 text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-500/20 group-hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg></div><span class="font-heading font-bold text-lg text-gray-900 dark:text-white">Is the ads budget included in the price?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-all duration-300 bg-gray-50 dark:bg-white/5 text-gray-400 dark:text-slate-500 group-hover:bg-gray-100 dark:group-hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="grid transition-[grid-template-rows] duration-300 ease-out overflow-hidden" style="grid-template-rows:0fr"><div class="overflow-hidden min-h-0"><div class="px-6 pb-6 pt-2 flex gap-4"><div class="w-10 shrink-0 flex justify-center opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone" aria-hidden="true"><path d="M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"></path><path d="M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14"></path><path d="M8 6v8"></path></svg></div><div class="bg-white dark:bg-ink-raised p-5 rounded-2xl border border-blue-50 dark:border-blue-400/15 shadow-sm flex items-start gap-4"><div class="text-gray-600 dark:text-slate-300 text-[15px] font-medium leading-relaxed">No, the ad spend is paid directly to Meta/Google. Our fee covers the strategic management, creative design, and optimization of those ads.</div></div></div></div></div></div><div class="border rounded-2xl overflow-hidden transition-all duration-300 bg-white dark:bg-ink-card border-gray-100 dark:border-white/[0.07] shadow-sm hover:border-gray-200 dark:hover:border-white/10 hover:shadow-md" style="opacity:0;transform:translateY(10px)"><button class="w-full flex items-center justify-between p-6 text-left group"><div class="flex items-center gap-4"><div class="w-10 h-10 rounded-full flex items-center justify-center shrink-0 transition-colors bg-blue-50 dark:bg-blue-500/10 text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-500/20 group-hover:text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-pen" aria-hidden="true"><path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"></path></svg></div><span class="font-heading font-bold text-lg text-gray-900 dark:text-white">Can I request website updates?</span></div><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 transition-all duration-300 bg-gray-50 dark:bg-white/5 text-gray-400 dark:text-slate-500 group-hover:bg-gray-100 dark:group-hover:bg-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></div></button><div class="grid transition-[grid-template-rows] duration-300 ease-out overflow-hidden" style="grid-template-rows:0fr"><div class="overflow-hidden min-h-0"><div class="px-6 pb-6 pt-2 flex gap-4"><div class="w-10 shrink-0 flex justify-center opacity-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-pen" aria-hidden="true"><path d="M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z"></path></svg></div><div class="bg-white dark:bg-ink-raised p-5 rounded-2xl border border-blue-50 dark:border-blue-400/15 shadow-sm flex items-start gap-4"><div class="text-gray-600 dark:text-slate-300 text-[15px] font-medium leading-relaxed">Yes! Maintenance and minor updates are included in all our monthly plans.</div></div></div></div></div></div></div><div class="w-full lg:w-[35%] bg-gradient-to-b from-blue-50/80 to-white dark:from-blue-500/10 dark:to-ink-card rounded-3xl p-8 border border-blue-100/50 dark:border-blue-400/20 shadow-[0_20px_50px_-12px_rgba(37,99,235,0.1)] flex flex-col relative z-20" style="opacity:0;transform:translateY(20px)"><div class="flex justify-center mb-6"><div class="relative w-24 h-24"><div class="absolute inset-0 bg-blue-200/50 rounded-full blur-xl animate-pulse"></div><div class="w-24 h-24 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-full flex items-center justify-center text-white shadow-inner relative z-10 border-4 border-white"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headset" aria-hidden="true"><path d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path><path d="M21 16v2a4 4 0 0 1-4 4h-5"></path></svg></div><div class="absolute -bottom-2 -right-2 w-10 h-10 bg-white dark:bg-ink-raised rounded-full flex items-center justify-center shadow-md z-20 border border-gray-100 dark:border-white/10"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-blue-500 fill-blue-50" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div></div></div><div class="text-center mb-8"><h3 class="text-2xl font-bold font-heading text-gray-900 dark:text-white mb-2">Still have questions?</h3><p class="text-gray-500 dark:text-slate-400 font-medium text-sm">We&#x27;re here to help you<br/>get started.</p></div><div class="space-y-6 mb-8 flex-1"><div class="flex items-start gap-4"><div class="w-8 h-8 rounded-full bg-blue-100/80 dark:bg-blue-500/20 flex items-center justify-center text-primary shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg></div><div><p class="font-bold text-gray-900 dark:text-white text-sm">Quick response</p><p class="text-gray-500 dark:text-slate-400 text-[13px] font-medium">We reply within minutes</p></div></div><div class="flex items-start gap-4"><div class="w-8 h-8 rounded-full bg-blue-100/80 dark:bg-blue-500/20 flex items-center justify-center text-primary shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check" 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><path d="m9 12 2 2 4-4"></path></svg></div><div><p class="font-bold text-gray-900 dark:text-white text-sm">No pressure</p><p class="text-gray-500 dark:text-slate-400 text-[13px] font-medium">Get honest answers</p></div></div><div class="flex items-start gap-4"><div class="w-8 h-8 rounded-full bg-blue-100/80 dark:bg-blue-500/20 flex items-center justify-center text-primary shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><div><p class="font-bold text-gray-900 dark:text-white text-sm">Expert guidance</p><p class="text-gray-500 dark:text-slate-400 text-[13px] font-medium">From real industry experts</p></div></div></div><button class="w-full bg-primary text-white font-bold py-4 rounded-xl flex items-center justify-center gap-2 shadow-[0_4px_14px_0_rgba(37,99,235,0.39)] transition-all mb-4 transition-shadow duration-200 hover:shadow-[0_10px_25px_-5px_rgba(37,99,235,0.4)]" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle text-blue-200" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>Talk to Expert</button><p class="text-center text-xs text-gray-500 dark:text-slate-400 font-medium">or call us at <a href="tel:+916351569526" class="text-primary font-bold hover:underline">+91 6351 569 526</a></p></div></div><div class="max-w-[1100px] mx-auto bg-white dark:bg-ink-card rounded-3xl border border-gray-100 dark:border-white/[0.07] shadow-[0_8px_30px_rgb(0,0,0,0.04)] p-6 md:p-8" style="opacity:0;transform:translateY(20px)"><div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6 md:gap-4 divide-y sm:divide-y-0 sm:divide-x divide-gray-100 dark:divide-white/10"><div class="flex flex-col items-center text-center px-4 pt-4 sm:pt-0"><div class="w-12 h-12 rounded-2xl bg-blue-50 dark:bg-blue-500/10 flex items-center justify-center text-primary mb-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-shield" 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><h4 class="font-bold text-gray-900 dark:text-white text-[15px] mb-1">100% Ownership</h4><p class="text-[13px] text-gray-500 dark:text-slate-400 font-medium">You own everything</p></div><div class="flex flex-col items-center text-center px-4 pt-6 sm:pt-0"><div class="w-12 h-12 rounded-2xl bg-green-50 dark:bg-green-500/10 flex items-center justify-center text-green-500 mb-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-wallet" aria-hidden="true"><path d="M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1"></path><path d="M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4"></path></svg></div><h4 class="font-bold text-gray-900 dark:text-white text-[15px] mb-1">Transparent Pricing</h4><p class="text-[13px] text-gray-500 dark:text-slate-400 font-medium">No hidden charges</p></div><div class="flex flex-col items-center text-center px-4 pt-6 sm:pt-0"><div class="w-12 h-12 rounded-2xl bg-purple-50 dark:bg-purple-500/10 flex items-center justify-center text-purple-600 mb-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-refresh-cw" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg></div><h4 class="font-bold text-gray-900 dark:text-white text-[15px] mb-1">Ongoing Support</h4><p class="text-[13px] text-gray-500 dark:text-slate-400 font-medium">We&#x27;ve got your back</p></div><div class="flex flex-col items-center text-center px-4 pt-6 sm:pt-0"><div class="w-12 h-12 rounded-2xl bg-orange-50 dark:bg-orange-500/10 flex items-center justify-center text-orange-500 mb-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-lock" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><h4 class="font-bold text-gray-900 dark:text-white text-[15px] mb-1">Secure &amp; Reliable</h4><p class="text-[13px] text-gray-500 dark:text-slate-400 font-medium">Your data is safe with us</p></div></div></div></div></section></div><section class="relative py-20 lg:py-28 overflow-hidden bg-white dark:bg-[#070B16]"><div aria-hidden="true" class="absolute inset-0 pointer-events-none"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[900px] h-[600px]" style="background:radial-gradient(ellipse 70% 55% at 50% 10%, rgba(59,130,246,0.06) 0%, transparent 70%)"></div><div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-[700px] h-[400px]" style="background:radial-gradient(ellipse 60% 50% at 50% 100%, rgba(99,102,241,0.05) 0%, transparent 70%)"></div></div><div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center max-w-2xl mx-auto mb-12 lg:mb-16" style="opacity:0;transform:translateY(20px)"><p class="inline-flex items-center gap-2 text-[11px] font-black tracking-[0.22em] uppercase text-blue-600 dark:text-blue-400 mb-4"><span class="w-5 h-px bg-blue-400 rounded-full block"></span>Pan-India Delivery Network<span class="w-5 h-px bg-blue-400 rounded-full block"></span></p><h2 class="text-3xl sm:text-4xl lg:text-5xl font-heading font-extrabold tracking-tight text-gray-900 dark:text-white leading-tight mb-4">Your Products Delivered to Every Corner of India</h2><p class="text-[15px] text-gray-500 dark:text-white/40 leading-relaxed max-w-xl mx-auto">DiGi Maker connects your online store with India&#x27;s top 8 logistics partners - same-day Rajkot, next-day Gujarat, pan-India coverage.</p></div><div class="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-8" style="opacity:0;transform:translateY(16px)"><div class="flex items-center gap-3 px-4 py-3.5 rounded-xl bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.05]"><div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-500/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package text-blue-600 dark:text-blue-400" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><div><div class="text-[15px] font-black text-gray-900 dark:text-white/90 leading-none">8+</div><div class="text-[10px] font-semibold text-gray-400 dark:text-white/30 mt-0.5">Courier Partners</div></div></div><div class="flex items-center gap-3 px-4 py-3.5 rounded-xl bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.05]"><div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-500/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin text-blue-600 dark:text-blue-400" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><div class="text-[15px] font-black text-gray-900 dark:text-white/90 leading-none">19K+</div><div class="text-[10px] font-semibold text-gray-400 dark:text-white/30 mt-0.5">Pin Codes</div></div></div><div class="flex items-center gap-3 px-4 py-3.5 rounded-xl bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.05]"><div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-500/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-600 dark:text-blue-400" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><div><div class="text-[15px] font-black text-gray-900 dark:text-white/90 leading-none">All Gujarat</div><div class="text-[10px] font-semibold text-gray-400 dark:text-white/30 mt-0.5">Districts</div></div></div><div class="flex items-center gap-3 px-4 py-3.5 rounded-xl bg-gray-50 dark:bg-white/[0.04] border border-gray-100 dark:border-white/[0.05]"><div class="w-8 h-8 rounded-lg bg-blue-100 dark:bg-blue-500/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-blue-600 dark:text-blue-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><div class="text-[15px] font-black text-gray-900 dark:text-white/90 leading-none">Same Day</div><div class="text-[10px] font-semibold text-gray-400 dark:text-white/30 mt-0.5">Rajkot</div></div></div></div><div style="opacity:0;transform:translateY(24px)"><div class="relative w-full rounded-2xl overflow-hidden border border-gray-100 dark:border-white/[0.05] bg-gradient-to-br from-blue-50/80 via-white to-indigo-50/50 dark:from-[#0A0F20] dark:via-[#0C1228] dark:to-[#0A0F20]"><div aria-hidden="true" class="absolute inset-0 pointer-events-none opacity-[0.07] dark:opacity-[0.13]" style="background-image:radial-gradient(circle,rgba(59,130,246,0.7) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent)"></div><div class="relative z-10 px-6 sm:px-10 py-8 sm:py-10 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center"><div class="flex-shrink-0 w-full lg:w-[400px] xl:w-[460px]" style="opacity:0;transform:translateX(-24px)"><div class="relative w-full" style="aspect-ratio:1187 / 1069"><div aria-hidden="true" class="absolute inset-x-[6%] top-[14%] bottom-[8%] pointer-events-none" style="background:radial-gradient(ellipse 56% 60% at 50% 52%, #2A75C9, transparent 70%);opacity:0"></div><div aria-hidden="true" class="absolute aspect-square rounded-full pointer-events-none" style="left:6%;top:86%;width:7%;background:radial-gradient(circle, rgba(203,213,225,0.5), transparent 70%)"></div><div aria-hidden="true" class="absolute aspect-square rounded-full pointer-events-none" style="left:6%;top:86%;width:7%;background:radial-gradient(circle, rgba(203,213,225,0.5), transparent 70%)"></div><div aria-hidden="true" class="absolute aspect-square rounded-full pointer-events-none" style="left:6%;top:86%;width:7%;background:radial-gradient(circle, rgba(203,213,225,0.5), transparent 70%)"></div><span aria-hidden="true" class="absolute rounded-full pointer-events-none" style="left:-6%;top:13%;height:2px;width:30%;background:linear-gradient(90deg, transparent, #2A75C9)"></span><span aria-hidden="true" class="absolute rounded-full pointer-events-none" style="left:-6%;top:20%;height:2px;width:30%;background:linear-gradient(90deg, transparent, #2A75C9)"></span><span aria-hidden="true" class="absolute rounded-full pointer-events-none" style="left:-6%;top:27%;height:2px;width:30%;background:linear-gradient(90deg, transparent, #2A75C9)"></span><div aria-hidden="true" class="absolute left-0 right-0 bottom-[1.5%] h-[4px] overflow-hidden" style="mask-image:linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent)"><div class="absolute inset-y-0 w-[200%]" style="background-image:repeating-linear-gradient(90deg, rgba(148,163,184,0.6) 0 16px, transparent 16px 46px)"></div></div><div class="absolute inset-0"><img src="/delhivery-partners/ekart.png" alt="EKART Logistics delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:1"/><img src="/delhivery-partners/delhivery.png" alt="Delhivery delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><img src="/delhivery-partners/xpressbees.png" alt="Xpressbees delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><img src="/delhivery-partners/bluedart.png" alt="BlueDart delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><img src="/delhivery-partners/dtdc.png" alt="DTDC delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><img src="/delhivery-partners/indiapost.png" alt="India Post delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><img src="/delhivery-partners/shadowfax.png" alt="Shadowfax delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><img src="/delhivery-partners/ecomexpress.png" alt="Ecom Express delivery partner on scooter" draggable="false" loading="lazy" class="absolute inset-0 w-full h-full object-contain select-none [will-change:opacity]" style="opacity:0"/><div aria-hidden="true" class="absolute pointer-events-none -translate-x-1/2 -translate-y-1/2" style="left:89.7%;top:85.8%;width:12.5%;aspect-ratio:1"><div class="w-full h-full rounded-full [will-change:transform]" style="background:conic-gradient(from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0.26) 38deg, rgba(255,255,255,0) 92deg, rgba(255,255,255,0) 210deg, rgba(255,255,255,0.13) 246deg, rgba(255,255,255,0) 300deg),repeating-conic-gradient(from 0deg, rgba(255,255,255,0) 0deg 22deg, rgba(255,255,255,0.06) 24deg, rgba(255,255,255,0) 26deg 45deg);-webkit-mask-image:radial-gradient(circle, transparent 0 20%, #000 33%, #000 70%, transparent 90%);mask-image:radial-gradient(circle, transparent 0 20%, #000 33%, #000 70%, transparent 90%)"></div></div><div aria-hidden="true" class="absolute pointer-events-none -translate-x-1/2 -translate-y-1/2" style="left:15.3%;top:90.2%;width:10%;aspect-ratio:1"><div class="w-full h-full rounded-full [will-change:transform]" style="background:conic-gradient(from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,0.26) 38deg, rgba(255,255,255,0) 92deg, rgba(255,255,255,0) 210deg, rgba(255,255,255,0.13) 246deg, rgba(255,255,255,0) 300deg),repeating-conic-gradient(from 0deg, rgba(255,255,255,0) 0deg 22deg, rgba(255,255,255,0.06) 24deg, rgba(255,255,255,0) 26deg 45deg);-webkit-mask-image:radial-gradient(circle, transparent 0 20%, #000 33%, #000 70%, transparent 90%);mask-image:radial-gradient(circle, transparent 0 20%, #000 33%, #000 70%, transparent 90%)"></div></div></div></div></div><div class="flex-1 min-w-0 space-y-5"><div class="relative" style="opacity:0;transform:translateY(16px)"><div class="flex items-center gap-3"><div class="flex-shrink-0 w-9 h-9 rounded-xl bg-blue-100 dark:bg-blue-500/10 border border-blue-200 dark:border-blue-500/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory text-blue-600 dark:text-blue-400" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></div><div class="relative flex-1 h-[3px] rounded-full overflow-hidden bg-gray-200 dark:bg-white/[0.07]"><div class="absolute inset-y-0 left-0 rounded-full" style="background:linear-gradient(90deg, #2A75C980, #2A75C9)"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:0%;width:10px;height:10px;border-radius:50%;background:#2A75C9;margin-top:-2px"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:14.285714285714285%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:28.57142857142857%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:42.857142857142854%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:57.14285714285714%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:71.42857142857143%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:85.71428571428571%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div><div class="absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300" style="left:100%;width:6px;height:6px;border-radius:50%;background:rgba(107,114,128,0.3);margin-top:0"></div></div><div class="flex-shrink-0 w-9 h-9 rounded-xl bg-emerald-100 dark:bg-emerald-500/10 border border-emerald-200 dark:border-emerald-500/20 flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house text-emerald-600 dark:text-emerald-400" aria-hidden="true"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg></div></div><div class="mt-1.5 flex items-center gap-1.5 ml-12 mr-12"><div class="w-2 h-2 rounded-full animate-pulse" style="background:#2A75C9"></div><p class="text-[11px] font-semibold text-gray-500 dark:text-white/35" style="opacity:0">EKART Logistics<!-- --> · <!-- -->Flipkart Network</p></div></div><div class="relative rounded-xl overflow-hidden p-4 border" style="border-color:#2A75C930;opacity:0;transform:translateY(16px)"><div class="absolute inset-0 pointer-events-none" style="background:linear-gradient(135deg, #2A75C90A 0%, transparent 60%)"></div><div class="relative flex items-start gap-3"><div class="w-10 h-10 rounded-xl flex-shrink-0 flex items-center justify-center" style="background:#2A75C918;color:#2A75C9"><div class="w-6 h-6" style="opacity:0;transform:scale(0.6)"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M6 12h6l5 14h18l4-11H18" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="18" cy="31" r="2.5" fill="currentColor"></circle><circle cx="28" cy="31" r="2.5" fill="currentColor"></circle><path d="M37 8l-3 6h4l-3 5" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><div class="flex-1 min-w-0"><div style="opacity:0;transform:translateX(8px)"><div class="flex items-center gap-2 mb-1"><span class="font-bold text-[13px] text-gray-900 dark:text-white/90">EKART Logistics</span><span class="text-[10px] font-black tracking-[0.12em] uppercase px-1.5 py-[2px] rounded-[4px]" style="background:#2A75C918;color:#2A75C9">Flipkart Network</span></div><p class="text-[12px] text-gray-500 dark:text-white/40 leading-relaxed">Same-day delivery across Rajkot and all major Gujarat cities via Flipkart network.</p></div></div></div></div><div class="flex flex-wrap gap-2" style="opacity:0"><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:#2A75C915;border-color:#2A75C950;color:#2A75C9"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#2A75C9"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M6 12h6l5 14h18l4-11H18" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="18" cy="31" r="2.5" fill="currentColor"></circle><circle cx="28" cy="31" r="2.5" fill="currentColor"></circle><path d="M37 8l-3 6h4l-3 5" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="">EKART</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#EA4333"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M15 10h9c7.732 0 14 6.268 14 14s-6.268 14-14 14h-9V10z" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round"></path><path d="M7 18h6M7 24h8M7 30h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity="0.5"></path></svg></span><span class="text-gray-500 dark:text-white/35">Delhivery</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#F26A1B"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M24 6l16 9.2v18.4L24 42 8 33.6V15.2z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"></path><ellipse cx="24" cy="27" rx="4" ry="5" stroke="currentColor" stroke-width="2"></ellipse><path d="M20 23c-2.5-1.5-5 0-5 2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M28 23c2.5-1.5 5 0 5 2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><line x1="24" y1="32" x2="24" y2="35" stroke="currentColor" stroke-width="2" stroke-linecap="round"></line></svg></span><span class="text-gray-500 dark:text-white/35">Xpressbees</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#0075BA"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M9 24L39 12l-8 12 8 12z" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"></path><path d="M9 20h12M9 24h14M9 28h12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" opacity="0.4"></path></svg></span><span class="text-gray-500 dark:text-white/35">BlueDart</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#1E3FA8"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><rect x="8" y="16" width="18" height="20" rx="3" stroke="currentColor" stroke-width="2.4" stroke-linejoin="round"></rect><path d="M26 20h6c2.2 0 4 1.8 4 4s-1.8 4-4 4h-6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 20v12M17 20v12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" opacity="0.45"></path></svg></span><span class="text-gray-500 dark:text-white/35">DTDC</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#C8102E"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><rect x="7" y="14" width="34" height="22" rx="4" stroke="currentColor" stroke-width="2.4" stroke-linejoin="round"></rect><path d="M7 18l17 12 17-12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span class="text-gray-500 dark:text-white/35">India Post</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#00B894"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M8 30c4-12 14-18 22-16 6 1.5 10 7 8 14-1.5 5-6 8-10 6.5" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M28 34.5c-6 2-12-2-12-9" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity="0.55"></path><circle cx="32" cy="15" r="4" stroke="currentColor" stroke-width="2"></circle></svg></span><span class="text-gray-500 dark:text-white/35">Shadowfax</span></button><button class="flex items-center gap-1.5 px-2.5 py-[6px] rounded-lg text-[10px] font-bold border transition-colors" tabindex="0" style="background:transparent;border-color:rgba(107,114,128,0.15)"><span class="w-3.5 h-3.5 flex-shrink-0" style="color:#E6017E"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M8 24h28" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M28 16l8 8-8 8" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 16h14M8 32h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity="0.5"></path></svg></span><span class="text-gray-500 dark:text-white/35">Ecom</span></button></div></div></div></div></div><div class="mt-8 grid grid-cols-2 sm:grid-cols-4 gap-4 lg:gap-5"><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="box-shadow:0 0 0 2px #2A75C955, 0 8px 32px #2A75C920;opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-transparent
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#2A75C9;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#2A75C930"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#2A75C918;color:#2A75C9"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M6 12h6l5 14h18l4-11H18" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="18" cy="31" r="2.5" fill="currentColor"></circle><circle cx="28" cy="31" r="2.5" fill="currentColor"></circle><path d="M37 8l-3 6h4l-3 5" stroke="currentColor" stroke-width="2.1" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">EKART</div><div class="text-[11px] font-bold mt-0.5" style="color:#2A75C9">Flipkart Network</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">Same-day delivery across Rajkot and all major Gujarat cities via Flipkart network.</p><div class="flex items-center gap-1.5 mt-1"><div class="w-1.5 h-1.5 rounded-full animate-pulse" style="background:#2A75C9"></div><span class="text-[10px] font-black tracking-[0.14em] uppercase" style="color:#2A75C9">Active</span></div></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#EA4333;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#EA433330"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#EA433318;color:#EA4333"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M15 10h9c7.732 0 14 6.268 14 14s-6.268 14-14 14h-9V10z" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round"></path><path d="M7 18h6M7 24h8M7 30h6" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity="0.5"></path></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">Delhivery</div><div class="text-[11px] font-bold mt-0.5" style="color:#EA4333">Pan-India Express</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">19,000+ active pin codes with real-time tracking and reliable next-day delivery.</p></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#F26A1B;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#F26A1B30"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#F26A1B18;color:#F26A1B"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M24 6l16 9.2v18.4L24 42 8 33.6V15.2z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="round"></path><ellipse cx="24" cy="27" rx="4" ry="5" stroke="currentColor" stroke-width="2"></ellipse><path d="M20 23c-2.5-1.5-5 0-5 2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><path d="M28 23c2.5-1.5 5 0 5 2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path><line x1="24" y1="32" x2="24" y2="35" stroke="currentColor" stroke-width="2" stroke-linecap="round"></line></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">Xpressbees</div><div class="text-[11px] font-bold mt-0.5" style="color:#F26A1B">Speed Delivery</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">Affordable express shipping to Tier 1, 2, and 3 cities for high-volume orders.</p></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#0075BA;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#0075BA30"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#0075BA18;color:#0075BA"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M9 24L39 12l-8 12 8 12z" stroke="currentColor" stroke-width="2.6" stroke-linejoin="round" stroke-linecap="round"></path><path d="M9 20h12M9 24h14M9 28h12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" opacity="0.4"></path></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">BlueDart</div><div class="text-[11px] font-bold mt-0.5" style="color:#0075BA">Premium Courier</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">Premium time-definite courier with DHL partnership for high-value goods.</p></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#1E3FA8;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#1E3FA830"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#1E3FA818;color:#1E3FA8"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><rect x="8" y="16" width="18" height="20" rx="3" stroke="currentColor" stroke-width="2.4" stroke-linejoin="round"></rect><path d="M26 20h6c2.2 0 4 1.8 4 4s-1.8 4-4 4h-6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 20v12M17 20v12" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" opacity="0.45"></path></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">DTDC</div><div class="text-[11px] font-bold mt-0.5" style="color:#1E3FA8">Trusted Nationwide</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">50+ years of logistics covering 17,000+ pin codes for B2B and B2C shipments.</p></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#C8102E;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#C8102E30"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#C8102E18;color:#C8102E"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><rect x="7" y="14" width="34" height="22" rx="4" stroke="currentColor" stroke-width="2.4" stroke-linejoin="round"></rect><path d="M7 18l17 12 17-12" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">India Post</div><div class="text-[11px] font-bold mt-0.5" style="color:#C8102E">Every Pin Code</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">The only courier reaching every single pin code including remote rural areas.</p></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#00B894;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#00B89430"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#00B89418;color:#00B894"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M8 30c4-12 14-18 22-16 6 1.5 10 7 8 14-1.5 5-6 8-10 6.5" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M28 34.5c-6 2-12-2-12-9" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity="0.55"></path><circle cx="32" cy="15" r="4" stroke="currentColor" stroke-width="2"></circle></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">Shadowfax</div><div class="text-[11px] font-bold mt-0.5" style="color:#00B894">Last-Mile Leader</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">Tech-first hyperlocal delivery built for same-day and quick-commerce use cases.</p></div></div><div class="relative cursor-pointer rounded-2xl overflow-hidden" tabindex="0" style="opacity:0;transform:translateY(28px)"><div class="h-full p-5 flex flex-col gap-3 transition-colors duration-300
        bg-white dark:bg-[#0D1225] border rounded-2xl
        border-gray-100 dark:border-white/[0.05]
        hover:border-transparent"><div class="h-[3px] w-full rounded-full -mt-5 -mx-5 mb-1" style="background:#E6017E;width:calc(100% + 40px)"></div><div class="relative"><div class="absolute -inset-1 rounded-2xl blur-lg opacity-0 group-hover:opacity-100 transition-opacity" style="background:#E6017E30"></div><div class="relative w-11 h-11 rounded-xl flex items-center justify-center" style="background:#E6017E18;color:#E6017E"><div class="w-7 h-7"><svg viewBox="0 0 48 48" fill="none" class="h-full w-full"><path d="M8 24h28" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"></path><path d="M28 16l8 8-8 8" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8 16h14M8 32h14" stroke="currentColor" stroke-width="2" stroke-linecap="round" opacity="0.5"></path></svg></div></div></div><div><div class="font-bold text-[14px] text-gray-900 dark:text-white/90 leading-tight">Ecom</div><div class="text-[11px] font-bold mt-0.5" style="color:#E6017E">E-com Specialist</div></div><p class="text-[11.5px] text-gray-500 dark:text-white/35 leading-relaxed mt-auto line-clamp-3 flex-1">Built exclusively for e-commerce: seamless delivery, NDR management, and returns.</p></div></div></div><p class="text-center text-[11.5px] text-gray-400 dark:text-white/22 mt-10 max-w-xl mx-auto leading-relaxed" style="opacity:0">All courier APIs integrated into your store. Real-time tracking, automated shipping labels, and smart carrier selection. Fully managed for you.</p></div></section><section class="relative pt-32 pb-48 overflow-hidden bg-[#0A192F] dark:bg-ink"><div class="absolute inset-0 bg-gradient-to-br from-[#0F172A] via-[#0A41A8] to-[#1E3A8A] dark:from-[#060912] dark:via-[#0A2A63] dark:to-[#0F2550]"></div><div class="absolute top-0 right-0 w-[800px] h-full overflow-hidden opacity-30 pointer-events-none"><svg viewBox="0 0 800 600" class="absolute w-full h-full text-white/10" fill="currentColor"><path d="M100 500 L250 350 L400 400 L700 100 L700 500 Z" opacity="0.3"></path><circle cx="250" cy="350" r="10" fill="white"></circle><circle cx="400" cy="400" r="10" fill="white"></circle><circle cx="700" cy="100" r="15" fill="white"></circle><path d="M600 100 L700 100 L700 200" fill="none" stroke="white" stroke-width="15" stroke-linecap="round" stroke-linejoin="round"></path></svg></div><div class="absolute inset-0 pointer-events-none" style="background-image:radial-gradient(45% 55% at 85% 0%, rgba(59,130,246,0.35), transparent 70%), radial-gradient(40% 50% at 5% 100%, rgba(99,102,241,0.25), transparent 70%)"></div><div class="absolute inset-0 pointer-events-none opacity-[0.25]" style="background-image:radial-gradient(rgba(255,255,255,0.6) 1px, transparent 1px);background-size:30px 30px;mask-image:radial-gradient(60% 60% at 50% 30%, black, transparent 80%);-webkit-mask-image:radial-gradient(60% 60% at 50% 30%, black, transparent 80%)"></div><div class="absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-[#143C9A] dark:from-[#070C1C] to-transparent transform -skew-y-2 origin-bottom-left z-10 translate-y-2"></div><div class="absolute bottom-0 left-0 right-0 h-16 bg-[#143C9A] dark:bg-[#070C1C] z-10"></div><div class="relative max-w-5xl mx-auto px-4 sm:px-6 text-center z-20 pb-16" style="opacity:0;transform:translateY(30px) scale(0.95)"><div class="flex justify-center mb-8"><div class="inline-flex items-center gap-2 px-5 py-2 rounded-full bg-white/10 backdrop-blur-md border border-white/20 shadow-[0_4px_15px_rgba(0,0,0,0.1)] text-white font-bold text-sm tracking-wide"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket text-amber-400" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>LET&#x27;S GROW TOGETHER</div></div><h2 class="text-4xl md:text-6xl lg:text-7xl font-heading font-extrabold text-white tracking-tight mb-8 leading-tight">Ready To<!-- --> <span class="text-transparent bg-clip-text bg-gradient-to-r from-amber-400 to-yellow-300">Grow</span> <br class="hidden md:block"/> <!-- -->Your Manufacturing Business Online?</h2><p class="text-xl text-blue-100 font-medium max-w-2xl mx-auto mb-10 leading-relaxed">Get a custom plan that brings more inquiries, better visibility and real growth for your business.</p><div class="flex flex-col sm:flex-row items-center justify-center gap-4"><button class="w-full sm:w-auto flex items-center justify-center gap-2 bg-gradient-to-r from-amber-400 to-yellow-500 text-gray-900 px-8 py-4 rounded-xl font-bold shadow-[0_0_20px_rgba(245,158,11,0.3)] text-lg transition-all transition-shadow duration-200 hover:shadow-[0_10px_30px_-5px_rgba(251,191,36,0.4)]" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket" aria-hidden="true"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Get Started Today</button><button class="w-full sm:w-auto flex items-center justify-center gap-2 bg-transparent hover:bg-white/10 border border-white/30 text-white px-8 py-4 rounded-xl font-bold transition-all text-lg" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path></svg>Book Free Consultation</button></div></div></section><section class="relative overflow-hidden py-20 lg:py-28 bg-[#143C9A] dark:bg-[#070C1C]" id="contact"><div class="absolute inset-0 pointer-events-none opacity-[0.6]" style="background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);background-size:54px 54px;mask-image:radial-gradient(85% 70% at 50% 38%, black, transparent 85%);-webkit-mask-image:radial-gradient(85% 70% at 50% 38%, black, transparent 85%)"></div><div class="relative max-w-[1200px] mx-auto px-4 sm:px-6 lg:px-10"><div class="text-center max-w-2xl mx-auto mb-12 lg:mb-14" style="opacity:0;transform:translateY(24px)"><div class="inline-flex items-center gap-2.5 mb-5"><span class="relative flex h-2.5 w-2.5 "><span class="absolute inset-0 rounded-full bg-emerald-400" style="will-change:transform"></span><span class="relative inline-flex h-2.5 w-2.5 rounded-full bg-emerald-400 shadow-[0_0_8px_rgba(52,211,153,0.9)]"></span></span><span class="text-[12px] font-bold uppercase tracking-[0.24em] text-blue-200">Get in touch</span></div><h2 class="text-4xl sm:text-5xl lg:text-6xl font-heading font-extrabold text-white tracking-tight leading-[1.05]">Let&#x27;s turn searches into<!-- --> <span class="font-accent italic font-normal text-amber-300">signed orders</span>.</h2><p class="mt-5 text-lg text-blue-100/85 font-medium leading-relaxed">Tell us what you manufacture and where you want to grow. You&#x27;ll hear back within 24 hours with a plan built around your products.</p></div><div class="relative bg-white dark:bg-ink-card rounded-[28px] lg:rounded-[36px] ring-1 ring-black/[0.04] dark:ring-white/10 shadow-[0_40px_90px_-30px_rgba(8,20,60,0.55)] p-4 sm:p-5 lg:p-6" style="opacity:0;transform:translateY(44px)"><div class="grid lg:grid-cols-2 gap-4 lg:gap-6 items-stretch"><div class="px-3 py-4 sm:px-5 sm:py-6 lg:px-7 lg:py-8 flex flex-col"><span class="text-[12px] font-bold uppercase tracking-[0.18em] text-[#2563EB] dark:text-blue-300">Send an inquiry</span><p class="mt-2 text-base lg:text-lg text-gray-500 dark:text-slate-400 font-medium leading-relaxed max-w-md">A few details is all we need to draft your first growth plan.</p><form noValidate="" class="mt-7 space-y-4 flex-1"><div class="space-y-1.5" style="opacity:0;transform:translateY(16px)"><label class="text-[13px] font-bold text-gray-600 dark:text-slate-300 ml-1">Full Name</label><input type="text" required="" class="w-full px-4 py-3.5 rounded-2xl bg-[#F1F5FB] dark:bg-ink-raised border border-transparent dark:border-white/10 text-gray-900 dark:text-slate-100 font-medium placeholder-gray-400 dark:placeholder-slate-500 outline-none shadow-[inset_0_2px_5px_rgba(15,23,42,0.05)] dark:shadow-[inset_0_1px_3px_rgba(0,0,0,0.45)] transition-all duration-200 focus:bg-white dark:focus:bg-[#1A2540] focus:border-[#3B82F6] dark:focus:border-blue-400 focus:ring-4 focus:ring-[#3B82F6]/15 dark:focus:ring-blue-400/20" placeholder="Rajesh Patel" value=""/></div><div class="grid sm:grid-cols-2 gap-4" style="opacity:0;transform:translateY(16px)"><div class="space-y-1.5"><label class="text-[13px] font-bold text-gray-600 dark:text-slate-300 ml-1">Mobile Number</label><div class="flex items-stretch rounded-2xl bg-[#F1F5FB] dark:bg-ink-raised border transition-all duration-200 shadow-[inset_0_2px_5px_rgba(15,23,42,0.05)] dark:shadow-[inset_0_1px_3px_rgba(0,0,0,0.45)] focus-within:bg-white dark:focus-within:bg-[#1A2540] focus-within:ring-4 border-transparent dark:border-white/10 focus-within:border-[#3B82F6] dark:focus-within:border-blue-400 focus-within:ring-[#3B82F6]/15 dark:focus-within:ring-blue-400/20"><div class="relative flex-shrink-0 flex items-center border-r border-black/10 dark:border-white/10"><select aria-label="Country code" class="h-full pl-4 pr-7 py-3.5 rounded-l-2xl text-[14px] font-bold bg-transparent appearance-none outline-none cursor-pointer text-gray-900 dark:text-slate-100"><option value="+91" selected="">🇮🇳<!-- --> <!-- -->+91</option><option value="+971">🇦🇪<!-- --> <!-- -->+971</option><option value="+966">🇸🇦<!-- --> <!-- -->+966</option><option value="+974">🇶🇦<!-- --> <!-- -->+974</option><option value="+965">🇰🇼<!-- --> <!-- -->+965</option><option value="+973">🇧🇭<!-- --> <!-- -->+973</option><option value="+968">🇴🇲<!-- --> <!-- -->+968</option><option value="+65">🇸🇬<!-- --> <!-- -->+65</option><option value="+44">🇬🇧<!-- --> <!-- -->+44</option><option value="+1">🇺🇸<!-- --> <!-- -->+1</option><option value="+61">🇦🇺<!-- --> <!-- -->+61</option></select><div class="absolute inset-y-0 right-2 flex items-center pointer-events-none text-gray-400 dark:text-slate-500"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="m6 9 6 6 6-6"></path></svg></div></div><input type="tel" inputMode="numeric" required="" class="flex-1 min-w-0 px-4 py-3.5 bg-transparent text-gray-900 dark:text-slate-100 font-medium placeholder-gray-400 dark:placeholder-slate-500 outline-none rounded-r-2xl" placeholder="98765 43210" value=""/></div></div><div class="space-y-1.5"><label class="text-[13px] font-bold text-gray-600 dark:text-slate-300 ml-1">Email</label><input type="email" required="" class="w-full px-4 py-3.5 rounded-2xl bg-[#F1F5FB] dark:bg-ink-raised border border-transparent dark:border-white/10 text-gray-900 dark:text-slate-100 font-medium placeholder-gray-400 dark:placeholder-slate-500 outline-none shadow-[inset_0_2px_5px_rgba(15,23,42,0.05)] dark:shadow-[inset_0_1px_3px_rgba(0,0,0,0.45)] transition-all duration-200 focus:bg-white dark:focus:bg-[#1A2540] focus:border-[#3B82F6] dark:focus:border-blue-400 focus:ring-4 focus:ring-[#3B82F6]/15 dark:focus:ring-blue-400/20" placeholder="you@company.com" value=""/></div></div><div class="space-y-1.5" style="opacity:0;transform:translateY(16px)"><label class="text-[13px] font-bold text-gray-600 dark:text-slate-300 ml-1">Message / Requirement</label><textarea rows="4" maxLength="500" class="w-full px-4 py-3.5 rounded-2xl bg-[#F1F5FB] dark:bg-ink-raised border border-transparent dark:border-white/10 text-gray-900 dark:text-slate-100 font-medium placeholder-gray-400 dark:placeholder-slate-500 outline-none shadow-[inset_0_2px_5px_rgba(15,23,42,0.05)] dark:shadow-[inset_0_1px_3px_rgba(0,0,0,0.45)] transition-all duration-200 focus:bg-white dark:focus:bg-[#1A2540] focus:border-[#3B82F6] dark:focus:border-blue-400 focus:ring-4 focus:ring-[#3B82F6]/15 dark:focus:ring-blue-400/20 resize-none" placeholder="Tell us what you make and what you need — e.g. more export inquiries for CNC-machined brass parts from the US &amp; EU."></textarea></div><div style="opacity:0;transform:translateY(16px)"><div id="cf-ts-contact"></div></div><div class="flex flex-wrap items-center gap-x-5 gap-y-3 pt-1" style="opacity:0;transform:translateY(16px)"><button type="submit" class="group inline-flex items-center justify-center gap-2.5 px-8 py-4 rounded-full bg-gradient-to-r from-[#2563EB] to-[#3B82F6] text-white font-bold text-[15px] shadow-[0_15px_30px_-8px_rgba(37,99,235,0.55)] transition-shadow duration-200 hover:shadow-[0_24px_46px_-10px_rgba(37,99,235,0.6)] disabled:opacity-60 disabled:cursor-not-allowed" tabindex="0" style="will-change:transform;transform:none">Submit Inquiry<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send text-blue-100 transition-transform duration-200 group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></button><button type="button" class="text-[13px] font-semibold text-gray-400 dark:text-slate-500 hover:text-[#2563EB] dark:hover:text-blue-300 transition-colors">or book a free demo →</button></div></form></div><div class="relative overflow-hidden rounded-[24px] lg:rounded-[28px] bg-[#0A1B45] dark:bg-[#0A1230] ring-1 ring-white/10 p-6 sm:p-8 flex flex-col"><div class="absolute inset-0 pointer-events-none opacity-[0.55]" style="background-image:radial-gradient(rgba(125,168,255,0.16) 1px, transparent 1px);background-size:22px 22px;mask-image:radial-gradient(120% 90% at 60% 0%, black, transparent 75%);-webkit-mask-image:radial-gradient(120% 90% at 60% 0%, black, transparent 75%)"></div><div class="relative flex flex-col flex-1"><div class="flex items-center gap-2.5 mb-1"><span class="relative flex h-2.5 w-2.5 "><span class="absolute inset-0 rounded-full bg-emerald-400" style="will-change:transform"></span><span class="relative inline-flex h-2.5 w-2.5 rounded-full bg-emerald-400 shadow-[0_0_8px_rgba(52,211,153,0.9)]"></span></span><span class="text-[11px] font-bold uppercase tracking-[0.22em] text-emerald-300/90">Live — leads arriving now</span></div><p class="text-[15px] font-semibold text-slate-300 max-w-[36ch]">The view from a client&#x27;s phone: real buyers messaging in, quotes going out.</p><div class="my-7 lg:my-8"><div class="relative w-full max-w-[330px] mx-auto"><svg viewBox="0 0 340 384" class="w-full h-auto overflow-visible" style="font-family:var(--font-figtree), ui-sans-serif, sans-serif" aria-hidden="true"><defs><linearGradient id="dm-phone" x1="90" y1="14" x2="250" y2="370" gradientUnits="userSpaceOnUse"><stop stop-color="#1E2C4A"></stop><stop offset="1" stop-color="#090F1E"></stop></linearGradient><linearGradient id="dm-wa" x1="98" y1="22" x2="98" y2="70" gradientUnits="userSpaceOnUse"><stop stop-color="#23B65B"></stop><stop offset="1" stop-color="#1C9E50"></stop></linearGradient><radialGradient id="dm-screen-glow" cx="50%" cy="40%" r="60%"><stop offset="0%" stop-color="rgba(59,130,246,0.45)"></stop><stop offset="100%" stop-color="rgba(59,130,246,0)"></stop></radialGradient><clipPath id="dm-screen"><rect x="98" y="22" width="144" height="340" rx="24"></rect></clipPath></defs><ellipse cx="170" cy="180" rx="150" ry="170" fill="url(#dm-screen-glow)"></ellipse><g style="will-change:transform"><rect x="90" y="14" width="160" height="356" rx="30" fill="url(#dm-phone)"></rect><rect x="90.75" y="14.75" width="158.5" height="354.5" rx="29.25" fill="none" stroke="#43618F" stroke-opacity="0.55" stroke-width="1.5"></rect><rect x="93" y="17" width="154" height="350" rx="27" fill="none" stroke="#ffffff" stroke-opacity="0.06" stroke-width="1.5"></rect><rect x="87" y="70" width="3" height="22" rx="1.5" fill="#2A3C5C"></rect><rect x="87" y="100" width="3" height="34" rx="1.5" fill="#2A3C5C"></rect><rect x="250" y="92" width="3" height="46" rx="1.5" fill="#2A3C5C"></rect><rect x="98" y="22" width="144" height="340" rx="24" fill="#EAF1F8"></rect><g clip-path="url(#dm-screen)"><rect x="98" y="22" width="144" height="48" fill="url(#dm-wa)"></rect><path d="M112 46 l-5 4 l5 4" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="129" cy="49" r="10" fill="#ffffff"></circle><text x="129" y="52.5" text-anchor="middle" font-size="8" font-weight="800" fill="#1C9E50">DM</text><text x="146" y="46" font-size="9" font-weight="800" fill="#ffffff">Sales Inbox</text><circle cx="149" cy="55" r="2" fill="#BBF7D0"></circle><text x="155" y="58" font-size="7" font-weight="600" fill="#E6FFF0">online</text><path d="M223 45 q1.5 7 8 8.5 l1.5 -3 l-3.5 -1.5 l-1.5 1 q-2.5 -1 -3.5 -3.5 l1 -1.5 l-1.5 -3.5 Z" fill="#ffffff" opacity="0.95"></path><rect x="206" y="45" width="10" height="8" rx="2" fill="#ffffff" opacity="0.95"></rect><path d="M216 47 l4 -2 v8 l-4 -2 Z" fill="#ffffff" opacity="0.95"></path><rect x="150" y="82" width="40" height="15" rx="7.5" fill="#ffffff" opacity="0.75"></rect><text x="170" y="92.5" text-anchor="middle" font-size="7" font-weight="700" fill="#5B6B7E">TODAY</text><g opacity="0" style="will-change:transform;transform:translateY(12px);transform-origin:50% 50%;transform-box:fill-box"><g><rect x="106" y="106" width="106" height="30" rx="11" fill="#ffffff"></rect><path d="M 106 130 q -5 4 -9 5 q 6 1 9 -2 Z" fill="#ffffff"></path><rect x="117" y="115" width="72" height="4" rx="2" fill="#C5D3E4"></rect><rect x="117" y="124" width="56" height="4" rx="2" fill="#D6E0EC"></rect><rect x="194" y="127" width="10" height="3" rx="1.5" fill="#AFC0D4"></rect></g></g><g opacity="0" style="will-change:transform;transform:translateY(12px);transform-origin:50% 50%;transform-box:fill-box"><rect x="140" y="144" width="96" height="28" rx="11" fill="#D7F7C6"></rect><path d="M236 166 q5 4 9 5 q-6 1 -9 -2 Z" fill="#D7F7C6"></path><rect x="150" y="153" width="64" height="4" rx="2" fill="#A4D58F"></rect><path d="M218 165 l2 2 l4 -4" fill="none" stroke="#4AA8E0" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M222 165 l2 2 l4 -4" fill="none" stroke="#4AA8E0" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></g><g opacity="0" style="will-change:transform;transform:translateY(12px);transform-origin:50% 50%;transform-box:fill-box"><g><rect x="106" y="182" width="114" height="34" rx="11" fill="#ffffff"></rect><path d="M 106 210 q -5 4 -9 5 q 6 1 9 -2 Z" fill="#ffffff"></path><rect x="117" y="191" width="80" height="4" rx="2" fill="#C5D3E4"></rect><rect x="117" y="200" width="64" height="4" rx="2" fill="#D6E0EC"></rect><rect x="202" y="207" width="10" height="3" rx="1.5" fill="#AFC0D4"></rect></g><rect x="117" y="206" width="40" height="6" rx="3" fill="#DCFCE7"></rect><rect x="117" y="206" width="40" height="6" rx="3" fill="none" stroke="#86EFAC" stroke-width="0.75"></rect></g><g opacity="0" style="will-change:transform;transform:translateY(12px);transform-origin:50% 50%;transform-box:fill-box"><rect x="132" y="226" width="104" height="30" rx="11" fill="#D7F7C6"></rect><path d="M236 250 q5 4 9 5 q-6 1 -9 -2 Z" fill="#D7F7C6"></path><rect x="142" y="233" width="13" height="16" rx="2" fill="#ffffff"></rect><path d="M151 233 v4 h4" fill="none" stroke="#A4D58F" stroke-width="1"></path><rect x="160" y="236" width="50" height="4" rx="2" fill="#A4D58F"></rect><rect x="160" y="243" width="34" height="4" rx="2" fill="#B9DEAB"></rect><path d="M214 249 l2 2 l4 -4" fill="none" stroke="#4AA8E0" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M218 249 l2 2 l4 -4" fill="none" stroke="#4AA8E0" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path></g><g opacity="0" style="transform:translateY(12px);transform-origin:50% 50%;transform-box:fill-box"><rect x="106" y="266" width="46" height="22" rx="11" fill="#ffffff"></rect><circle cx="118" cy="277" r="2.6" fill="#9AA9BC" style="transform-box:fill-box;transform-origin:center"></circle><circle cx="126" cy="277" r="2.6" fill="#9AA9BC" style="transform-box:fill-box;transform-origin:center"></circle><circle cx="134" cy="277" r="2.6" fill="#9AA9BC" style="transform-box:fill-box;transform-origin:center"></circle></g><rect x="106" y="330" width="102" height="24" rx="12" fill="#ffffff"></rect><rect x="116" y="340" width="58" height="4" rx="2" fill="#C5D3E4"></rect><g style="transform-box:fill-box;transform-origin:center;will-change:transform"><circle cx="226" cy="342" r="13" fill="#23B65B"></circle><path d="M221 342 l10 -4 l-3.5 4 l3.5 4 Z" fill="#ffffff"></path></g></g><rect x="148" y="27" width="44" height="9" rx="4.5" fill="#070C18"></rect><circle cx="186" cy="31.5" r="1.6" fill="#1B3050"></circle></g><g opacity="0" style="transform-box:fill-box;transform-origin:50% 50%;transform:scale(0)"><g style="transform-box:fill-box;transform-origin:center"><circle cx="244" cy="40" r="13" fill="#22C55E" stroke="#0A1230" stroke-width="2.5"></circle><text x="244" y="44.5" text-anchor="middle" font-size="12" font-weight="800" fill="#ffffff">3</text></g></g></svg><div class="absolute top-[6%] -right-3 sm:-right-5 z-20" style="opacity:0;transform:translateY(14px) scale(0.92)"><div class="flex items-center gap-2.5 rounded-2xl bg-white px-3 py-2.5 shadow-[0_16px_36px_-12px_rgba(2,12,40,0.65)] ring-1 ring-black/5" style="will-change:transform"><span class="grid place-items-center w-8 h-8 rounded-full bg-emerald-500 shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="leading-tight"><span class="block text-[12px] font-extrabold text-gray-900">New inquiry</span><span class="block text-[10.5px] font-semibold text-gray-400">Brass parts · Germany</span></span></div></div><div class="absolute bottom-[5%] -left-3 sm:-left-5 z-20" style="opacity:0;transform:translateY(16px) scale(0.92)"><div class="rounded-2xl bg-[#0E2156] ring-1 ring-white/12 px-3.5 py-3 shadow-[0_16px_36px_-12px_rgba(2,12,40,0.7)]" style="will-change:transform"><div class="flex items-center gap-2"><svg width="42" height="22" viewBox="0 0 42 22" fill="none" class="shrink-0"><path d="M2 18 L10 13 L18 15 L26 8 L34 9 L40 3" stroke="#34D399" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></path><circle cx="40" cy="3" r="2.4" fill="#6EE7B7"></circle></svg><span class="inline-flex items-center gap-0.5 rounded-full bg-emerald-400/15 px-2 py-0.5 text-[11px] font-bold text-emerald-300">▲ 38%</span></div><p class="mt-1.5 font-heading text-2xl font-extrabold text-white leading-none tabular-nums">0<!-- -->+</p><p class="mt-1 text-[10.5px] font-semibold text-slate-400">leads delivered / yr</p></div></div></div></div><div class="mt-auto pt-6 border-t border-white/10"><div class="grid grid-cols-1 sm:grid-cols-3 gap-3.5"><div class="flex items-center gap-2.5"><div class="w-9 h-9 rounded-xl bg-white/[0.06] border border-white/10 text-blue-300 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div class="min-w-0"><p class="text-[10px] font-bold uppercase tracking-wider text-slate-500">Studio</p><p class="text-[13px] font-bold text-slate-100 truncate">Ahmedabad, Gujarat</p></div></div><div class="flex items-center gap-2.5"><div class="w-9 h-9 rounded-xl bg-white/[0.06] border border-white/10 text-blue-300 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></div><div class="min-w-0"><p class="text-[10px] font-bold uppercase tracking-wider text-slate-500">Call / WhatsApp</p><p class="text-[13px] font-bold text-slate-100 truncate">+91 98765 43210</p></div></div><div class="flex items-center gap-2.5"><div class="w-9 h-9 rounded-xl bg-white/[0.06] border border-white/10 text-blue-300 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><div class="min-w-0"><p class="text-[10px] font-bold uppercase tracking-wider text-slate-500">Email</p><p class="text-[13px] font-bold text-slate-100 truncate">hello@digimaker.in</p></div></div></div><div class="mt-5 flex items-center gap-2.5"><span class="text-[12px] font-bold text-slate-500 mr-1">Follow</span><a href="#" aria-label="Facebook" class="w-10 h-10 rounded-full bg-white/[0.06] border border-white/10 text-slate-200 flex items-center justify-center transition-colors duration-200 hover:bg-gradient-to-br hover:from-[#2563EB] hover:to-[#3B82F6] hover:text-white hover:border-transparent"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="#" aria-label="X" class="w-10 h-10 rounded-full bg-white/[0.06] border border-white/10 text-slate-200 flex items-center justify-center transition-colors duration-200 hover:bg-gradient-to-br hover:from-[#2563EB] hover:to-[#3B82F6] hover:text-white hover:border-transparent"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24h-6.66l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231Zm-1.16 17.52h1.833L7.084 4.126H5.117L17.083 19.77Z"></path></svg></a><a href="#" aria-label="LinkedIn" class="w-10 h-10 rounded-full bg-white/[0.06] border border-white/10 text-slate-200 flex items-center justify-center transition-colors duration-200 hover:bg-gradient-to-br hover:from-[#2563EB] hover:to-[#3B82F6] hover:text-white hover:border-transparent"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="#" aria-label="Instagram" class="w-10 h-10 rounded-full bg-white/[0.06] border border-white/10 text-slate-200 flex items-center justify-center transition-colors duration-200 hover:bg-gradient-to-br hover:from-[#2563EB] hover:to-[#3B82F6] hover:text-white hover:border-transparent"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a></div></div></div></div></div></div></div></section><section class="relative overflow-hidden bg-white dark:bg-ink py-12 sm:py-14" aria-label="Manufacturers using DiGi Maker"><div class="pointer-events-none absolute inset-0"><div class="absolute inset-0 bg-[radial-gradient(ellipse_60%_50%_at_50%_50%,rgba(37,99,235,0.04),transparent)] dark:bg-[radial-gradient(ellipse_60%_50%_at_50%_50%,rgba(37,99,235,0.10),transparent)]"></div></div><div class="relative z-10 mx-auto max-w-[1400px] px-4 sm:px-6 lg:px-8"><div class="mx-auto flex max-w-2xl flex-col items-center text-center mb-8" style="opacity:0;transform:translateY(12px)"><span class="mb-3 inline-flex items-center gap-2 text-[11px] font-bold uppercase tracking-[0.18em] text-gray-400 dark:text-slate-500"><span class="h-px w-6 bg-gradient-to-r from-transparent to-gray-300 dark:to-slate-600"></span>Powering Industry Leaders<span class="h-px w-6 bg-gradient-to-l from-transparent to-gray-300 dark:to-slate-600"></span></span><h2 class="font-heading text-xl font-extrabold tracking-tight text-gray-900 dark:text-white sm:text-2xl">Join the growing network of Indian manufacturers</h2></div></div><div class="relative flex flex-col gap-4 sm:gap-5" style="mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%)"><div class="flex w-full overflow-hidden"><div class="flex w-max" style="will-change:transform;transform:none"><div class="flex shrink-0" aria-hidden="false"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Supreme Plastics</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400">Shah Packaging</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400">Patel Industries</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors" aria-hidden="true"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400">Gujarat Textiles</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical" aria-hidden="true"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path><path d="M6.453 15h11.094"></path><path d="M8.5 2h7"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400">Meridian Chemicals</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog" aria-hidden="true"><path d="M11 10.27 7 3.34"></path><path d="m11 13.73-4 6.93"></path><path d="M12 22v-2"></path><path d="M12 2v2"></path><path d="M14 12h8"></path><path d="m17 20.66-1-1.73"></path><path d="m17 3.34-1 1.73"></path><path d="M2 12h2"></path><path d="m20.66 17-1.73-1"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m3.34 7 1.73 1"></path><circle cx="12" cy="12" r="2"></circle><circle cx="12" cy="12" r="8"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Apex Engineering</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400">NovaPack</span></div></div><div class="flex shrink-0" aria-hidden="true"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-box" aria-hidden="true"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"></path><path d="m3.3 7 8.7 5 8.7-5"></path><path d="M12 22V12"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Supreme Plastics</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package" aria-hidden="true"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-amber-600 dark:group-hover/chip:text-amber-400">Shah Packaging</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory" aria-hidden="true"><path d="M12 16h.01"></path><path d="M16 16h.01"></path><path d="M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z"></path><path d="M8 16h.01"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-indigo-600 dark:group-hover/chip:text-indigo-400">Patel Industries</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors" aria-hidden="true"><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-rose-600 dark:group-hover/chip:text-rose-400">Gujarat Textiles</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flask-conical" aria-hidden="true"><path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2"></path><path d="M6.453 15h11.094"></path><path d="M8.5 2h7"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-teal-600 dark:group-hover/chip:text-teal-400">Meridian Chemicals</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cog" aria-hidden="true"><path d="M11 10.27 7 3.34"></path><path d="m11 13.73-4 6.93"></path><path d="M12 22v-2"></path><path d="M12 2v2"></path><path d="M14 12h8"></path><path d="m17 20.66-1-1.73"></path><path d="m17 3.34-1 1.73"></path><path d="M2 12h2"></path><path d="m20.66 17-1.73-1"></path><path d="m20.66 7-1.73 1"></path><path d="m3.34 17 1.73-1"></path><path d="m3.34 7 1.73 1"></path><circle cx="12" cy="12" r="2"></circle><circle cx="12" cy="12" r="8"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-blue-600 dark:group-hover/chip:text-blue-400">Apex Engineering</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-boxes" aria-hidden="true"><path d="M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"></path><path d="m7 16.5-4.74-2.85"></path><path d="m7 16.5 5-3"></path><path d="M7 16.5v5.17"></path><path d="M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"></path><path d="m17 16.5-5-3"></path><path d="m17 16.5 4.74-2.85"></path><path d="M17 16.5v5.17"></path><path d="M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"></path><path d="M12 8 7.26 5.15"></path><path d="m12 8 4.74-2.85"></path><path d="M12 13.5V8"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-orange-600 dark:group-hover/chip:text-orange-400">NovaPack</span></div></div></div></div><div class="flex w-full overflow-hidden"><div class="flex w-max" style="will-change:transform;transform:translateX(-50%)"><div class="flex shrink-0" aria-hidden="false"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-anvil" aria-hidden="true"><path d="M7 10H6a4 4 0 0 1-4-4 1 1 0 0 1 1-1h4"></path><path d="M7 5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1 7 7 0 0 1-7 7H8a1 1 0 0 1-1-1z"></path><path d="M9 12v5"></path><path d="M15 12v5"></path><path d="M5 20a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200">IronWorks Forge</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-recycle" aria-hidden="true"><path d="M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5"></path><path d="M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12"></path><path d="m14 16-3 3 3 3"></path><path d="M8.293 13.596 7.196 9.5 3.1 10.598"></path><path d="m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843"></path><path d="m13.378 9.633 4.096 1.098 1.097-4.096"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400">Vimal Polymers</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400">Krishna Tools</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer" aria-hidden="true"><path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path><path d="m18 15 4-4"></path><path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200">Rajdhani Steel</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-droplets" aria-hidden="true"><path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400">Sterling Coatings</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400">Aradhana Exports</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gem" aria-hidden="true"><path d="M10.5 3 8 9l4 13 4-13-2.5-6"></path><path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"></path><path d="M2 9h20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400">Pinnacle Castings</span></div></div><div class="flex shrink-0" aria-hidden="true"><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-anvil" aria-hidden="true"><path d="M7 10H6a4 4 0 0 1-4-4 1 1 0 0 1 1-1h4"></path><path d="M7 5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1 7 7 0 0 1-7 7H8a1 1 0 0 1-1-1z"></path><path d="M9 12v5"></path><path d="M15 12v5"></path><path d="M5 20a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-slate-700 dark:group-hover/chip:text-slate-200">IronWorks Forge</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-recycle" aria-hidden="true"><path d="M7 19H4.815a1.83 1.83 0 0 1-1.57-.881 1.785 1.785 0 0 1-.004-1.784L7.196 9.5"></path><path d="M11 19h8.203a1.83 1.83 0 0 0 1.556-.89 1.784 1.784 0 0 0 0-1.775l-1.226-2.12"></path><path d="m14 16-3 3 3 3"></path><path d="M8.293 13.596 7.196 9.5 3.1 10.598"></path><path d="m9.344 5.811 1.093-1.892A1.83 1.83 0 0 1 11.985 3a1.784 1.784 0 0 1 1.546.888l3.943 6.843"></path><path d="m13.378 9.633 4.096 1.098 1.097-4.096"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-green-600 dark:group-hover/chip:text-green-400">Vimal Polymers</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-cyan-600 dark:group-hover/chip:text-cyan-400">Krishna Tools</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hammer" aria-hidden="true"><path d="m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9"></path><path d="m18 15 4-4"></path><path d="m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-zinc-700 dark:group-hover/chip:text-zinc-200">Rajdhani Steel</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-droplets" aria-hidden="true"><path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-sky-600 dark:group-hover/chip:text-sky-400">Sterling Coatings</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-truck" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"></path><path d="M15 18H9"></path><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14"></path><circle cx="17" cy="18" r="2"></circle><circle cx="7" cy="18" r="2"></circle></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-violet-600 dark:group-hover/chip:text-violet-400">Aradhana Exports</span></div><div class="group/chip mx-3 flex shrink-0 select-none items-center gap-3 rounded-2xl border border-gray-100 bg-white/70 px-5 py-3 shadow-[0_2px_12px_rgb(0,0,0,0.03)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-0.5 hover:border-gray-200 hover:bg-white hover:shadow-[0_10px_30px_rgb(0,0,0,0.07)] dark:border-white/[0.07] dark:bg-ink-card/70 dark:shadow-[0_2px_12px_rgb(0,0,0,0.4)] dark:hover:border-white/15 dark:hover:bg-ink-card sm:mx-4 sm:gap-3.5 sm:px-6 sm:py-3.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-gray-100 bg-gray-50 text-gray-400 transition-colors duration-300 dark:border-white/10 dark:bg-white/[0.04] dark:text-slate-500 sm:h-10 sm:w-10 group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gem" aria-hidden="true"><path d="M10.5 3 8 9l4 13 4-13-2.5-6"></path><path d="M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z"></path><path d="M2 9h20"></path></svg></span><span class="whitespace-nowrap font-heading text-[15px] font-extrabold tracking-tight text-gray-400 transition-colors duration-300 dark:text-slate-500 sm:text-base group-hover/chip:text-fuchsia-600 dark:group-hover/chip:text-fuchsia-400">Pinnacle Castings</span></div></div></div></div></div></section></main><footer class="w-full bg-gray-50 dark:bg-ink relative overflow-hidden pt-20 lg:pt-28"><div class="absolute top-0 left-0 right-0 h-[700px] w-full pointer-events-none -z-10 bg-[radial-gradient(ellipse_70%_50%_at_50%_0%,rgba(37,99,235,0.06),transparent)] dark:bg-[radial-gradient(ellipse_70%_50%_at_50%_0%,rgba(37,99,235,0.12),transparent)]"></div><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 relative z-10 w-full"><div class="relative overflow-hidden rounded-[28px] bg-[#0b1b36] dark:bg-ink-card border border-white/10 dark:border-white/10 shadow-[0_30px_80px_-30px_rgba(11,27,54,0.55)] dark:shadow-[0_30px_80px_-30px_rgba(0,0,0,0.7)]" style="opacity:0;transform:translateY(28px)"><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_top_left,rgba(37,99,235,0.45),transparent_55%)] pointer-events-none"></div><div class="absolute inset-0 opacity-[0.12] pointer-events-none" style="background-image:radial-gradient(1px 1px at center, white 100%, transparent);background-size:26px 26px"></div><div class="relative z-10 flex flex-col lg:flex-row lg:items-center justify-between gap-8 lg:gap-10 p-8 sm:p-10 lg:p-12"><div class="max-w-xl min-w-0"><span class="inline-flex items-center gap-2 mb-4 rounded-full border border-white/15 bg-white/5 px-3.5 py-1.5 text-[12px] font-semibold uppercase tracking-wider text-blue-200"><span class="w-1.5 h-1.5 rounded-full bg-success"></span>Stay Updated</span><h3 class="font-heading text-3xl sm:text-4xl font-extrabold text-white tracking-tight leading-[1.1]">Subscribe our<!-- --> <span class="font-accent italic font-normal text-[1.1em] text-amber-300">newsletter</span></h3><p class="mt-4 text-[15px] leading-relaxed text-slate-300 max-w-md">Get the latest insights, marketing tips and growth offers for your manufacturing business — straight to your inbox.</p></div><div class="w-full lg:w-auto lg:min-w-[340px] xl:min-w-[420px] shrink-0"><form class="flex flex-col sm:flex-row items-stretch gap-3"><div class="relative flex-1"><input type="email" placeholder="Enter your email" required="" class="w-full h-14 px-5 rounded-full bg-white/10 dark:bg-white/5 border border-white/15 outline-none text-[15px] font-medium text-white placeholder:text-slate-400 focus:border-blue-400 focus:bg-white/15 focus:ring-4 focus:ring-blue-500/20 transition-all"/></div><button type="submit" class="h-14 px-7 inline-flex items-center justify-center gap-2 rounded-full bg-white text-[#0b1b36] dark:bg-blue-600 dark:text-white font-bold text-[15px] shadow-[0_8px_24px_-6px_rgba(255,255,255,0.4)] dark:shadow-[0_8px_24px_-6px_rgba(37,99,235,0.6)] hover:-translate-y-0.5 hover:shadow-[0_12px_28px_-6px_rgba(255,255,255,0.5)] dark:hover:bg-blue-500 transition-all whitespace-nowrap">Subscribe<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></button></form><p class="mt-3.5 text-[12.5px] text-slate-400 pl-1">By subscribing you agree to our<!-- --> <a class="text-slate-200 underline underline-offset-2 hover:text-white transition-colors" href="/en/privacy-policy">Privacy Policy</a>.</p></div></div></div><div class="grid grid-cols-1 lg:grid-cols-[1.3fr_2fr] gap-12 lg:gap-16 pt-16 lg:pt-20 pb-14"><div class="flex flex-col" style="opacity:0;transform:translateY(20px)"><a href="#home" class="flex items-center shrink-0 mb-5"><img alt="DiGiMaker - Digital Solutions for Manufacturers" loading="lazy" width="500" height="196" decoding="async" data-nimg="1" class="h-10 w-auto block dark:hidden" style="color:transparent" src="/logo.png"/><img alt="DiGiMaker - Digital Solutions for Manufacturers" loading="lazy" width="500" height="196" decoding="async" data-nimg="1" class="h-10 w-auto hidden dark:block" style="color:transparent" src="/logo-dark.png"/></a><p class="text-[15px] leading-relaxed text-gray-500 dark:text-slate-400 max-w-sm">Helping manufacturers grow online with powerful websites, smart marketing and proven lead generation.</p><div class="flex gap-3 mt-7"><a href="#" aria-label="Facebook" class="w-11 h-11 rounded-full bg-white dark:bg-ink-raised border border-gray-200 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-slate-400 shadow-[0_2px_10px_rgba(0,0,0,0.04)] hover:-translate-y-1 hover:shadow-[0_8px_20px_rgba(0,0,0,0.08)] transition-all duration-300 hover:text-blue-600 dark:hover:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="#" aria-label="Instagram" class="w-11 h-11 rounded-full bg-white dark:bg-ink-raised border border-gray-200 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-slate-400 shadow-[0_2px_10px_rgba(0,0,0,0.04)] hover:-translate-y-1 hover:shadow-[0_8px_20px_rgba(0,0,0,0.08)] transition-all duration-300 hover:text-pink-600 dark:hover:text-pink-400"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="#" aria-label="LinkedIn" class="w-11 h-11 rounded-full bg-white dark:bg-ink-raised border border-gray-200 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-slate-400 shadow-[0_2px_10px_rgba(0,0,0,0.04)] hover:-translate-y-1 hover:shadow-[0_8px_20px_rgba(0,0,0,0.08)] transition-all duration-300 hover:text-blue-700 dark:hover:text-blue-400"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin" aria-hidden="true"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="#" aria-label="YouTube" class="w-11 h-11 rounded-full bg-white dark:bg-ink-raised border border-gray-200 dark:border-white/10 flex items-center justify-center text-gray-500 dark:text-slate-400 shadow-[0_2px_10px_rgba(0,0,0,0.04)] hover:-translate-y-1 hover:shadow-[0_8px_20px_rgba(0,0,0,0.08)] transition-all duration-300 hover:text-red-600 dark:hover:text-red-400"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube" aria-hidden="true"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a></div></div><div class="grid grid-cols-2 sm:grid-cols-3 gap-8 sm:gap-10" style="opacity:0;transform:translateY(20px)"><div class="flex flex-col"><h4 class="font-heading font-bold text-gray-900 dark:text-white text-[15px] mb-5 tracking-tight">Services</h4><ul class="space-y-3.5"><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Website Creation</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Ecommerce Setup</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Meta Ads Management</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Lead Generation</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Digital Branding</a></li></ul></div><div class="flex flex-col"><h4 class="font-heading font-bold text-gray-900 dark:text-white text-[15px] mb-5 tracking-tight">Industries</h4><ul class="space-y-3.5"><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Bottle Manufacturing</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Textile Plants</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Plastic Industry</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Chemicals</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Industrial Suppliers</a></li></ul></div><div class="flex flex-col"><h4 class="font-heading font-bold text-gray-900 dark:text-white text-[15px] mb-5 tracking-tight">Company</h4><ul class="space-y-3.5"><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Pricing</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Testimonials</a></li><li><a href="#" class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors">Contact Us</a></li><li><a class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors" href="/en/privacy-policy">Privacy Policy</a></li><li><a class="text-[14.5px] text-gray-500 dark:text-slate-400 hover:text-primary dark:hover:text-blue-400 transition-colors" href="/en/terms-of-service">Terms Of Service</a></li></ul></div></div></div></div><div class="border-t border-gray-200 dark:border-white/10 bg-white/60 dark:bg-ink-section/60 w-full"><div class="max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8 py-6 w-full"><div class="flex flex-col-reverse lg:flex-row items-center justify-between gap-5"><div class="text-[13.5px] font-medium text-gray-500 dark:text-slate-400 order-3 lg:order-1">© <!-- -->2026<!-- --> <!-- -->DiGi Maker. All rights reserved.</div><div class="flex flex-wrap items-center justify-center gap-5 md:gap-6 order-2"><div class="flex items-center gap-2 text-gray-500 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><span class="text-[13px] font-medium">Secure &amp; Reliable</span></div><div class="w-px h-4 bg-gray-200 dark:bg-white/10 hidden md:block"></div><div class="flex items-center gap-2 text-gray-500 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check" 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><path d="m9 12 2 2 4-4"></path></svg><span class="text-[13px] font-medium">100% Confidential</span></div><div class="w-px h-4 bg-gray-200 dark:bg-white/10 hidden md:block"></div><div class="flex items-center gap-2 text-gray-500 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones" aria-hidden="true"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><span class="text-[13px] font-medium">Quick Support</span></div></div><div class="order-1 lg:order-3"><div class="flex items-center gap-2 px-4 py-2 rounded-full border border-gray-200 dark:border-white/10 bg-white dark:bg-ink-raised text-[13px] font-medium text-gray-600 dark:text-slate-300 shadow-sm"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-red-500 fill-red-500" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg>Made with pride in Gujarat</div></div></div></div></div></footer></div><!--$--><!--/$--><script src="/_next/static/chunks/webpack-119dad8dca248dcb.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9766,[],\"\"]\n3:I[98924,[],\"\"]\n5:I[45865,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\n6:I[58637,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\n7:I[34692,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\n8:I[38379,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\n9:I[35790,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"sta"])</script><script>self.__next_f.push([1,"tic/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\na:I[91648,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\nb:I[77831,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\nc:I[33370,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"979\",\"static/chunks/979-dd28c4cf595d0947.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"86\",\"static/chunks/86-b40b468d515c50dd.js\",\"684\",\"static/chunks/684-f0ca14ac93066ce7.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"465\",\"static/chunks/app/%5Blocale%5D/page-ffc061c66ed242c8.js\"],\"default\"]\nd:I[24431,[],\"OutletBoundary\"]\nf:I[15278,[],\"AsyncMetadataOutlet\"]\n11:I[24431,[],\"ViewportBoundary\"]\n13:I[24431,[],\"MetadataBoundary\"]\n14:\"$Sreact.suspense\"\n16:I[57150,[],\"\"]\n:HL[\"/_next/static/media/9cc5b37ab1350db7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/de42cfb9a3b980ae-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e6099e249fd938cc-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/cc0258000805f040.css\",\"style\"]\n:HL[\"/_next/static/css/8d67bde69ed76a3c.css\",\"style\"]\n0:{\"P\":null,\"b\":\"5PH_-BOjKsrMu-ybYYnd2\",\"p\":\"\",\"c\":[\"\",\"sitemap.xml\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"sitemap.xml\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/cc0258000805f040.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8d67bde69ed76a3c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_2ca027 __variable_1f5468 scroll-smooth\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"(function(){try{var e=localStorage.getItem('theme');var m=window.matchMedia('(prefers-color-scheme: dark)').matches;if(e==='dark'||(!e\u0026\u0026m)){document.documentElement.classList.add('dark')}else{document.documentElement.classList.remove('dark')}}catch(_){}})();\"}}]}],[\"$\",\"body\",null,{\"className\":\"font-sans bg-[#FAFAFA] text-[#111827] dark:bg-ink dark:text-slate-300 antialiased selection:bg-blue-600/20 selection:text-blue-900 dark:selection:bg-blue-400/30 dark:selection:text-blue-100\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next"])</script><script>self.__next_f.push([1,"-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]]}],{\"children\":[[\"locale\",\"sitemap.xml\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,\"$L4\"]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col min-h-screen\",\"children\":[[\"$\",\"$L5\",null,{}],[\"$\",\"main\",null,{\"className\":\"flex-1 w-full overflow-hidden\",\"children\":[[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{\"variant\":\"default\"}],[\"$\",\"$L8\",null,{}],[\"$\",\"$L9\",null,{}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$L7\",null,{\"variant\":\"compact\"}]]}],[\"$\",\"$Lc\",null,{}]]}],null,[\"$\",\"$Ld\",null,{\"children\":[\"$Le\",[\"$\",\"$Lf\",null,{\"promise\":\"$@10\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L11\",null,{\"children\":\"$L12\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L13\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$14\",null,{\"fallback\":null,\"children\":\"$L15\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$16\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"17:I[43727,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"450\",\"static/chunks/app/%5Blocale%5D/layout-8e1ffecb602d24b6.js\"],\"I18nProvider\"]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"$L17\",null,{\"dict\":{\"nav\":{\"services\":\"Services\",\"industries\":\"Industries\",\"pricing\":\"Pricing\",\"testimonials\":\"Testimonials\",\"aboutUs\":\"About Us\",\"contact\":\"Contact\",\"getStarted\":\"Get Started\",\"callNow\":\"Call Now\"},\"hero\":{\"badge\":\"Trusted by 50+ Gujarat Manufacturers\",\"line1\":\"Get More B2B Leads While\",\"line2\":\"We Handle Your\",\"line3\":\"Entire Digital Presence\",\"sub\":\"Professional websites, ecommerce stores, Meta advertising, hosting, maintenance, and lead generation — all managed for you.\",\"ctaStart\":\"Get Started\",\"ctaWatch\":\"Watch How It Works\",\"benefits\":[{\"title\":\"No Setup Fees\",\"desc\":\"Get started instantly\"},{\"title\":\"Dedicated Support\",\"desc\":\"Always by your side\"},{\"title\":\"Transparent Pricing\",\"desc\":\"No hidden charges\"},{\"title\":\"Results Driven\",\"desc\":\"More leads. More growth.\"}],\"sideLeft\":{\"title\":\"High Performance\",\"desc\":\"Websites that convert visitors into customers.\"},\"sideRight\":{\"title\":\"Targeted Advertising\",\"desc\":\"Meta ads that bring quality B2B inquiries.\"},\"dashboard\":{\"overview\":\"Overview\",\"livePerf\":\"Live campaign performance\",\"live\":\"Live\",\"stats\":[{\"label\":\"Total Leads\"},{\"label\":\"Ad Reach\"},{\"label\":\"Conversion\"},{\"label\":\"Uptime\"}],\"leadsGrowth\":\"Leads Growth\",\"thisMonth\":\"This Month\",\"topCampaign\":\"Top Performing Campaign\",\"leadsGenerated\":\"Leads Generated\",\"newInquiry\":\"New Inquiry!\",\"fromMetaAds\":\"From Meta Ads Campaign\",\"sidebar\":[\"Overview\",\"Leads\",\"Campaigns\",\"Analytics\",\"Websites\",\"Messages\",\"Settings\"]},\"trustBar\":[{\"stat\":\"50+\",\"label\":\"Manufacturers\",\"sub\":\"Trust Us\"},{\"stat\":\"500+\",\"label\":\"Websites Launched\",\"sub\":\"\"},{\"stat\":\"25K+\",\"label\":\"Leads Generated\",\"sub\":\"\"},{\"stat\":\"99.9%\",\"label\":\"Uptime Guarantee\",\"sub\":\"\"},{\"stat\":\"Dedicated\",\"label\":\"Support Team\",\"sub\":\"\"}]},\"logoMarquee\":{\"default\":{\"title\":\"Trusted by manufacturers across Gujarat\",\"eyebrow\":\"Trusted By Leading Manufacturers\"},\"compact\":{\"title\":\"Join the growing network of Indian manufacturers\",\"eyebrow\":\"Powering Industry Leaders\"}},\"deliveryPartners\":{\"eyebrow\":\"Pan-India Delivery Network\",\"title\":\"Your Products Delivered to Every Corner of India\",\"sub\":\"DiGi Maker connects your online store with India's top 8 logistics partners - same-day Rajkot, next-day Gujarat, pan-India coverage.\"},\"valueProp\":{\"problems\":{\"badge\":\"The Cost Of Being Invisible\",\"title\":\"Most Manufacturers Lose Customers Online\",\"titleHighlight\":\"Every Day\",\"sub\":\"Without a strong digital presence, modern B2B buyers simply move on to the next supplier.\",\"items\":[{\"title\":\"No Professional Website\",\"desc\":\"Your competitors have modern websites while your business remains difficult to evaluate online.\",\"statNumber\":\"70% of B2B buyers\",\"statDesc\":\"research online before contacting a supplier.\"},{\"title\":\"Hard To Find Online\",\"desc\":\"Potential customers search for products like yours but never discover your company.\",\"statNumber\":\"75% of buyers\",\"statDesc\":\"never go beyond the first page of search results.\"},{\"title\":\"No Predictable Leads\",\"desc\":\"Relying only on referrals creates inconsistent business growth.\",\"statNumber\":\"62% of businesses\",\"statDesc\":\"say generating leads is their biggest challenge.\"},{\"title\":\"No Digital Team\",\"desc\":\"You are focused on operations while marketing responsibilities remain neglected.\",\"statNumber\":\"3+ hours/day\",\"statDesc\":\"lost on tasks that a digital team can handle for you.\"},{\"title\":\"Outdated Brand Presence\",\"desc\":\"Product quality may be excellent, but online perception does not reflect reality.\",\"statNumber\":\"94% of buyers\",\"statDesc\":\"consider design and user experience when evaluating a business.\"},{\"title\":\"Poor Product Showcase\",\"desc\":\"Products are hidden inside PDFs, spreadsheets, or WhatsApp messages.\",\"statNumber\":\"Up to 40% lost sales\",\"statDesc\":\"due to poor product presentation and buying experience.\"}],\"ctaTitle\":\"Don't Just Compete. Get Chosen.\",\"ctaDesc\":\"A strong digital presence builds trust, generates leads, and keeps your sales pipeline active.\",\"ctaBtn\":\"Let's Fix This Together\"},\"video\":{\"badge\":\"WATCH QUICK INFO\",\"title\":\"See DiGi Maker in Action\",\"sub\":\"See how DiGi Maker"])</script><script>self.__next_f.push([1," transforms your custom digital presence online.\",\"benefits\":[{\"title\":\"Website That Works\",\"desc\":\"Professional, mobile-friendly websites that build trust and generate inquiries.\"},{\"title\":\"Ads That Perform\",\"desc\":\"Targeted Meta ads that bring in quality leads and business opportunities.\"},{\"title\":\"Leads That Convert\",\"desc\":\"From inquiries to real customers — we help you close more deals.\"},{\"title\":\"Growth That Scales\",\"desc\":\"Data-driven strategies to grow your business month after month.\"}],\"trustBar\":[{\"title\":\"No Contracts\",\"desc\":\"Cancel anytime, no lock-in.\"},{\"title\":\"Expert Team\",\"desc\":\"Dedicated professionals for you.\"},{\"title\":\"Fast Onboarding\",\"desc\":\"Get started in just 48 hours.\"},{\"title\":\"100% Secure\",\"desc\":\"Your business data is safe.\"}]},\"bento\":{\"badge\":\"Everything You Need to Grow\",\"title\":\"Everything You Need to\",\"titleHighlight\":\"Grow\",\"sub\":\"A complete digital ecosystem designed for manufacturers to attract, engage and grow.\",\"cards\":[{\"title\":\"Website Creation\",\"desc\":\"Professional, SEO-ready websites tailored for your industry.\"},{\"title\":\"Managed Hosting\",\"desc\":\"Blazing fast, secure and always online.\"},{\"title\":\"Website Maintenance\",\"desc\":\"Updates, backups and security — we handle all.\"},{\"title\":\"Meta Ads Management\",\"desc\":\"Targeted campaigns that bring real customers.\"},{\"title\":\"Lead Generation\",\"desc\":\"Convert visitors into quality inquiries.\"},{\"title\":\"Product Catalog Setup\",\"desc\":\"Showcase your products beautifully \u0026 clearly.\"},{\"title\":\"SEO Optimization\",\"desc\":\"Rank higher on Google and get found by buyers.\"},{\"title\":\"Performance Monitoring\",\"desc\":\"Track every metric that matters for your growth.\"}]},\"process\":{\"badge\":\"DONE-FOR-YOU PROCESS\",\"title\":\"We Handle Everything.\",\"titleLine2\":\"You Get\",\"titleHighlight\":\"More Business.\",\"sub\":\"Our simple 5-step process takes care of your entire digital presence\",\"trustStrip\":[{\"stat\":\"50+\",\"text\":\"Manufacturers Trust Us\"},{\"stat\":\"99.9%\",\"text\":\"Uptime Guaranteed\"},{\"stat\":\"Meta\",\"text\":\"Ads Experts\"},{\"stat\":\"24/7\",\"text\":\"Dedicated Support\"},{\"stat\":\"100%\",\"text\":\"Secure\"}],\"steps\":[{\"title\":\"Choose Package\",\"desc\":\"Pick the perfect plan that fits your goals.\",\"bottomTitle\":\"Transparent Pricing\",\"bottomDesc\":\"No Hidden Charges\"},{\"title\":\"Send Info\",\"desc\":\"Share your business details and content.\",\"bottomTitle\":\"Easy \u0026 Quick\",\"bottomDesc\":\"We Guide You\"},{\"title\":\"We Build\",\"desc\":\"We design, develop and set everything up.\",\"bottomTitle\":\"Professional Setup\",\"bottomDesc\":\"Quality Guaranteed\"},{\"title\":\"Launch\",\"desc\":\"Your website goes live and starts working.\",\"bottomTitle\":\"Website Live\",\"bottomDesc\":\"Fast \u0026 Secure\"},{\"title\":\"Ongoing Growth\",\"desc\":\"We bring leads, run ads and grow your business.\",\"bottomTitle\":\"More Leads\",\"bottomDesc\":\"More Sales\"}],\"bottomBar\":[{\"title\":\"50+ Manufacturers\",\"desc\":\"Trust Us\"},{\"title\":\"99.9% Uptime\",\"desc\":\"Guaranteed\"},{\"title\":\"Dedicated Support\",\"desc\":\"Always Here\"},{\"title\":\"100% Managed\",\"desc\":\"End-to-End\"}]}},\"trust\":{\"industries\":{\"title\":\"Specialized for Gujarat Industries\",\"sub\":\"We understand local manufacturing. Your digital presence will reflect your exact capabilities.\",\"items\":[\"Bottle Manufacturers\",\"Packaging Companies\",\"Plastic Industries\",\"Textile Manufacturers\",\"Engineering Units\",\"Chemical Industries\",\"Industrial Equipment\",\"Custom Manufacturing\"]},\"testimonials\":{\"badge\":\"Trusted By Manufacturers\",\"title\":\"Trusted by Manufacturers\",\"titleHighlight\":\"Across Gujarat\",\"sub\":\"Real results. Real growth. Real stories.\",\"items\":[{\"quote\":\"Before working with them, we only received inquiries from our local network. Now we consistently receive qualified B2B leads from across India through our new website.\",\"name\":\"Rajesh Patel\",\"role\":\"Director, Supreme Plastic Industries\",\"tag\":\"Plastic Manufacturing\",\"metric\":\"+240%\",\"metricLabel\":\"Monthly Inquiries\"},{\"quote\":\"Our packaging business completely transformed. The quality of leads is much higher, and we no longer rely purely on word-of-mouth. The dashboard is fantastic.\",\"name\":\"Amit Shah\",\"role\":\"Founder, Shah Packaging\""])</script><script>self.__next_f.push([1,",\"tag\":\"Packaging Company\",\"metric\":\"3x\",\"metricLabel\":\"Lead Quality\"},{\"quote\":\"We finally have a website that looks as professional as our products. Buyers from Mumbai and Delhi now find us on Google and reach out directly for bulk orders.\",\"name\":\"Priya Mehta\",\"role\":\"Marketing Head, Mehta Textiles Pvt. Ltd.\",\"tag\":\"Textile Manufacturing\",\"metric\":\"+185%\",\"metricLabel\":\"Website Traffic\"},{\"quote\":\"The team understood our chemical industry inside out. Their Meta and Google campaigns brought us enterprise clients we could never reach on our own.\",\"name\":\"Kiran Desai\",\"role\":\"MD, Desai Chemicals \u0026 Specialities\",\"tag\":\"Chemical Industry\",\"metric\":\"+60\",\"metricLabel\":\"Qualified Leads / mo\"},{\"quote\":\"From zero online presence to a steady stream of inquiries in three months. The end-to-end management means I can focus on production while they handle growth.\",\"name\":\"Sanjay Trivedi\",\"role\":\"Owner, Trivedi Engineering Works\",\"tag\":\"Engineering Unit\",\"metric\":\"+320%\",\"metricLabel\":\"Inbound Inquiries\"},{\"quote\":\"Honestly the best investment we made this year. The leads are genuine, the support is instant, and our brand finally feels premium in front of buyers.\",\"name\":\"Neha Joshi\",\"role\":\"Director, Joshi Bottle Industries\",\"tag\":\"Bottle Manufacturing\",\"metric\":\"₹40L+\",\"metricLabel\":\"New Orders Won\"},{\"quote\":\"We were skeptical about digital marketing for heavy machinery. Six months in, half of our new dealer enquiries come straight from the website they built.\",\"name\":\"Manish Agarwal\",\"role\":\"CEO, Agarwal Industrial Equipment\",\"tag\":\"Industrial Equipment\",\"metric\":\"50%\",\"metricLabel\":\"Leads From Web\"}],\"stats\":[{\"value\":\"+240%\",\"label\":\"More Inquiries\"},{\"value\":\"50+\",\"label\":\"Manufacturers\"},{\"value\":\"3x\",\"label\":\"Lead Quality\"},{\"value\":\"99.9%\",\"label\":\"Uptime\"}]},\"whyUs\":{\"badge\":\"The DiGi Maker Advantage\",\"title\":\"Why Choose DiGi Maker?\",\"sub\":\"We specialize in B2B growth for manufacturers. Not just another agency, a true growth partner.\",\"cards\":[{\"title\":\"Industry Expertise\",\"desc\":\"We strictly focus on B2B manufacturers. We know what your buyers want.\"},{\"title\":\"All-In-One Platform\",\"desc\":\"From hosting to Meta Ads, we handle the entire digital ecosystem for you.\"},{\"title\":\"Results Driven\",\"desc\":\"No vanity metrics. We focus on real business inquiries and leads.\"},{\"title\":\"Risk-Free Model\",\"desc\":\"Transparent pricing with no hidden fees. Your success is our success.\"}]},\"comparison\":{\"badge\":\"WHY DIGI MAKER\",\"title\":\"Why Manufacturers\",\"titleHighlight\":\"Choose\",\"titleSuffix\":\"DiGi Maker\",\"sub\":\"Everything your business needs to grow online — without hiring developers, marketers, or expensive agencies.\",\"freelancer\":{\"title\":\"Freelancer\",\"price\":\"₹15K – ₹50K Project\",\"items\":[\"Builds Website Only\",\"No Hosting Included\",\"No Maintenance\",\"No Lead Generation\",\"No Ongoing Support\",\"No Growth Strategy\"],\"footer\":{\"title\":\"One-Time Delivery\",\"desc\":\"You manage everything\"}},\"agency\":{\"title\":\"Marketing Agency\",\"price\":\"₹30K – ₹1L+ Monthly\",\"positives\":[\"Full Service\"],\"negatives\":[\"Expensive Retainers\",\"Long Contracts\",\"Slow Turnaround\",\"Generic Solutions\",\"Small Manufacturers Ignored\"],\"footer\":{\"title\":\"Complex \u0026 Costly\",\"desc\":\"Multiple teams, slower results\"}},\"digi\":{\"title\":\"DiGi Maker\",\"price\":\"₹5K / ₹10K Monthly\",\"bestValue\":\"BEST VALUE\",\"items\":[\"Website Included\",\"Hosting Included\",\"Maintenance Included\",\"Meta Ads Support\",\"Lead Generation Focus\",\"Creative Updates\",\"Dedicated Support\",\"Built For Manufacturers\",\"Everything Managed\"],\"footer\":{\"title\":\"Complete Growth Partner\",\"desc\":\"We build, manage \u0026 grow your business\"}}},\"faqs\":{\"badge\":\"FAQ\",\"title\":\"Frequently Asked Questions\",\"sub\":\"Have questions? We have answers.\",\"items\":[{\"q\":\"Do I own the website?\",\"a\":\"Yes, absolutely. Once completed, you have full ownership of your website domain and code.\"},{\"q\":\"Is hosting included?\",\"a\":\"Yes, our packages include premium fast managed hosting tailored for B2B websites.\"},{\"q\":\"How does lead generation work?\",\"a\":\"We run targeted Meta (Facebook/Instagram) and Google ad campaigns focused on specific"])</script><script>self.__next_f.push([1," B2B buyers in your industry to capture high-intent inquiries.\"},{\"q\":\"Is there a long-term contract?\",\"a\":\"No, we believe in earning your business every month. Our services are month-to-month, though we recommend a 3-month commitment to see full campaign optimization.\"},{\"q\":\"Is the ads budget included in the price?\",\"a\":\"No, the ad spend is paid directly to Meta/Google. Our fee covers the strategic management, creative design, and optimization of those ads.\"},{\"q\":\"Can I request website updates?\",\"a\":\"Yes! Maintenance and minor updates are included in all our monthly plans.\"}]}},\"contact\":{\"cta\":{\"badge\":\"LET'S GROW TOGETHER\",\"title\":\"Ready To\",\"titleHighlight\":\"Grow\",\"titleSuffix\":\"Your Manufacturing Business Online?\",\"sub\":\"Get a custom plan that brings more inquiries, better visibility and real growth for your business.\",\"btnStart\":\"Get Started Today\",\"btnConsult\":\"Book Free Consultation\"},\"form\":{\"liveLabel\":\"Get in touch\",\"title\":\"Let's turn searches into\",\"titleAccent\":\"signed orders\",\"sub\":\"Tell us what you manufacture and where you want to grow. You'll hear back within 24 hours with a plan built around your products.\",\"inquiryLabel\":\"Send an inquiry\",\"formSub\":\"A few details is all we need to draft your first growth plan.\",\"fields\":{\"name\":\"Full Name\",\"mobile\":\"Mobile Number\",\"email\":\"Email\",\"message\":\"Message / Requirement\"},\"placeholders\":{\"name\":\"Rajesh Patel\",\"mobile\":\"+91 98XXX XXXXX\",\"email\":\"you@company.com\",\"message\":\"Tell us what you make and what you need — e.g. more export inquiries for CNC-machined brass parts from the US \u0026 EU.\"},\"submit\":\"Submit Inquiry\",\"demo\":\"or book a free demo →\"},\"showcase\":{\"live\":\"Live — leads arriving now\",\"desc\":\"The view from a client's phone: real buyers messaging in, quotes going out.\"},\"details\":{\"studio\":\"Studio\",\"callWA\":\"Call / WhatsApp\",\"email\":\"Email\",\"follow\":\"Follow\"}},\"footer\":{\"newsletter\":{\"badge\":\"Stay Updated\",\"title\":\"Subscribe our\",\"titleAccent\":\"newsletter\",\"sub\":\"Get the latest insights, marketing tips and growth offers for your manufacturing business — straight to your inbox.\",\"placeholder\":\"Enter your email\",\"btn\":\"Subscribe\",\"privacy\":\"By subscribing you agree to our\",\"privacyLink\":\"Privacy Policy\"},\"tagline\":\"Helping manufacturers grow online with powerful websites, smart marketing and proven lead generation.\",\"columns\":[{\"title\":\"Services\",\"links\":[\"Website Creation\",\"Ecommerce Setup\",\"Meta Ads Management\",\"Lead Generation\",\"Digital Branding\"]},{\"title\":\"Industries\",\"links\":[\"Bottle Manufacturing\",\"Textile Plants\",\"Plastic Industry\",\"Chemicals\",\"Industrial Suppliers\"]},{\"title\":\"Company\",\"links\":[\"Pricing\",\"Testimonials\",\"Contact Us\",\"Privacy Policy\",\"Terms Of Service\"]}],\"trust\":{\"secure\":\"Secure \u0026 Reliable\",\"confidential\":\"100% Confidential\",\"support\":\"Quick Support\"},\"madeWith\":\"Made with pride in Gujarat\",\"copyright\":\"DiGi Maker. All rights reserved.\"}},\"children\":[\"$L18\",\"$L19\"]}]\n1a:I[7770,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"450\",\"static/chunks/app/%5Blocale%5D/layout-8e1ffecb602d24b6.js\"],\"default\"]\n1b:I[52937,[\"730\",\"static/chunks/44530001-f1575d090415f01e.js\",\"977\",\"static/chunks/977-437caafdbb2f80f6.js\",\"372\",\"static/chunks/372-df04e8d11b7cfe39.js\",\"937\",\"static/chunks/937-a82682fa668d9a1d.js\",\"450\",\"static/chunks/app/%5Blocale%5D/layout-8e1ffecb602d24b6.js\"],\"DemoModalProvider\"]\n18:[\"$\",\"$L1a\",null,{}]\n19:[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]\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\"}]]\ne:null\n"])</script><script>self.__next_f.push([1,"1c:I[80622,[],\"IconMark\"]\n10:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"DiGi Maker | Premium B2B Digital Agency for Manufacturers\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"We manage your complete digital growth while you focus on manufacturing.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon-16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon-32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"5\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L1c\",\"6\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"15:\"$10:metadata\"\n"])</script></body></html>