PageSourceSearch

https://drope.ai/

html drope.ai collected 2026-10-05 12:05:56 UTC 168,524 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" lang="en" class="inter_5aae0c1d-module__wDqlUG__variable outfit_c5c7355-module__j2S3BG__variable noto_sans_devanagari_2b185dab-module__XtHjlq__variable"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/><link rel="preload" href="/_next/static/media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/landingpage/testimonials/kenny-chang.png"/><link rel="preload" as="image" href="/landingpage/testimonials/michael-torres.png"/><link rel="preload" as="image" href="/landingpage/testimonials/sarah-chen.png"/><link rel="preload" as="image" href="/landingpage/testimonials/kane-williamson.png"/><link rel="stylesheet" href="/_next/static/chunks/3r_su-udyc3-7.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/3vkc6ekuobbqx.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0xqeffprgr84u.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk"/>
1<script src="/_next/static/chunks/0q_7tpmnu9ily.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/0seeswclaed63.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/325m1xy7rjsw4.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/15ivyjifrsvlp.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/3ju_8ji3e-_gp.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/turbopack-2lu6moxtqb3o3.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/0qdl3umu7x26m.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/3kpxm1ymsdejr.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/04ozcwq10droj.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<script src="/_next/static/chunks/2qnusuk2sexux.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" async=""></script>
1<link rel="preload" href="/chat-widget-embed.js" as="script"/><meta name="next-size-adjust" content=""/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"/><meta name="theme-color" content="#030712" media="(prefers-color-scheme: dark)"/><title>drope AI</title><meta name="description" content="The drope AI Suite offers a comprehensive set of tools for digital content creation and management, enhancing creativity and efficiency. This toolkit includes a Reels generator for superior social media content, a Game Developer tool for easy game creation, a Suno-powered AI Music Generation tool for advanced music production, Live Chat Support Agents for improved customer interaction, and a newly upgraded Marketing Dashboard with the ability to generate text to image, product videos, and personalized avatars. This suite is suitable for professionals in website development, game development, and digital marketing, and provides a powerful combination of AI and productivity tools for optimal performance in all digital areas. The resultant effect is a new level of productivity, creativity, and efficiency in digital content creation and management."/><meta name="author" content="drope AI"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="AI,Tools,Reels,Avatar,Website Designer,Game developer,Live Support Agents,Image,Research,OCR,CSV,Sales Pitch"/><meta name="creator" content="drope AI"/><meta name="publisher" content="drope AI"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="format-detection" content="telephone=no"/><meta name="google-site-verification" content="te2DTviEcWI9tm3QKt13_z3tlIM9ku1zlXP1qRYWWY0"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="drope AI"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta property="og:title" content="drope AI"/><meta property="og:description" content="The drope AI Suite offers a comprehensive set of tools for digital content creation and management, enhancing creativity and efficiency. This toolkit includes a Reels generator for superior social media content, a Game Developer tool for easy game creation, a Suno-powered AI Music Generation tool for advanced music production, Live Chat Support Agents for improved customer interaction, and a newly upgraded Marketing Dashboard with the ability to generate text to image, product videos, and personalized avatars. This suite is suitable for professionals in website development, game development, and digital marketing, and provides a powerful combination of AI and productivity tools for optimal performance in all digital areas. The resultant effect is a new level of productivity, creativity, and efficiency in digital content creation and management."/><meta property="og:site_name" content="drope AI"/><meta property="og:locale" content="en_US"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@aisuite"/><meta name="twitter:title" content="drope AI"/><meta name="twitter:description" content="The drope AI Suite offers a comprehensive set of tools for digital content creation and management, enhancing creativity and efficiency. This toolkit includes a Reels generator for superior social media content, a Game Developer tool for easy game creation, a Suno-powered AI Music Generation tool for advanced music production, Live Chat Support Agents for improved customer interaction, and a newly upgraded Marketing Dashboard with the ability to generate text to image, product videos, and personalized avatars. This suite is suitable for professionals in website development, game development, and digital marketing, and provides a powerful combination of AI and productivity tools for optimal performance in all digital areas. The resultant effect is a new level of productivity, creativity, and efficie
1ncy in digital content creation and management."/><link rel="shortcut icon" href="/favicon-16x16.png"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/icons/icon-192x192.png"/>
1<script src="/_next/static/chunks/0cz1d0mv5g_q7.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" noModule=""></script>
1</head><body class="inter_5aae0c1d-module__wDqlUG__className antialiased flex flex-col h-dvh overflow-hidden" style="font-family:&#x27;Inter&#x27;, &#x27;Inter Fallback&#x27;, &#x27;Noto Sans Devanagari&#x27;, &#x27;Noto Sans Devanagari Fallback&#x27;"><div hidden=""><!--$--><!--/$--></div><div class="flex-1 min-h-0 flex flex-col overflow-auto" id="main-scroll-container"><div class="min-h-screen bg-white dark:bg-neutral-950 text-neutral-900 dark:text-neutral-100 overflow-x-hidden font-sans transition-colors duration-200"><header class="fixed left-0 right-0 z-50 transition-all duration-300 px-3 sm:px-4 pt-3 sm:pt-4" style="top:var(--banner-height, 0px);transform:translateY(-100px)"><div class="max-w-4xl lg:max-w-5xl mx-auto rounded-full transition-all duration-300 px-4 sm:px-6 py-2 sm:py-2.5 flex items-center justify-between backdrop-blur-2xl border ring-1 bg-white/65 dark:bg-neutral-950/65 border-neutral-300/80 dark:border-white/20 shadow-[0_10px_35px_rgba(0,0,0,0.08),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_10px_35px_rgba(0,0,0,0.45),inset_0_1.5px_2px_rgba(255,255,255,0.25),inset_0_-1px_2px_rgba(0,0,0,0.3)] ring-black/5 dark:ring-white/10"><div class="flex items-center gap-3"><a target="_blank" rel="noopener noreferrer" class="flex items-center gap-2.5 group rounded-full focus:outline-none" href="/"><div class="w-8 h-8 rounded-full bg-gradient-to-tr from-blue-600 via-indigo-500 to-cyan-400 text-white flex items-center justify-center shadow-md shadow-blue-500/20 overflow-hidden ring-2 ring-white/40 dark:ring-white/20 shrink-0 transition-transform duration-200 group-hover:scale-105"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-4 h-4 text-white" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><span class="text-sm sm:text-base font-bold tracking-tight text-neutral-900 dark:text-white">AI Suite</span></a><div class="h-4 w-[1px] bg-neutral-300/60 dark:bg-neutral-700/60 hidden lg:block"></div></div><nav class="hidden md:flex items-center gap-1 lg:gap-1.5 text-xs sm:text-sm font-medium text-neutral-700 dark:text-neutral-200"><a href="#features" class="px-3 py-1.5 rounded-full hover:bg-white/60 dark:hover:bg-white/10 hover:text-black dark:hover:text-white transition-all duration-200">Features</a><a href="#ai-marketing" class="px-3 py-1.5 rounded-full hover:bg-white/60 dark:hover:bg-white/10 hover:text-black dark:hover:text-white transition-all duration-200">Solutions</a><a href="#music-generation" class="px-3 py-1.5 rounded-full hover:bg-white/60 dark:hover:bg-white/10 hover:text-black dark:hover:text-white transition-all duration-200 flex items-center gap-1.5">AI Music<span class="text-[9px] uppercase font-bold tracking-wider px-1.5 py-0.5 rounded-full bg-blue-500/10 text-blue-600 dark:text-blue-400 border border-blue-500/20 leading-none">NEW</span></a><a href="#pricing" class="px-3 py-1.5 rounded-full hover:bg-white/60 dark:hover:bg-white/10 hover:text-black dark:hover:text-white transition-all duration-200">Pricing</a><a href="https://altofone.com/" target="_blank" rel="noopener noreferrer" class="px-3 py-1.5 rounded-full hover:bg-white/60 dark:hover:bg-white/10 hover:text-black dark:hover:text-white transition-all duration-200">Voice Agent</a><a href="https://dropeai.com/login" target="_blank" rel="noopener noreferrer" class="px-3 py-1.5 rounded-full hover:bg-white/60 dark:hover:bg-white/10 hover:text-black dark:hover:text-white transition-all duration-200">Enterprise</a></nav><div class="hidden md:flex items-center gap-2 lg:gap-3"><div class="rounded-full bg-white/10 dark:bg-white/5 p-0.5 border border-white/30 dark:border-white/10 backdrop-blur-md"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-8 rounded-lg px-3.5 text-xs hover:bg-muted/50 hover:text-black"><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-sun h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg><span class="sr-only">Toggle theme</span></button></div><a target="_blank" rel="noopener noreferrer" href="/register"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focu
1s-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-8 rounded-full text-xs font-medium text-neutral-700 dark:text-neutral-200 hover:text-black dark:hover:text-white hover:bg-white/60 dark:hover:bg-white/10 px-3.5 py-1.5 transition-all duration-200">Sign up</button></a><a target="_blank" rel="noopener noreferrer" href="/login"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow-primary/20 hover:shadow-primary/25 h-8 rounded-full bg-neutral-950 hover:bg-neutral-800 dark:bg-white dark:hover:bg-neutral-100 text-white dark:text-neutral-950 font-medium text-xs px-4 py-2 shadow-sm hover:shadow-md transition-all duration-200 active:scale-95">Get Started Free</button></a></div><div class="md:hidden flex items-center gap-1.5"><div class="rounded-full bg-white/40 dark:bg-neutral-800/40 p-0.5 border border-white/50 dark:border-white/10 backdrop-blur-md"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 h-8 rounded-lg px-3.5 text-xs hover:bg-muted/50 hover:text-black"><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-sun h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg><span class="sr-only">Toggle theme</span></button></div><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:text-accent-foreground rounded-full w-8 h-8 hover:bg-white/60 dark:hover:bg-white/10 transition-all duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-4 h-4" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></header><section class="relative pt-32 sm:pt-36 lg:pt-40 pb-6 overflow-hidden flex flex-col items-center justify-start bg-white dark:bg-neutral-950 transition-colors duration-200"><div class="absolute inset-0 flex items-center justify-center pointer-events-none overflow-hidden"><svg class="w-[1450px] h-[1450px] min-w-[1450px] min-h-[1450px] opacity-90" viewBox="0 0 1450 1450" fill="none"><defs><radialGradient id="hero-cyan-glow" cx="50%" cy="45%" r="50%"><stop offset="0%" stop-color="#38bdf8" stop-opacity="0.15"></stop><stop offset="45%" stop-color="#818cf8" stop-opacity="0.04"></stop><stop offset="100%" stop-color="#ffffff" stop-opacity="0"></stop></radialGradient><linearGradient id="blue-arc-1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#2563eb" stop-opacity="0.95"></stop><stop offset="50%" stop-color="#3b82f6" stop-opacity="0.45"></stop><stop offset="100%" stop-color="#60a5fa" stop-opacity="0.02"></stop></linearGradient><linearGradient id="blue-arc-2" x1="0%" y1="100%" x2="100%" y2="0%"><stop offset="0%" stop-color="#0284c7" stop-opacity="0.9"></stop><stop offset="50%" stop-color="#38bdf8" stop-opacity="0.4"></stop><stop offset="100%" stop-color="#93c5fd" stop-opacity="0.02"></stop></linearGradient><filter id="blue-orbit-glow" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="3.5" result="blur"></feGaussianBlur><feMerge><feMergeNode in="blur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs>
1<circle cx="725" cy="620" r="360" fill="url(#hero-cyan-glow)"></circle><circle cx="725" cy="620" r="220" stroke="currentColor" stroke-width="1" class="text-neutral-200 dark:text-neutral-800/80"></circle><circle cx="725" cy="620" r="370" stroke="currentColor" stroke-width="1" class="text-neutral-200 dark:text-neutral-800/80"></circle><circle cx="725" cy="620" r="540" stroke="currentColor" stroke-width="1" class="text-neutral-200 dark:text-neutral-800/80"></circle><circle cx="725" cy="620" r="700" stroke="currentColor" stroke-width="1" class="text-neutral-100 dark:text-neutral-900/80"></circle><g class="animate-hero-orbit" filter="url(#blue-orbit-glow)" style="transform-origin:725px 620px;will-change:transform"><path d="M 725 400 A 220 220 0 0 1 915 510" stroke="url(#blue-arc-1)" stroke-width="2.5" stroke-linecap="round"></path><circle cx="915" cy="510" r="3" fill="#3b82f6"></circle><path d="M 505 620 A 220 220 0 0 1 615 430" stroke="url(#blue-arc-2)" stroke-width="2.5" stroke-linecap="round"></path><circle cx="615" cy="430" r="3" fill="#38bdf8"></circle><path d="M 1095 620 A 370 370 0 0 1 985 880" stroke="url(#blue-arc-1)" stroke-width="2.5" stroke-linecap="round"></path><circle cx="985" cy="880" r="3.5" fill="#3b82f6"></circle><path d="M 185 620 A 540 540 0 0 1 350 240" stroke="url(#blue-arc-2)" stroke-width="2.5" stroke-linecap="round"></path><circle cx="350" cy="240" r="3.5" fill="#38bdf8"></circle><path d="M 1265 620 A 540 540 0 0 1 1110 1000" stroke="url(#blue-arc-1)" stroke-width="2.5" stroke-linecap="round"></path><circle cx="1110" cy="1000" r="4" fill="#60a5fa"></circle></g></svg></div><div class="absolute inset-0 max-w-7xl mx-auto pointer-events-none z-30 hidden md:block"><div class="absolute top-[16%] left-[22%] lg:left-[25%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/website"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:0s"><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 w-5 h-5 text-purple-600" 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="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">AI Website Builder<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Generate websites from text</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[16%] right-[22%] lg:right-[25%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/music-generator"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:1s"><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-music w-5 h-5 text-purple-500" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">AI Music Studio<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Studio tracks with Suno V5</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[42%] left-[12%] lg:left-[16%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/code"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:0.5s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code w-5 h-5 text-emerald-500" aria-hidden="true"><path d="m16 18 6-6-6-6"></path><path d="m8 6-6 6 6 6"></path></svg></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">AI Code Generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Write, debug &amp;
1 refactor code</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[42%] right-[12%] lg:right-[16%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/ai-marketing/image-generator"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:1.5s"><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-wand-sparkles w-5 h-5 text-indigo-500" aria-hidden="true"><path d="m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72"></path><path d="m14 7 3 3"></path><path d="M5 6v4"></path><path d="M19 14v4"></path><path d="M10 2v2"></path><path d="M7 8H3"></path><path d="M21 16h-4"></path><path d="M11 3H9"></path></svg></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">AI Image Generator<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Create AI artwork &amp; visuals</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[32%] right-[5%] lg:right-[8%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/chat"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:2s"><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-bot w-5 h-5 text-blue-500" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">AI Chat Assistant<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Conversations &amp; reasoning</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[52%] left-[4%] lg:left-[7%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/writer"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:2.5s"><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 w-5 h-5 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 class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">AI Content Writer<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Blog posts &amp; ad copy</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[66%] left-[16%] lg:left-[19%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/summary"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:0.8s"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-5 h-5 text-amber-500" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">Document Summarizer<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Summarize PDFs &amp; docs</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[52%] right-[4%] lg:right-[7%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/sql"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:1.2s"><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-database w-5 h-5 text-cyan-600" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">SQL Architect<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Generate SQL from prompts</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div><div class="absolute top-[68%] right-[16%] lg:right-[19%] pointer-events-auto group"><a target="_blank" rel="noopener noreferrer" class="block relative" href="/support-agent"><div class="w-11 h-11 lg:w-12 lg:h-12 rounded-2xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 shadow-[0_4px_16px_rgba(0,0,0,0.07)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.3)] flex items-center justify-center animate-float hover:scale-115 hover:shadow-xl hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group-hover:[animation-play-state:paused]" style="animation-delay:1.8s"><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-message-square w-5 h-5 text-teal-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></div><div class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2.5 opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 pointer-events-none z-50 whitespace-nowrap"><div class="bg-neutral-900 dark:bg-neutral-800 text-white text-[11px] font-medium px-3 py-1.5 rounded-xl shadow-xl flex flex-col items-center gap-0.5 border border-neutral-700/60"><span class="font-semibold text-white tracking-tight flex items-center gap-1">Live Support Agent<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-2.5 h-2.5 text-neutral-400 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><span class="text-[9px] text-neutral-400 font-normal">Automated AI customer support</span></div><div class="w-2 h-2 bg-neutral-900 dark:bg-neutral-800 rotate-45 mx-auto -mt-1 border-r border-b border-neutral-700/60"></div></div></a></div></div><div class="container mx-auto px-4 text-center relative z-20 max-w-3xl"><h1 class="text-3xl sm:text-4xl md:text-5xl lg:text-[54px] font-bold tracking-tight text-neutral-950 dar
1k:text-white leading-[1.12] max-w-xl mx-auto mb-4 font-sans" style="opacity:0;transform:translateY(15px)">The Ultimate<br/>AI Productivity Suite</h1><p class="text-xs sm:text-sm md:text-base text-neutral-500 dark:text-neutral-400 max-w-md sm:max-w-lg mx-auto text-center leading-relaxed mb-6 font-normal" style="opacity:0;transform:translateY(15px)">Access <!-- -->124+<!-- --> powerful AI tools. Generate content, code, images, websites, and more with cutting-edge AI technology.</p><div class="flex flex-wrap gap-3 justify-center items-center mb-8" style="opacity:0;transform:translateY(15px)"><a target="_blank" rel="noopener noreferrer" href="/login"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow-primary/20 hover:shadow-md hover:shadow-primary/25 active:scale-[0.98] py-2 h-9 sm:h-10 rounded-full bg-black hover:bg-neutral-800 dark:bg-white dark:hover:bg-neutral-200 text-white dark:text-neutral-950 font-medium px-4 sm:px-5 text-xs shadow-xs transition-all">Get started free</button></a><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 active:scale-[0.98] py-2 h-9 sm:h-10 rounded-full bg-white dark:bg-neutral-900 text-neutral-900 dark:text-white border border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-white font-medium px-4 sm:px-5 text-xs shadow-xs transition-all">Watch Demo</button></div><div class="relative mt-4 mb-4 flex flex-col items-center justify-center z-20" style="opacity:0;transform:translateY(20px)"><div class="w-[340px] sm:w-[400px] h-[160px] bg-gradient-to-r from-cyan-300/40 via-blue-300/40 to-indigo-300/40 rounded-full blur-3xl absolute -z-10 pointer-events-none left-1/2 -translate-x-1/2 top-0"></div><div class="relative w-full max-w-md px-4 flex flex-col items-center"><div class="w-[330px] sm:w-[375px] bg-white/40 dark:bg-neutral-900/40 backdrop-blur-2xl border border-white/70 dark:border-white/15 rounded-2xl p-3.5 shadow-[0_12px_32px_rgba(0,0,0,0.08),inset_0_1px_1px_rgba(255,255,255,0.8)] dark:shadow-[0_12px_32px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.15)] flex items-center justify-between gap-3 z-30 transition-all duration-300 hover:scale-[1.02]"><div class="flex items-center gap-3 min-w-0"><div class="relative shrink-0"><img src="/landingpage/testimonials/kenny-chang.png" alt="Wei Chen" class="w-8 h-8 rounded-full object-cover border border-white/80 dark:border-white/20 shadow-xs"/><div class="absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-blue-500 flex items-center justify-center text-white text-[7px] font-bold shadow-2xs">✓</div></div><div class="min-w-0 text-left"><p class="text-xs font-semibold text-neutral-900 dark:text-white truncate">Wei Chen <span class="font-normal text-neutral-500 dark:text-neutral-400">joined to</span> Final Presentation</p><p class="text-[10px] text-neutral-400 dark:text-neutral-500">8 min ago • Orixcreative Dribbble</p></div></div></div><div class="w-[305px] sm:w-[345px] bg-white/30 dark:bg-neutral-900/30 backdrop-blur-xl border border-white/60 dark:border-white/10 rounded-2xl p-3 shadow-[0_8px_24px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.7)] dark:shadow-[0_8px_24px_rgba(0,0,0,0.3),inset_0_1px_1px_rgba(255,255,255,0.1)] flex items-center justify-between gap-3 -mt-2.5 z-20 opacity-95 scale-[0.98] transition-all duration-300"><div class="flex items-center gap-2.5 min-w-0"><img src="/landingpage/testimonials/michael-torres.png" alt="Matthew Johnson" class="w-7 h-7 rounded-full object-cover border border-white/80 dark:border-white/20 shrink-0 shadow-2xs"/><div class="min-w-0 text-left"><p class="text-xs font-semibold text-neutral-900 dark:text-white truncate">Matthew Johnson</p><p class="text-[10px] text-neutral-400 dark:text-neutral-500 truncate">Content Writer • @orixcreative</p></div></div><div class="text-neutral-400 dark:text-neutral-500 text-xs tracking-widest px-1">•••</div></div><div class="w-[280px] sm:w-[315px] bg-white/20 dark:bg-neutral-900/20 backdrop-blur-lg border border-white/50 dark:border-white/10 rounded-2xl p-2.5 shadow-[0_4px_16px_rgba(0,0,0,0.04),inset_0_1px_1px_rgba(255,255,255,0.6)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.2),inset_0_1px_1px_rgba(255,255,255,0.08)] flex items-center gap-2.5 -mt-2.5 z-10 opacity-80 scale-[0.95] transition-all duration-300"><div class="w-6 h-6 rounded-lg bg-red-500/10 border border-red-500/20 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3 h-3 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><div class="min-w-0 text-left"><p class="text-xs font-semibold text-neutral-900 dark:text-white truncate">Terry Lipshutz</p><p class="text-[9px] text-neutral-400 dark:text-neutral-500 truncate">Approved the design of the iOS app...</p></div></div></div></div></div><div class="mt-8 sm:mt-10 text-center relative z-20 w-full max-w-6xl mx-auto px-4"><p class="text-xs sm:text-sm text-neutral-400 dark:text-neutral-500 font-normal mb-5 tracking-tight font-sans">Trusted by 200,000+ users worldwide</p><div class="flex flex-nowrap items-center justify-center gap-4 sm:gap-7 md:gap-10 lg:gap-12 text-neutral-400 dark:text-neutral-500 font-semibold text-sm sm:text-base md:text-lg tracking-tight select-none opacity-80 overflow-x-auto sm:overflow-visible whitespace-nowrap pb-2 sm:pb-0 custom-scrollbar"><span class="hover:text-neutral-900 dark:hover:text-white transition-colors">Google</span><div class="flex items-center gap-1.5 text-neutral-400 hover:text-neutral-900 transition-colors font-semibold text-base sm:text-lg tracking-tight">
1<svg class="w-4 h-4 sm:w-5 sm:h-5 fill-current shrink-0" viewBox="0 0 32 32"><path d="M16 1c-2.007 0-3.673 1.298-4.707 2.801-1.348 1.96-2.519 4.316-3.882 6.84-1.503 2.782-3.189 5.86-5.127 9.074-1.385 2.296-1.884 4.544-1.288 6.551.69 2.327 2.68 3.999 5.281 4.417.818.132 1.676.132 2.519-.009 2.946-.49 5.485-2.228 7.199-4.887 1.714 2.659 4.253 4.396 7.199 4.887.843.141 1.701.141 2.519.009 2.601-.418 4.591-2.09 5.281-4.417.596-2.007.097-4.255-1.288-6.551-1.938-3.214-3.624-6.292-5.127-9.074-1.363-2.524-2.534-4.88-3.882-6.84C19.673 2.298 18.007 1 16 1zm0 3c.96 0 2.052.793 2.88 2.001 1.189 1.733 2.316 4.011 3.63 6.447 1.488 2.756 3.144 5.787 5.034 8.919.98 1.624 1.258 3.031.864 4.363-.44 1.483-1.748 2.573-3.473 2.85-.561.09-1.15.09-1.719 0-2.317-.386-4.382-1.986-5.696-4.364l-1.52-2.75-1.52 2.75c-1.314 2.378-3.379 3.978-5.696 4.364-.569.09-1.158.09-1.719 0-1.725-.277-3.033-1.367-3.473-2.85-.394-1.332-.116-2.739.864-4.363 1.89-3.132 3.546-6.163 5.034-8.919 1.314-2.436 2.441-4.714 3.63-6.447C13.948 4.793 15.04 4 16 4z"></path></svg><span>airbnb</span></div><span class="hover:text-neutral-900 dark:hover:text-white transition-colors">coinbase</span><div class="flex items-center gap-1.5 text-neutral-400 hover:text-neutral-900 transition-colors font-semibold text-base sm:text-lg tracking-tight"><svg class="w-4 h-4 sm:w-5 sm:h-5 fill-current shrink-0" viewBox="0 0 24 24"><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l11.413-.787c.28 0 .42-.14.42-.373 0-.14-.047-.28-.187-.373L16.294 1.5c-.56-.373-1.214-.56-1.867-.56L3.48 1.733c-.42.047-.654.233-.654.56 0 .14.047.327.14.467l1.493 1.448zm1.073 3.542v13.568c0 .607.327.933.933.933h13.064c.607 0 .934-.326.934-.933V7.75c0-.607-.327-.933-.934-.933H5.532c-.606 0-.933.326-.933.933zm11.758.98c.327.28.467.653.467 1.073v9.004c0 .42-.14.793-.467 1.073-.327.28-.7.42-1.12.42-.42 0-.793-.14-1.073-.42l-4.758-5.318v5.038c0 .607-.327.933-.933.933h-1.026c-.607 0-.934-.326-.934-.933V9.803c0-.42.14-.793.467-1.073.327-.28.7-.42 1.12-.42.42 0 .793.14 1.073.42l4.758 5.318V9.01c0-.607.327-.933.933-.933h1.026c.42 0 .793.14 1.12.42z"></path></svg><span>Notion</span></div><span class="hover:text-neutral-900 dark:hover:text-white transition-colors font-bold">GUMROAD</span><span class="hover:text-neutral-900 dark:hover:text-white transition-colors font-bold italic">PayPal</span><span class="hover:text-neutral-900 dark:hover:text-white transition-colors">upwork</span><div class="flex items-center gap-1.5 text-neutral-400 hover:text-neutral-900 transition-colors font-semibold text-base sm:text-lg tracking-tight"><svg class="w-4 h-4 sm:w-5 sm:h-5 fill-current shrink-0" viewBox="0 0 24 24"><path d="M19.782 6.848c-.015-.093-.092-.162-.186-.164l-2.072-.031c.002-.132.002-.284.002-.455 0-1.89-1.286-3.418-3.089-3.418-1.536 0-2.825 1.066-3.136 2.528-.488.163-.996.347-1.516.538-1.085-2.28-2.632-3.076-3.565-3.076-1.512 0-2.083 1.632-1.921 3.208.069.664.296 1.458.625 2.299l-2.585.836c-.504.163-.82.668-.737 1.179l2.25 13.916c.075.464.475.81.944.81h13.232c.465 0 .863-.341.942-.8l2.05-13.626c.026-.178-.018-.357-.123-.494zm-6.243-3.668c1.104 0 1.879.914 1.879 2.128 0 .151 0 .285-.002.408l-2.908.932c.231-1.94 1.341-3.468 1.031-3.468zm-4.708 1.258c.28 0 1.439.544 2.457 2.656l-3.328 1.068c-.287-.736-.48-1.423-.538-1.98-.105-1.026.222-1.744 1.409-1.744z"></path></svg><span>shopify</span></div><span class="hover:text-neutral-900 dark:hover:text-white transition-colors font-bold">stripe</span><span class="hover:text-neutral-900 dark:hover:text-white transition-colors font-bold">zoom</span></div></div></section><section id="features" class="scroll-mt-20 pt-12 sm:pt-16 pb-10 sm:pb-14 bg-neutral-50/60 dark:bg-neutral-950 border-t border-neutral-200/60 dark:border-neutral-800/60 transition-colors duration-200 overflow-hidden"><div class="container mx-auto px-4 max-w-7xl"><div class="text-center mb-10 sm:mb-16 px-4 sm:px-0"><div class="inline-flex items-center border transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-muted mb-3 rounded-full px-3.5 py-1 text-xs border-neutral-300 dark:border-neutral-700 text-neutral-700 dark:text-neutral-300 font-medium bg-white/80 dark:bg-neutral-900/80 shadow-2xs backdrop-blur-md">Features Showcase</div><h2 class="text-2xl sm:text-4xl md:text-5xl font-bold tracking-tight text-neutral-950 dar
1k:text-white mb-3.5 font-sans leading-tight max-w-[280px] sm:max-w-none mx-auto">Everything You Need to Create</h2><p class="text-xs sm:text-base text-neutral-500 dark:text-neutral-400 max-w-2xl mx-auto leading-relaxed">Powerful AI tools designed to supercharge your productivity, creativity, and workflow.</p></div><div class="grid lg:grid-cols-12 gap-8 lg:gap-12 items-start"><div class="lg:col-span-5 flex flex-col justify-between space-y-6"><div class="flex items-center gap-1 sm:gap-2 w-full max-w-full"><button class="w-8 h-8 sm:w-9 sm:h-9 rounded-full bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 flex items-center justify-center shadow-2xs transition-all active:scale-95 shrink-0" title="Scroll Left"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-4 h-4" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><div class="w-0 flex-1 min-w-0 bg-neutral-200/70 dark:bg-neutral-900/80 p-1 sm:p-1.5 rounded-full border border-neutral-300/60 dark:border-neutral-800 backdrop-blur-md flex items-center gap-1 shadow-xs overflow-x-auto [ms-overflow-style:none] [scrollbar-width:none] [&amp;::-webkit-scrollbar]:hidden scroll-smooth"><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap bg-white dark:bg-neutral-800 text-neutral-950 dark:text-white shadow-sm border border-neutral-200/80 dark:border-neutral-700"><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-bot w-3.5 h-3.5 shrink-0 text-blue-600 dark:text-blue-400" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="whitespace-nowrap">AI Chat Assistant</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-template w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-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><span class="whitespace-nowrap">AI Website Builder</span><span class="w-1.5 h-1.5 rounded-full bg-emerald-500 shrink-0"></span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-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><span class="whitespace-nowrap">Live Chat Agent</span><span class="w-1.5 h-1.5 rounded-full bg-emerald-500 shrink-0"></span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="m16 18 6-6-6-6"></path><path d="m8 6-6 6 6 6"></path></svg><span class="whitespace-nowrap">Code Generator</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pen-tool w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-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><span class="whitespace-nowrap">Content Writer</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dar
1k:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><span class="whitespace-nowrap">Document Summarizer</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-image w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect><circle cx="9" cy="9" r="2"></circle><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"></path></svg><span class="whitespace-nowrap">Image Generator</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg><span class="whitespace-nowrap">SQL Architect</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg><span class="whitespace-nowrap">Translation Hub</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="M12 18V5"></path><path d="M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4"></path><path d="M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5"></path><path d="M17.997 5.125a4 4 0 0 1 2.526 5.77"></path><path d="M18 18a4 4 0 0 0 2-7.464"></path><path d="M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517"></path><path d="M6 18a4 4 0 0 1-2-7.464"></path><path d="M6.003 5.125a4 4 0 0 0-2.526 5.77"></path></svg><span class="whitespace-nowrap">Quiz Master</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-user w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M15 18a3 3 0 1 0-6 0"></path><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z"></path><circle cx="12" cy="13" r="2"></circle></svg><span class="whitespace-nowrap">Resume Builder</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" 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><span class="whitespace-nowrap">Social Suite</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-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><span class="whitespace-nowrap">Email Assistant</span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 rounded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg><span class="whitespace-nowrap">AI Music Studio</span><span class="w-1.5 h-1.5 rounded-full bg-emerald-500 shrink-0"></span></button><button class="shrink-0 flex items-center justify-center gap-1.5 py-1.5 sm:py-2 px-3 sm:px-4 roun
1ded-full text-xs font-semibold transition-all duration-200 select-none relative whitespace-nowrap text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-white hover:bg-white/40 dark:hover:bg-neutral-800/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone w-3.5 h-3.5 shrink-0 text-neutral-400 dark:text-neutral-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><span class="whitespace-nowrap">AI Marketing Suite</span><span class="w-1.5 h-1.5 rounded-full bg-emerald-500 shrink-0"></span></button></div><button class="w-8 h-8 sm:w-9 sm:h-9 rounded-full bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 flex items-center justify-center shadow-2xs transition-all active:scale-95 shrink-0 group" title="Scroll Right"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-4 h-4 group-hover:translate-x-0.5 transition-transform" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="pt-2 space-y-5" style="opacity:0;transform:translateY(12px)"><div><h3 class="text-2xl sm:text-3xl font-bold text-neutral-950 dark:text-white tracking-tight leading-tight font-sans">AI Chat Assistant</h3><p class="text-xs sm:text-sm text-neutral-500 dark:text-neutral-400 mt-2.5 leading-relaxed font-normal">Engage in intelligent, natural conversations powered by advanced language models. Solve complex logic, analyze data, and brainstorm effortlessly.</p></div><div class="space-y-2.5 pt-1"><div class="flex items-start gap-2.5 text-xs sm:text-sm text-neutral-700 dark:text-neutral-300 font-medium"><div class="w-4 h-4 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 mt-0.5 border border-emerald-500/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-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Sub-second AI reasoning &amp; response times</span></div><div class="flex items-start gap-2.5 text-xs sm:text-sm text-neutral-700 dark:text-neutral-300 font-medium"><div class="w-4 h-4 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 mt-0.5 border border-emerald-500/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-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Multi-modal image &amp; file analysis</span></div><div class="flex items-start gap-2.5 text-xs sm:text-sm text-neutral-700 dark:text-neutral-300 font-medium"><div class="w-4 h-4 rounded-full bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 mt-0.5 border border-emerald-500/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-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Persistent context memory across sessions</span></div></div><div class="flex flex-wrap items-center gap-2.5 sm:gap-3 pt-3"><a target="_blank" rel="noopener noreferrer" class="w-full sm:w-auto" href="/chat"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focu
1s-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow-primary/20 hover:shadow-md hover:shadow-primary/25 py-2 w-full sm:w-auto h-10 sm:h-11 rounded-full bg-neutral-950 dark:bg-white text-white dark:text-neutral-950 hover:bg-neutral-800 dark:hover:bg-neutral-100 font-semibold px-6 text-xs sm:text-sm shadow-sm transition-all duration-200 active:scale-95 group"><span class="text-white dark:text-neutral-950 font-semibold">Try AI Chat Assistant</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 ml-2 text-white dark:text-neutral-950 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></a><a target="_blank" rel="noopener noreferrer" class="w-full sm:w-auto" href="/register"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 border active:scale-[0.98] py-2 w-full sm:w-auto h-10 sm:h-11 rounded-full bg-white dark:bg-neutral-900 border-neutral-200 dark:border-neutral-800 hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-800 dark:text-neutral-200 hover:text-neutral-900 dark:hover:text-white font-medium px-5 text-xs sm:text-sm shadow-2xs transition-all duration-200">Get started free</button></a></div></div></div><div class="lg:col-span-7 w-full max-w-full overflow-hidden"><div class="relative rounded-3xl bg-gradient-to-b from-neutral-100/90 to-neutral-200/50 dark:from-neutral-900/90 dark:to-neutral-950/80 p-3 sm:p-5 border border-neutral-200 dark:border-neutral-800 shadow-[0_20px_50px_rgba(0,0,0,0.08)] dark:shadow-[0_20px_50px_rgba(0,0,0,0.5)] overflow-hidden min-h-fit sm:min-h-[460px] flex flex-col justify-between"><div class="absolute -top-20 -left-20 w-96 h-96 bg-gradient-to-tr from-cyan-400/40 via-blue-500/35 to-indigo-500/25 rounded-full blur-3xl pointer-events-none"></div><div class="absolute -bottom-20 -right-20 w-96 h-96 bg-gradient-to-br from-purple-500/40 via-pink-400/35 to-rose-400/25 rounded-full blur-3xl pointer-events-none"></div><div class="absolute top-1/4 left-1/4 w-80 h-80 bg-gradient-to-r from-emerald-400/30 via-teal-400/30 to-blue-400/30 rounded-full blur-3xl pointer-events-none"></div><div class="relative z-10 flex-1 flex flex-col justify-center"><div class="w-full" style="opacity:0;transform:scale(0.97)"><div class="space-y-3 sm:space-y-3.5 p-1 sm:p-2 w-full max-w-full overflow-hidden"><div class="flex items-start gap-2 sm:gap-2.5 justify-end"><div class="bg-purple-500/10 dark:bg-purple-950/40 backdrop-blur-xl border border-purple-500/20 text-neutral-900 dark:text-neutral-100 text-xs sm:text-sm p-3 sm:p-4 rounded-3xl rounded-tr-xs max-w-[88%] sm:max-w-[85%] shadow-2xs"><p class="leading-relaxed">I’m working on a fitness plan.</p><p class="leading-relaxed font-medium mt-0.5">Can you suggest a 7-day home workout routine?</p><span class="text-[10px] text-purple-600/70 dark:text-purple-400/70 mt-2 block font-medium">10:30 AM</span></div><img src="/landingpage/testimonials/sarah-chen.png" alt="User Profile" class="w-7 h-7 sm:w-8 sm:h-8 rounded-full object-cover border border-purple-500/30 shrink-0 shadow-2xs"/></div><div class="flex items-start gap-2 sm:gap-2.5 justify-start w-full"><div class="w-7 h-7 sm:w-8 sm:h-8 rounded-full bg-gradient-to-br from-indigo-500 to-purple-600 text-white flex items-center justify-center shrink-0 shadow-xs mt-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3.5 h-3.5 sm:w-4 sm:h-4" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 
11.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><div class="bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 rounded-3xl p-3 sm:p-5 shadow-[0_12px_36px_rgba(0,0,0,0.06),inset_0_1px_1px_rgba(255,255,255,0.85)] dark:shadow-[0_12px_36px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.15)] flex-1 min-w-0 space-y-2.5 sm:space-y-3 overflow-hidden"><p class="text-xs sm:text-sm text-neutral-800 dark:text-neutral-200 font-medium leading-relaxed">Absolutely! Here’s a 7-day home workout plan you can follow:</p><div class="space-y-1.5 py-0.5"><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dumbbell w-3 h-3 sm:w-3.5 sm:h-3.5" aria-hidden="true"><path d="M17.596 12.768a2 2 0 1 0 2.829-2.829l-1.768-1.767a2 2 0 0 0 2.828-2.829l-2.828-2.828a2 2 0 0 0-2.829 2.828l-1.767-1.768a2 2 0 1 0-2.829 2.829z"></path><path d="m2.5 21.5 1.4-1.4"></path><path d="m20.1 3.9 1.4-1.4"></path><path d="M5.343 21.485a2 2 0 1 0 2.829-2.828l1.767 1.768a2 2 0 1 0 2.829-2.829l-6.364-6.364a2 2 0 1 0-2.829 2.829l1.768 1.767a2 2 0 0 0-2.828 2.829z"></path><path d="m9.6 14.4 4.8-4.8"></path></svg></div><span class="font-bold text-neutral-900 dark:text-white shrink-0">Day 1<!-- -->:</span>
1<span class="text-neutral-600 dark:text-neutral-400 truncate">Full Body Strength</span></div><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user w-3 h-3 sm:w-3.5 sm:h-3.5" 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><span class="font-bold text-neutral-900 dark:text-white shrink-0">Day 2<!-- -->:</span><span class="text-neutral-600 dark:text-neutral-400 truncate">Yoga &amp; Mobility</span></div><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame w-3 h-3 sm:w-3.5 sm:h-3.5" aria-hidden="true"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg></div><span class="font-bold text-neutral-900 dark:text-white shrink-0">Day 3<!-- -->:</span>
1<span class="text-neutral-600 dark:text-neutral-400 truncate">Cardio &amp; Endurance</span></div><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity w-3 h-3 sm:w-3.5 sm:h-3.5" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div><span class="font-bold text-neutral-900 dark:text-white shrink-0">Day 4<!-- -->:</span><span class="text-neutral-600 dark:text-neutral-400 truncate">Upper Body</span></div><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-3 h-3 sm:w-3.5 sm:h-3.5" 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="font-bold text-neutral-900 dark:text-white shrink-0">Day 5<!-- -->:</span>
1<span class="text-neutral-600 dark:text-neutral-400 truncate">Core &amp; Abs</span></div><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-3 h-3 sm:w-3.5 sm:h-3.5" aria-hidden="true"><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg></div><span class="font-bold text-neutral-900 dark:text-white shrink-0">Day 6<!-- -->:</span>
1<span class="text-neutral-600 dark:text-neutral-400 truncate">HIIT Workout</span></div><div class="flex items-center gap-1.5 sm:gap-2 text-[11px] sm:text-xs text-neutral-700 dark:text-neutral-300 font-medium min-w-0"><div class="w-5 h-5 sm:w-6 sm:h-6 rounded-lg bg-purple-500/10 dark:bg-purple-500/20 text-purple-600 dark:text-purple-400 flex items-center justify-center shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon w-3 h-3 sm:w-3.5 sm:h-3.5" aria-hidden="true"><path d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"></path></svg></div><span class="font-bold text-neutral-900 dark:text-white shrink-0">Day 7<!-- -->:</span><span class="text-neutral-600 dark:text-neutral-400 truncate">Rest &amp; Recovery</span></div></div><p class="text-[11px] sm:text-xs text-neutral-500 dark:text-neutral-400">Let me know if you want the detailed plan for each day!</p><div class="flex items-center justify-between pt-2 border-t border-neutral-200/60 dark:border-neutral-800 text-[10px] text-neutral-400"><span>10:31 AM</span><div class="flex items-center gap-2"><button class="p-1 rounded-md hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 transition-colors"><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-thumbs-up w-3.5 h-3.5" aria-hidden="true"><path d="M7 10v12"></path><path d="M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z"></path></svg></button><button class="p-1 rounded-md hover:bg-neutral-100 dark:hover:bg-neutral-800 text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-200 transition-colors"><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-thumbs-down w-3.5 h-3.5" aria-hidden="true"><path d="M17 14V2"></path><path d="M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z"></path></svg></button></div></div></div></div><div class="bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 rounded-full p-1.5 sm:p-2 px-3 sm:px-4 shadow-[0_10px_30px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.85)] dark:shadow-[0_10px_30px_rgba(0,0,0,0.4)] flex items-center justify-between gap-2 mt-2 min-w-0"><div class="flex items-center gap-1.5 sm:gap-2 text-neutral-400 flex-1 min-w-0"><button class="hover:text-purple-600 transition-colors shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-paperclip w-3.5 h-3.5 sm:w-4 sm:h-4 text-neutral-400 dark:text-neutral-500" aria-hidden="true"><path d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"></path></svg></button><button class="hover:text-purple-600 transition-colors shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3.5 h-3.5 sm:w-4 sm:h-4 text-neutral-400 dark:text-neutral-500" 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></button><span class="text-[11px] sm:text-xs text-neutral-400 dark:text-neutral-500 font-normal ml-0.5 truncate">Message AI Assistant...</span></div><button class="w-8 h-8 sm:w-9 sm:h-9 rounded-full bg-gradient-to-br from-indigo-500 to-purple-600 text-white flex items-center justify-center shadow-xs hover:scale-105 transition-transform shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send w-3.5 h-3.5 sm:w-4 sm:h-4 ml-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></div></div></div></div></div></div></div></div></section><section id="ai-marketing" class="pt-8 sm:pt-10 pb-4 sm:pb-6 bg-gradient-to-b from-neutral-50/50 via-white/80 to-neutral-50/30 dark:from-neutral-950 dar
1k:via-neutral-900/40 dark:to-neutral-950 border-t border-neutral-200/60 dark:border-neutral-800/60 relative overflow-hidden transition-colors duration-200"><div class="absolute top-1/4 left-1/4 w-[600px] h-[350px] bg-gradient-to-tr from-cyan-400/20 via-blue-500/20 to-indigo-500/15 rounded-full blur-3xl pointer-events-none -z-10 animate-pulse"></div><div class="absolute bottom-1/4 right-1/4 w-[550px] h-[350px] bg-gradient-to-br from-purple-500/20 via-pink-400/15 to-rose-400/15 rounded-full blur-3xl pointer-events-none -z-10"></div><div class="container mx-auto px-4 max-w-7xl relative z-10"><div class="text-center mb-14 sm:mb-16" style="opacity:0;transform:translateY(20px)"><div class="border transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-muted mb-3.5 rounded-full px-4 py-1.5 text-xs border-white/80 dark:border-white/20 text-blue-600 dark:text-blue-400 font-bold bg-white/60 dark:bg-neutral-900/60 shadow-[0_4px_16px_rgba(0,0,0,0.06),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.4)] backdrop-blur-2xl inline-flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-megaphone w-3.5 h-3.5 text-blue-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> AI Marketing Solutions</div><h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-neutral-950 dark:text-white mb-3.5 font-sans max-w-[300px] sm:max-w-none mx-auto">Supercharge Your Marketing with AI</h2><p class="text-sm sm:text-base text-neutral-500 dark:text-neutral-400 max-w-2xl mx-auto leading-relaxed font-normal">From social media to SEO, email campaigns to ad copy — automate your entire marketing stack effortlessly.</p></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8 items-stretch" style="opacity:0"><div class="h-full" style="opacity:0;transform:translateY(20px)"><div class="h-full rounded-[32px] bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 shadow-[0_16px_40px_rgba(0,0,0,0.06),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.4),inset_0_1.5px_2px_rgba(255,255,255,0.2),inset_0_-1px_2px_rgba(0,0,0,0.3)] hover:shadow-[0_24px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_24px_60px_rgba(0,0,0,0.6),inset_0_2px_3px_rgba(255,255,255,0.3)] hover:-translate-y-1.5 transition-all duration-300 flex flex-col justify-between overflow-hidden group"><div class="bg-gradient-to-b from-blue-500/15 via-cyan-500/10 to-transparent p-5 sm:p-6 min-h-[210px] flex flex-col items-center justify-center relative overflow-hidden border-b border-white/60 dark:border-white/10"><div class="w-full bg-white/60 dark:bg-neutral-950/60 backdrop-blur-xl rounded-2xl p-4 shadow-[0_10px_30px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_10px_30px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.15)] border border-white/90 dark:border-white/20 space-y-2.5 transform group-hover:scale-[1.02] transition-transform duration-300"><div class="flex items-center justify-between"><div class="flex items-center gap-1.5"><div class="w-2.5 h-2.5 rounded-full bg-blue-500 animate-pulse shadow-[0_0_10px_rgba(59,130,246,0.8)]"></div><span class="text-[11px] font-bold text-neutral-950 dark:text-white">Multi-Channel Post</span></div><span class="text-[9px] font-bold bg-blue-500/15 text-blue-600 dark:text-blue-300 px-2.5 py-0.5 rounded-full border border-blue-500/30 backdrop-blur-md">Auto-Scheduled</span></div><p class="text-[11px] text-neutral-800 dark:text-neutral-200 font-medium leading-relaxed">🚀 Supercharge growth with our AI Engine. 3x higher engagement across channels!</p><div class="flex items-center justify-between pt-1.5 border-t border-white/80 dark:border-white/10"><div class="flex items-center gap-1 text-[9px] text-neutral-500"><span class="px-2 py-0.5 rounded-full bg-white/80 dark:bg-neutral-900/80 text-neutral-700 dark:text-neutral-300 font-semibold border border-white/80 dark:border-neutral-800">#AIMarketing</span><span class="px-2 py-0.5 rounded-full bg-white/80 dark:bg-neutral-900/80 text-neutral-700 dark:text-neutral-300 font-semibold border border-white/80 dark:border-neutral-800">#Growth</span></div><span class="text-[9px] font-bold text-emerald-600 dark:text-emerald-400">98.4% Score</span></div></div></div><div class="p-6 bg-white/30 dark:bg-neutral-900/30 backdrop-blur-md flex-1 flex flex-col justify-between space-y-3"><div><div class="flex items-center gap-2.5 mb-2">
1<div class="w-8 h-8 rounded-xl bg-blue-500/10 text-blue-600 dark:text-blue-400 flex items-center justify-center shrink-0 border border-blue-500/20 shadow-2xs"><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 w-4 h-4" 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><h3 class="text-base sm:text-lg font-bold text-neutral-950 dark:text-white font-sans">Social Media Automation</h3></div><p class="text-xs sm:text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed font-normal">Auto-generate viral posts, captions, and hashtags for every platform. Schedule and optimize content at scale.</p></div></div></div></div><div class="h-full" style="opacity:0;transform:translateY(20px)"><div class="h-full rounded-[32px] bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 shadow-[0_16px_40px_rgba(0,0,0,0.06),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.4),inset_0_1.5px_2px_rgba(255,255,255,0.2),inset_0_-1px_2px_rgba(0,0,0,0.3)] hover:shadow-[0_24px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_24px_60px_rgba(0,0,0,0.6),inset_0_2px_3px_rgba(255,255,255,0.3)] hover:-translate-y-1.5 transition-all duration-300 flex flex-col justify-between overflow-hidden group"><div class="bg-gradient-to-b from-emerald-500/15 via-teal-500/10 to-transparent p-5 sm:p-6 min-h-[210px] flex flex-col items-center justify-center relative overflow-hidden border-b border-white/60 dark:border-white/10"><div class="mb-2.5 bg-white/70 dark:bg-neutral-900/70 text-neutral-800 dark:text-neutral-200 text-[10px] font-bold px-3 py-1 rounded-full border border-white/90 dark:border-white/20 shadow-2xs backdrop-blur-md">+ Generate SEO Article</div><div class="w-full bg-white/60 dark:bg-neutral-950/60 backdrop-blur-xl rounded-2xl p-4 shadow-[0_10px_30px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_10px_30px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.15)] border border-white/90 dark:border-white/20 space-y-2.5 transform group-hover:scale-[1.02] transition-transform duration-300"><div class="flex items-center gap-2.5"><div class="w-7 h-7 rounded-lg bg-emerald-500/20 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 font-extrabold text-[10px] border border-emerald-500/30">SEO</div><div class="flex-1 min-w-0"><div class="flex items-center justify-between text-[10px]"><span class="font-bold text-neutral-950 dark:text-white truncate">google-rank-post.md</span><span class="text-emerald-600 dark:text-emerald-400 font-extrabold">96% Rank</span></div><div class="w-full bg-white/80 dark:bg-neutral-800 h-1.5 rounded-full overflow-hidden mt-1 p-0.5 border border-white/80 dark:border-neutral-700"><div class="bg-gradient-to-r from-emerald-500 via-teal-400 to-cyan-400 h-full w-[96%] rounded-full shadow-[0_0_8px_rgba(16,185,129,0.7)]"></div></div></div></div><div class="flex items-center justify-between text-[9px] text-neutral-500 pt-0.5 font-medium"><span>Rank #1 Candidate</span><span>Keyword Density: 2.4%</span></div></div></div><div class="p-6 bg-white/30 dark:bg-neutral-900/30 backdrop-blur-md flex-1 flex flex-col justify-between space-y-3"><div><div class="flex items-center gap-2.5 mb-2"><div class="w-8 h-8 rounded-xl bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/20 shadow-2xs"><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-newspaper w-4 h-4" aria-hidden="true"><path d="M15 18h-5"></path><path d="M18 14h-8"></path><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-4 0v-9a2 2 0 0 1 2-2h2"></path><rect width="8" height="4" x="10" y="6" rx="1"></rect></svg></div>
1<h3 class="text-base sm:text-lg font-bold text-neutral-950 dark:text-white font-sans">SEO Content Engine</h3></div><p class="text-xs sm:text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed font-normal">Create SEO-optimized blog posts, landing pages, and meta descriptions that rank on Google.</p></div></div></div></div><div class="h-full" style="opacity:0;transform:translateY(20px)"><div class="h-full rounded-[32px] bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 shadow-[0_16px_40px_rgba(0,0,0,0.06),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.4),inset_0_1.5px_2px_rgba(255,255,255,0.2),inset_0_-1px_2px_rgba(0,0,0,0.3)] hover:shadow-[0_24px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_24px_60px_rgba(0,0,0,0.6),inset_0_2px_3px_rgba(255,255,255,0.3)] hover:-translate-y-1.5 transition-all duration-300 flex flex-col justify-between overflow-hidden group"><div class="bg-gradient-to-b from-pink-500/15 via-rose-500/10 to-transparent p-5 sm:p-6 min-h-[210px] flex flex-col items-center justify-center relative overflow-hidden border-b border-white/60 dark:border-white/10"><div class="w-full bg-white/60 dark:bg-neutral-950/60 backdrop-blur-xl rounded-2xl p-4 shadow-[0_10px_30px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_10px_30px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.15)] border border-white/90 dark:border-white/20 space-y-2.5 transform group-hover:scale-[1.02] transition-transform duration-300"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-6 h-6 rounded-md bg-pink-500/15 text-pink-500 flex items-center justify-center border border-pink-500/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-mail w-3.5 h-3.5" 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><span class="text-[11px] font-bold text-neutral-950 dark:text-white">AI Drip Sequence</span></div><span class="text-[9px] font-bold text-pink-600 dark:text-pink-300 bg-pink-500/15 px-2.5 py-0.5 rounded-full border border-pink-500/30 backdrop-blur-md">68.4% Open Rate</span></div><div class="p-2.5 rounded-xl bg-white/80 dark:bg-neutral-900/80 border border-white/90 dark:border-neutral-800 text-[10px] space-y-1"><p class="font-bold text-neutral-900 dark:text-white truncate">Subject: Claim your exclusive license today</p><p class="text-[9px] text-neutral-500 truncate">Preview: Hey Sarah, we generated personalized campaigns...</p></div></div></div><div class="p-6 bg-white/30 dark:bg-neutral-900/30 backdrop-blur-md flex-1 flex flex-col justify-between space-y-3"><div><div class="flex items-center gap-2.5 mb-2"><div class="w-8 h-8 rounded-xl bg-pink-500/10 text-pink-600 dark:text-pink-400 flex items-center justify-center shrink-0 border border-pink-500/20 shadow-2xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></div><h3 class="text-base sm:text-lg font-bold text-neutral-950 dark:text-white font-sans">Email Campaigns</h3></div>
1<p class="text-xs sm:text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed font-normal">Craft high-converting email sequences, newsletters, and drip campaigns powered by AI.</p></div></div></div></div><div class="h-full lg:col-span-1" style="opacity:0;transform:translateY(20px)"><div class="h-full rounded-[32px] bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 shadow-[0_16px_40px_rgba(0,0,0,0.06),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.4),inset_0_1.5px_2px_rgba(255,255,255,0.2),inset_0_-1px_2px_rgba(0,0,0,0.3)] hover:shadow-[0_24px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_24px_60px_rgba(0,0,0,0.6),inset_0_2px_3px_rgba(255,255,255,0.3)] hover:-translate-y-1.5 transition-all duration-300 flex flex-col justify-between overflow-hidden group"><div class="bg-gradient-to-b from-amber-500/15 via-orange-500/10 to-transparent p-5 sm:p-6 min-h-[210px] flex flex-col items-center justify-center relative overflow-hidden border-b border-white/60 dark:border-white/10"><div class="w-full bg-white/60 dark:bg-neutral-950/60 backdrop-blur-xl rounded-2xl p-4 shadow-[0_10px_30px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_10px_30px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.15)] border border-white/90 dark:border-white/20 space-y-2.5 transform group-hover:scale-[1.02] transition-transform duration-300"><div class="flex items-center justify-between"><div class="flex items-center gap-1.5"><div class="w-6 h-6 rounded-md bg-amber-500/15 text-amber-500 flex items-center justify-center border border-amber-500/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 w-3.5 h-3.5" 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><span class="text-[11px] font-bold text-neutral-950 dark:text-white">Ad Copy Variant A/B</span></div><span class="text-[9px] font-bold text-amber-700 dark:text-amber-300 bg-amber-500/15 px-2.5 py-0.5 rounded-full border border-amber-500/30 backdrop-blur-md">340% CTR Boost</span></div><div class="p-2.5 rounded-xl bg-white/80 dark:bg-neutral-900/80 border border-white/90 dark:border-neutral-800 text-[10px] space-y-1"><div class="flex items-center justify-between text-neutral-500 font-medium"><span>Google &amp; Meta Ads</span><span class="text-emerald-600 dark:text-emerald-400 font-bold">AI Recommended</span></div><p class="font-extrabold text-neutral-950 dark:text-white">&quot;Transform Your Marketing Stack in Minutes&quot;</p></div></div></div><div class="p-6 bg-white/30 dark:bg-neutral-900/30 backdrop-blur-md flex-1 flex flex-col justify-between space-y-3"><div><div class="flex items-center gap-2.5 mb-2"><div class="w-8 h-8 rounded-xl bg-amber-500/10 text-amber-600 dark:text-amber-400 flex items-center justify-center shrink-0 border border-amber-500/20 shadow-2xs"><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 w-4 h-4" 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><h3 class="text-base sm:text-lg font-bold text-neutral-950 dark:text-white font-sans">Ad Copy Generator</h3></div>
1<p class="text-xs sm:text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed font-normal">Generate compelling ad copy for Google, Meta, LinkedIn, and TikTok in seconds.</p></div></div></div></div><div class="h-full lg:col-span-2" style="opacity:0;transform:translateY(20px)"><div class="h-full rounded-[32px] bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 shadow-[0_16px_40px_rgba(0,0,0,0.06),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.4),inset_0_1.5px_2px_rgba(255,255,255,0.2),inset_0_-1px_2px_rgba(0,0,0,0.3)] hover:shadow-[0_24px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_24px_60px_rgba(0,0,0,0.6),inset_0_2px_3px_rgba(255,255,255,0.3)] hover:-translate-y-1.5 transition-all duration-300 flex flex-col justify-between overflow-hidden group"><div class="bg-gradient-to-b from-indigo-500/15 via-purple-500/10 to-transparent p-5 sm:p-6 min-h-[210px] flex flex-col items-center justify-center relative overflow-hidden border-b border-white/60 dark:border-white/10"><div class="w-full bg-neutral-950/90 text-white backdrop-blur-xl rounded-2xl p-4 shadow-[0_12px_36px_rgba(0,0,0,0.4),inset_0_1px_1px_rgba(255,255,255,0.2)] border border-white/20 space-y-3 transform group-hover:scale-[1.01] transition-transform duration-300"><div class="flex items-center justify-between"><div><h4 class="font-extrabold text-xs sm:text-sm text-white">Marketing Analytics</h4><p class="text-[10px] text-neutral-400">Real-time performance tracking</p></div><div class="inline-flex items-center border transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-primary/90 bg-emerald-500/20 text-emerald-300 border-emerald-500/40 rounded-full text-[10px] px-2.5 py-0.5 font-bold shadow-[0_0_10px_rgba(16,185,129,0.4)]">● Live</div></div><div class="grid grid-cols-3 gap-2.5 text-center"><div class="p-2 sm:p-2.5 rounded-xl bg-white/10 dark:bg-neutral-900/80 border border-white/15 backdrop-blur-md"><p class="text-[9px] sm:text-[10px] text-neutral-400 font-medium">Engagement</p><p class="text-sm sm:text-base font-extrabold text-white mt-0.5">84.2%</p></div><div class="p-2 sm:p-2.5 rounded-xl bg-white/10 dark:bg-neutral-900/80 border border-white/15 backdrop-blur-md"><p class="text-[9px] sm:text-[10px] text-neutral-400 font-medium">CTR</p><p class="text-sm sm:text-base font-extrabold text-white mt-0.5">6.8%</p></div><div class="p-2 sm:p-2.5 rounded-xl bg-white/10 dark:bg-neutral-900/80 border border-white/15 backdrop-blur-md"><p class="text-[9px] sm:text-[10px] text-neutral-400 font-medium">Conversions</p><p class="text-sm sm:text-base font-extrabold text-white mt-0.5">2,847</p></div></div></div></div><div class="p-6 bg-white/30 dark:bg-neutral-900/30 backdrop-blur-md flex-1 flex flex-col justify-between space-y-3"><div><div class="flex items-center gap-2.5 mb-2"><div class="w-8 h-8 rounded-xl bg-indigo-500/10 text-indigo-600 dark:text-indigo-400 flex items-center justify-center shrink-0 border border-indigo-500/20 shadow-2xs"><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 w-4 h-4" 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><h3 class="text-base sm:text-lg font-bold text-neutral-950 dark:text-white font-sans">Marketing Analytics</h3></div>
1<p class="text-xs sm:text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed font-normal">AI-powered insights on campaign performance with actionable optimization suggestions and automated reporting.</p></div></div></div></div></div><div class="text-center mt-6 sm:mt-8"><a target="_blank" rel="noopener noreferrer" href="/social"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow-primary/20 hover:shadow-md hover:shadow-primary/25 h-12 rounded-full bg-neutral-950 hover:bg-black dark:bg-white dark:hover:bg-neutral-100 text-white dark:text-neutral-950 font-bold px-8 py-3.5 text-xs sm:text-sm shadow-[0_12px_32px_rgba(0,0,0,0.15)] dark:shadow-[0_12px_32px_rgba(255,255,255,0.2)] transition-all duration-200 active:scale-95 group border border-white/20">Explore AI Marketing Suite <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 ml-2 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></a></div></div></section><section id="music-generation" class="pt-6 sm:pt-8 pb-4 sm:pb-6 bg-gradient-to-b from-neutral-50/50 via-white/80 to-neutral-50/30 dark:from-neutral-950 dark:via-neutral-900/40 dark:to-neutral-950 border-t border-neutral-200/60 dark:border-neutral-800/60 relative overflow-hidden transition-colors duration-200"><div class="absolute top-1/4 left-1/4 w-[500px] h-[350px] bg-gradient-to-tr from-cyan-400/25 via-purple-500/20 to-indigo-500/15 rounded-full blur-3xl pointer-events-none -z-10 animate-pulse"></div><div class="absolute bottom-1/4 right-1/4 w-[450px] h-[350px] bg-gradient-to-br from-pink-500/20 via-rose-400/15 to-purple-400/15 rounded-full blur-3xl pointer-events-none -z-10"></div><div class="container mx-auto px-4 max-w-4xl relative z-10"><div class="text-center mb-10 sm:mb-14" style="opacity:0;transform:translateY(15px)"><div class="border transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-muted mb-3.5 rounded-full px-4 py-1.5 text-xs border-white/80 dark:border-white/20 text-purple-600 dark:text-purple-400 font-bold bg-white/60 dark:bg-neutral-900/60 shadow-[0_4px_16px_rgba(0,0,0,0.06),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.4)] backdrop-blur-2xl inline-flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-music w-3.5 h-3.5 text-purple-500" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg><span>AI Music Studio</span></div><h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-neutral-950 dark:text-white mb-3.5 font-sans">Create Professional Music with AI</h2><p class="text-sm sm:text-base text-neutral-500 dark:text-neutral-400 max-w-xl mx-auto leading-relaxed font-normal">From text descriptions to full productions — generate studio-quality tracks with Suno V5.</p></div><div class="relative max-w-lg mx-auto rounded-[36px] bg-white/45 dark:bg-neutral-900/45 backdrop-blur-2xl border border-white/80 dark:border-white/15 shadow-[0_20px_50px_rgba(0,0,0,0.08),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_20px_50px_rgba(0,0,0,0.5),inset_0_1.5px_2px_rgba(255,255,255,0.2),inset_0_-1px_2px_rgba(0,0,0,0.3)] hover:shadow-[0_25px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_25px_60px_rgba(0,0,0,0.6),inset_0_2px_3px_rgba(255,255,255,0.3)] p-6 sm:p-8 flex flex-col items-center justify-between text-center overflow-hidden transition-all duration-300 min-h-fit sm:min-h-[500px]" style="opacity:0;transform:translateY(20px) scale(0.96)"><div class="space-y-1.5 mb-3"><h3 class="text-2xl sm:text-3xl font-extrabold text-neutral-950 dar
1k:text-white tracking-tight font-sans">Summer Vibes</h3></div><div class="relative my-3 sm:my-5 flex items-center justify-center"><div class="absolute w-64 h-64 sm:w-72 sm:h-72 rounded-full bg-gradient-to-tr from-cyan-400/40 via-purple-500/40 to-pink-500/40 blur-2xl pointer-events-none"></div><div class="absolute w-56 h-56 sm:w-64 sm:h-64 rounded-full bg-gradient-to-br from-indigo-500/35 via-blue-400/30 to-rose-400/35 blur-xl pointer-events-none"></div><div class="relative w-48 h-48 sm:w-56 sm:h-56 bg-gradient-to-tr from-cyan-400 via-indigo-600 via-purple-600 to-pink-500 shadow-[0_20px_50px_rgba(99,102,241,0.45),inset_0_2px_16px_rgba(255,255,255,0.7)] flex items-center justify-center overflow-hidden border border-white/50"><div class="absolute top-3 left-4 w-28 h-20 bg-white/30 rounded-full blur-md transform -rotate-45 pointer-events-none"></div><div class="absolute bottom-2 right-4 w-20 h-16 bg-purple-900/40 rounded-full blur-lg pointer-events-none"></div></div></div><div class="w-full max-w-sm space-y-1.5 mb-6"><div class="relative w-full h-2.5 bg-white/60 dark:bg-neutral-800/80 border border-white/80 dark:border-neutral-700 backdrop-blur-md rounded-full overflow-hidden group cursor-pointer shadow-2xs"><div class="h-full bg-gradient-to-r from-purple-500 via-indigo-500 to-cyan-400 rounded-full transition-all duration-150 relative shadow-[0_0_10px_rgba(168,85,247,0.6)]" style="width:0%"></div><input type="range" min="0" max="135" class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" value="0"/></div><div class="flex items-center justify-between text-[11px] font-mono text-neutral-400 dark:text-neutral-500 font-medium"><span>0:00</span><span>2:15</span></div></div><div class="flex items-center justify-center gap-6 sm:gap-8 mb-6"><button class="w-11 h-11 rounded-full bg-white/60 dark:bg-neutral-800/60 border border-white/80 dark:border-white/15 backdrop-blur-xl hover:bg-white/90 dark:hover:bg-neutral-700 text-neutral-800 dark:text-neutral-200 flex items-center justify-center transition-all active:scale-95 shadow-[0_4px_16px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.95)]" title="Mute"><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-volume2 lucide-volume-2 w-4 h-4" aria-hidden="true"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></button><div class="relative flex items-center justify-center"><button class="relative w-16 h-16 sm:w-18 sm:h-18 rounded-full bg-gradient-to-tr from-indigo-600 via-purple-600 to-pink-500 text-white shadow-[0_12px_32px_rgba(168,85,247,0.5),inset_0_2px_4px_rgba(255,255,255,0.6)] hover:shadow-[0_16px_40px_rgba(168,85,247,0.7),inset_0_2px_4px_rgba(255,255,255,0.8)] hover:scale-108 active:scale-95 transition-all duration-300 flex items-center justify-center border-2 border-white/50 group" aria-label="Play music"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-7 h-7 fill-white stroke-none ml-1" 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><button class="w-11 h-11 rounded-full bg-white/60 dark:bg-neutral-800/60 border border-white/80 dark:border-white/15 backdrop-blur-xl hover:bg-white/90 dark:hover:bg-neutral-700 text-neutral-800 dark:text-neutral-200 flex items-center justify-center transition-all active:scale-95 shadow-[0_4px_16px_rgba(0,0,0,0.05),inset_0_1px_1px_rgba(255,255,255,0.95)]" title="Restart Track"><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-rotate-ccw w-4 h-4" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path></svg></button></div><div class="w-full pt-4 border-t border-white/60 dark:border-white/10 flex items-center justify-center"><a target="_blank" rel="noopener noreferrer" class="w-full sm:w-auto" href="/music-generator"><button class="whitespace-nowrap duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;
1_svg]:shrink-0 shadow-primary/20 hover:shadow-md hover:shadow-primary/25 active:scale-[0.98] py-2 w-full sm:w-auto rounded-full bg-neutral-950 dark:bg-white text-white dark:text-neutral-950 hover:bg-neutral-800 dark:hover:bg-neutral-200 font-semibold px-8 h-11 text-xs shadow-md transition-all group flex items-center justify-center gap-2 border border-white/20"><span>Start Creating Music</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 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></a></div></div></div></section><section class="pt-2 sm:pt-3 pb-4 sm:pb-6 bg-neutral-50/50 dark:bg-neutral-950/60 border-t border-neutral-200/60 dark:border-neutral-800/60 transition-colors duration-200 overflow-hidden relative"><div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl"><div class="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-12 sm:mb-16"><div class="space-y-3 max-w-2xl"><div><span class="inline-flex items-center px-4 py-1.5 rounded-full text-xs font-semibold bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 text-neutral-800 dark:text-neutral-200 shadow-xs">Testimonial</span></div><h2 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight leading-[1.15] text-neutral-950 dark:text-white font-sans">Chosen by 14k+ growing<br/><span class="text-neutral-400 dark:text-neutral-500 font-extrabold">businesses worldwide!</span></h2></div></div><div class="relative"><div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-7 items-stretch"><div class="rounded-3xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 p-6 sm:p-7 shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-none flex flex-col justify-between min-h-[360px] sm:min-h-[400px] hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group" style="opacity:0;transform:translateX(-20px)"><div><div class="flex items-center justify-between gap-3 mb-6"><div class="flex items-center gap-3"><img src="/landingpage/testimonials/sarah-chen.png" alt="Sarah Chen" class="w-11 h-11 rounded-full object-cover border border-neutral-100 dark:border-neutral-800 shadow-2xs"/><div><h4 class="font-bold text-sm sm:text-base text-neutral-900 dark:text-white leading-tight">Sarah Chen</h4><p class="text-xs text-neutral-500 dark:text-neutral-400 font-medium">Content Marketing Manager</p></div></div></div><p class="text-base sm:text-lg font-medium text-neutral-900 dark:text-neutral-100 leading-snug font-sans my-4">&quot;<!-- -->drope AI has completely transformed how I create content. What used to take hours now takes minutes.<!-- -->&quot;</p></div><div class="flex items-center justify-between pt-4 border-t border-neutral-100 dark:border-neutral-800/80 mt-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><span class="text-xs font-medium text-neutral-400 dark:text-neutral-500">08/04/2026</span></div></div><div class="rounded-3xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 p-6 sm:p-7 shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-none flex flex-col justify-between min-h-[360px] sm:min-h-[400px] hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group" style="opacity:0;transform:translateY(10px)"><div><div class="flex items-center justify-between gap-3 mb-6"><div class="flex items-center gap-3"><img src="/landingpage/testimonials/kane-williamson.png" alt="Kane Williamson" class="w-11 h-11 rounded-full object-cover border border-neutral-100 dar
1k:border-neutral-800 shadow-2xs"/><div><h4 class="font-bold text-sm sm:text-base text-neutral-900 dark:text-white leading-tight">Kane Williamson</h4><p class="text-xs text-neutral-500 dark:text-neutral-400 font-medium">Lead Designer</p></div></div></div><p class="text-base sm:text-lg font-medium text-neutral-900 dark:text-neutral-100 leading-snug font-sans my-4">&quot;<!-- -->drope AI completely transformed our team&#x27;s workflow and creation speed. It&#x27;s truly game-changing.<!-- -->&quot;</p></div><div class="flex items-center justify-between pt-4 border-t border-neutral-100 dark:border-neutral-800/80 mt-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><span class="text-xs font-medium text-neutral-400 dark:text-neutral-500">05/20/2026</span></div></div><div class="relative rounded-3xl bg-white dark:bg-neutral-900 border border-neutral-200/80 dark:border-neutral-800 p-6 sm:p-7 shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-none flex flex-col justify-between min-h-[360px] sm:min-h-[400px] hover:border-neutral-300 dark:hover:border-neutral-700 transition-all duration-300 group" style="opacity:0;transform:translateX(20px)"><div><div class="flex items-center justify-between gap-3 mb-6"><div class="flex items-center gap-3"><img src="/landingpage/testimonials/michael-torres.png" alt="Michael Torres" class="w-11 h-11 rounded-full object-cover border border-neutral-100 dar
1k:border-neutral-800 shadow-2xs"/><div><h4 class="font-bold text-sm sm:text-base text-neutral-900 dark:text-white leading-tight">Michael Torres</h4><p class="text-xs text-neutral-500 dark:text-neutral-400 font-medium">Tech Lead at StartupXYZ</p></div></div></div><p class="text-base sm:text-lg font-medium text-neutral-900 dark:text-neutral-100 leading-snug font-sans my-4">&quot;<!-- -->The code generation feature saved our team countless hours. It&#x27;s like having a senior developer on demand.<!-- -->&quot;</p></div><div class="flex items-center justify-between pt-4 border-t border-neutral-100 dark:border-neutral-800/80 mt-6"><div class="flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 fill-amber-400 text-amber-400" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><span class="text-xs font-medium text-neutral-400 dark:text-neutral-500">08/19/2026</span></div><button aria-label="Next testimonial" class="absolute right-4 sm:right-6 top-1/2 -translate-y-1/2 w-11 h-11 rounded-full bg-neutral-200/90 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-200 hover:bg-neutral-900 hover:text-white dark:hover:bg-white dark:hover:text-neutral-950 flex items-center justify-center shadow-lg transition-all duration-200 active:scale-90 z-20 cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5 stroke-[2.5]" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><div class="flex md:hidden items-center justify-center gap-3 mt-6"><button class="w-10 h-10 rounded-full bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 flex items-center justify-center text-neutral-700 dark:text-neutral-300 shadow-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg></button><span class="text-xs font-medium text-neutral-500 dark:text-neutral-400">1<!-- --> / <!-- -->5</span><button class="w-10 h-10 rounded-full bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-800 flex items-center justify-center text-neutral-700 dark:text-neutral-300 shadow-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></div></div></div></section><section id="pricing" class="pt-4 sm:pt-6 pb-12 sm:pb-16 bg-gradient-to-b from-neutral-50/50 via-white/80 to-neutral-50/30 dark:from-neutral-950 dar
1k:via-neutral-900/40 dark:to-neutral-950 border-t border-neutral-200/60 dark:border-neutral-800/60 relative overflow-hidden transition-colors duration-200"><div class="absolute top-1/3 left-1/2 -translate-x-1/2 w-[800px] h-[400px] bg-gradient-to-r from-blue-500/10 via-cyan-400/15 to-indigo-500/10 rounded-full blur-3xl pointer-events-none -z-10 animate-pulse"></div><div class="container mx-auto px-4 max-w-7xl relative z-10"><div class="text-center mb-14 sm:mb-16"><div class="border transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 hover:bg-muted mb-3.5 rounded-full px-4 py-1.5 text-xs border-white/80 dark:border-white/20 text-neutral-800 dark:text-neutral-200 font-bold bg-white/60 dark:bg-neutral-900/60 shadow-[0_4px_16px_rgba(0,0,0,0.06),inset_0_1px_1px_rgba(255,255,255,0.9)] dark:shadow-[0_4px_16px_rgba(0,0,0,0.4)] backdrop-blur-2xl inline-flex items-center gap-2">Pricing</div><h2 class="text-3xl sm:text-4xl md:text-5xl font-extrabold tracking-tight text-neutral-950 dark:text-white font-sans max-w-[280px] sm:max-w-none mx-auto">Simple, Transparent Pricing</h2></div>
1<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-5 sm:gap-6 items-stretch"><div class="relative rounded-[30px] p-6 sm:p-7 backdrop-blur-2xl border transition-all duration-300 flex flex-col justify-between group bg-white/45 dark:bg-neutral-900/45 border-white/80 dark:border-white/15 shadow-[0_16px_40px_rgba(0,0,0,0.06),inset_0_1.5px_2px_rgba(255,255,255,0.95),inset_0_-1px_2px_rgba(0,0,0,0.04)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.4),inset_0_1.5px_2px_rgba(255,255,255,0.2)] hover:shadow-[0_24px_60px_rgba(0,0,0,0.12),inset_0_2px_3px_rgba(255,255,255,1)] dark:hover:shadow-[0_24px_60px_rgba(0,0,0,0.6)] hover:-translate-y-1.5"><div><h3 class="text-lg font-extrabold mb-1.5 text-neutral-950 dark:text-white font-sans">Free</h3><div class="text-3xl sm:text-4xl font-extrabold mb-1 text-neutral-950 dark:text-white tracking-tight">$0<span class="text-xs font-medium text-neutral-400 dark:text-neutral-500 ml-1">forever</span></div><p class="text-xs text-neutral-500 dark:text-neutral-400 mb-6 min-h-[32px]">Perfect for trying out our platform</p><ul class="space-y-3 mb-8 text-xs text-neutral-700 dark:text-neutral-300 font-medium"><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">1,000 tokens</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Access to 10 AI tools</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Standard response time</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Community support</span></li></ul></div><a target="_blank" rel="noopener noreferrer" href="/register"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 shadow-primary/20 hover:shadow-md hover:shadow-primary/25 active:scale-[0.98] h-10 px-5 w-full rounded-2xl text-xs font-bold py-3.5 transition-all shadow-xs bg-white/80 dark:bg-neutral-800/80 text-neutral-900 dark:text-white border border-white/90 dark:border-white/10 hover:bg-white dark:hover:bg-neutral-700">Get Started</button></a></div><div class="relative rounded-[30px] p-6 sm:p-7 backdrop-blur-2xl border transition-all duration-300 flex flex-col justify-between group bg-white/70 dark:bg-neutral-900/70 border-blue-500/50 dark:border-blue-400/50 shadow-[0_20px_50px_rgba(59,130,246,0.15),inset_0_1.5px_2px_rgba(255,255,255,0.95)] dark:shadow-[0_20px_50px_rgba(59,130,246,0.25),inset_0_1.5px_2px_rgba(255,255,255,0.2)] hover:-translate-y-2"><span class="absolute -top-3.5 left-1/2 -translate-x-1/2 bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 text-white font-bold text-[10px] uppercase tracking-wider px-3.5 py-1 rounded-full shadow-md whitespace-nowrap">Most Popular</span><div>
1<h3 class="text-lg font-extrabold mb-1.5 text-neutral-950 dark:text-white font-sans">Pro</h3><div class="text-3xl sm:text-4xl font-extrabold mb-1 text-neutral-950 dark:text-white tracking-tight">$19<span class="text-xs font-medium text-neutral-400 dark:text-neutral-500 ml-1">/month</span></div><p class="text-xs text-neutral-500 dark:text-neutral-400 mb-6 min-h-[32px]">Best for professionals and creators</p><ul class="space-y-3 mb-8 text-xs text-neutral-700 dark:text-neutral-300 font-medium"><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">50,000 tokens/month</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Access to all 124+ AI tools</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Priority response time</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">API access</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Priority support</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Custom templates</span></li></ul></div><a target="_blank" rel="noopener noreferrer" href="/register"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;
1_svg]:shrink-0 shadow-primary/20 hover:shadow-primary/25 active:scale-[0.98] h-10 px-5 w-full rounded-2xl text-xs font-bold py-3.5 transition-all bg-neutral-950 dark:bg-white text-white dark:text-neutral-950 hover:bg-neutral-800 dark:hover:bg-neutral-100 shadow-md hover:shadow-lg">Start Free Trial</button></a></div><div class="relative rounded-[30px] p-6 sm:p-7 backdrop-blur-2xl border transition-all duration-300 flex flex-col justify-between group bg-white/70 dark:bg-neutral-900/70 border-blue-500/50 dark:border-blue-400/50 shadow-[0_20px_50px_rgba(59,130,246,0.15),inset_0_1.5px_2px_rgba(255,255,255,0.95)] dark:shadow-[0_20px_50px_rgba(59,130,246,0.25),inset_0_1.5px_2px_rgba(255,255,255,0.2)] hover:-translate-y-2"><span class="absolute -top-3.5 left-1/2 -translate-x-1/2 bg-gradient-to-r from-blue-600 via-indigo-600 to-cyan-600 text-white font-bold text-[10px] uppercase tracking-wider px-3.5 py-1 rounded-full shadow-md whitespace-nowrap">Most Popular</span><div><h3 class="text-lg font-extrabold mb-1.5 text-neutral-950 dark:text-white font-sans">Enterprise</h3><div class="text-3xl sm:text-4xl font-extrabold mb-1 text-neutral-950 dark:text-white tracking-tight">$Custom<span class="text-xs font-medium text-neutral-400 dark:text-neutral-500 ml-1"></span></div><p class="text-xs text-neutral-500 dark:text-neutral-400 mb-6 min-h-[32px]">For teams and organizations</p><ul class="space-y-3 mb-8 text-xs text-neutral-700 dark:text-neutral-300 font-medium"><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Unlimited tokens</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">All Pro features</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Dedicated account manager</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">Custom AI training</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">SLA guarantee</span></li><li class="flex items-center gap-2.5"><div class="w-4 h-4 rounded-full bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 flex items-center justify-center shrink-0 border border-emerald-500/30"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-2.5 h-2.5 stroke-[3]" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></div><span class="leading-snug">On-premise deployment</span></li></ul></div><a target="_blank" rel="noopener noreferrer" href="/register"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;
1_svg]:shrink-0 shadow-primary/20 hover:shadow-primary/25 active:scale-[0.98] h-10 px-5 w-full rounded-2xl text-xs font-bold py-3.5 transition-all bg-neutral-950 dark:bg-white text-white dark:text-neutral-950 hover:bg-neutral-800 dark:hover:bg-neutral-100 shadow-md hover:shadow-lg">Contact Sales</button></a></div></div></div></section><footer class="border-t border-neutral-200 dark:border-neutral-800 bg-white dark:bg-neutral-950 pt-12 pb-6 text-neutral-500 dark:text-neutral-400 text-xs"><div class="container mx-auto px-4 max-w-5xl flex flex-col md:flex-row justify-between items-center gap-4"><p>© 2026 <!-- -->AI Suite<!-- -->. All rights reserved.</p><div class="flex gap-5 font-medium text-neutral-600 dark:text-neutral-400"><a href="#features" class="hover:text-black dark:hover:text-white">Features</a><a href="#pricing" class="hover:text-black dark:hover:text-white">Pricing</a><a href="/legal/privacy-policy" class="hover:text-black dark:hover:text-white">Privacy</a><a href="/legal/terms-of-service" class="hover:text-black dark:hover:text-white">Terms</a><a href="/legal/cookie-policy" class="hover:text-black dark:hover:text-white">Cookie Policy</a><a href="/legal/contact" class="hover:text-black dark:hover:text-white">Contact</a></div></div></footer></div><!--$--><!--/$--></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
1<script src="/_next/static/chunks/0xqeffprgr84u.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[530824,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"Providers\"]\n3:I[470484,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"AnnouncementBanner\"]\n4:I[339756,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"default\"]\n5:I[837457,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"default\"]\n6:I[636768,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/0qdl3umu7x26m.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"default\"]\n7:I[498882,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"ServiceWorkerRegistration\"]\n8:I[122007,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js"])</script>
1<script>self.__next_f.push([1,"?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/3kpxm1ymsdejr.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/04ozcwq10droj.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qnusuk2sexux.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"default\"]\n9:I[897367,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"OutletBoundary\"]\na:\"$Sreact.suspense\"\nc:I[897367,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"ViewportBoundary\"]\ne:I[897367,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"MetadataBoundary\"]\n10:I[168027,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"default\",1]\n:HL[\"/_next/static/chunks/3r_su-udyc3-7.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"style\"]\n:HL[\"/_next/static/chunks/3vkc6ekuobbqx.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"style\"]\n:HL[\"/_next/static/media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"index\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3r_su-udyc3-7.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3vkc6ekuobbqx.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"inter_5aae0c1d-module__wDqlUG__variable outfit_c5c7355-module__j2S3BG__variable noto_sans_devanagari_2b185dab-module__XtHjlq__variable\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.googleapis.com\"}],[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://fonts.gstatic.com\",\"crossOrigin\":\"anonymous\"}]]}],[\"$\",\"body\",null,{\"className\":\"inter_5aae0c1d-module__wDqlUG__className antialiased flex flex-col h-dvh overflow-hidden\",\"style\":{\"fontFamily\":\"'Inter', 'Inter Fallback', 'Noto Sans Devanagari', 'Noto Sans Devanagari Fallback'\"},\"children\":[[\"$\",\"$L2\",null,{\"children\":[[\"$\",\"$L3\",null,{}],[\"$\",\"div\",null,{\"className\":\"flex-1 min-h-0 flex flex-col overflow-auto\",\"id\":\"main-scroll-container\",\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L6\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}],[\"$\",\"$L7\",null,{}]]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/3kpxm1ymsdejr.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/04ozcwq10droj.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/2qnusuk2sexux.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@b\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$a\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lf\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3r_su-udyc3-7.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/3vkc6ekuobbqx.css?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#ffffff\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"content\":\"#030712\",\"media\":\"(prefers-color-scheme: dark)\"}]]\n"])</script>
1<script>self.__next_f.push([1,"b:null\n"])</script>
1<script>self.__next_f.push([1,"f:[[\"$\",\"title\",\"0\",{\"children\":\"drope AI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"The drope AI Suite offers a comprehensive set of tools for digital content creation and management, enhancing creativity and efficiency. This toolkit includes a Reels generator for superior social media content, a Game Developer tool for easy game creation, a Suno-powered AI Music Generation tool for advanced music production, Live Chat Support Agents for improved customer interaction, and a newly upgraded Marketing Dashboard with the ability to generate text to image, product videos, and personalized avatars. This suite is suitable for professionals in website development, game development, and digital marketing, and provides a powerful combination of AI and productivity tools for optimal performance in all digital areas. The resultant effect is a new level of productivity, creativity, and efficiency in digital content creation and management.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"drope AI\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"AI,Tools,Reels,Avatar,Website Designer,Game developer,Live Support Agents,Image,Research,OCR,CSV,Sales Pitch\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"drope AI\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"drope AI\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"9\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"10\",{\"name\":\"google-site-verification\",\"content\":\"te2DTviEcWI9tm3QKt13_z3tlIM9ku1zlXP1qRYWWY0\"}],[\"$\",\"meta\",\"11\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"drope AI\"}],[\"$\",\"meta\",\"13\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:title\",\"content\":\"drope AI\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:description\",\"content\":\"The drope AI Suite offers a comprehensive set of tools for digital content creation and management, enhancing creativity and efficiency. This toolkit includes a Reels generator for superior social media content, a Game Developer tool for easy game creation, a Suno-powered AI Music Generation tool for advanced music production, Live Chat Support Agents for improved customer interaction, and a newly upgraded Marketing Dashboard with the ability to generate text to image, product videos, and personalized avatars. This suite is suitable for professionals in website development, game development, and digital marketing, and provides a powerful combination of AI and productivity tools for optimal performance in all digital areas. The resultant effect is a new level of productivity, creativity, and efficiency in digital content creation and management.\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:site_name\",\"content\":\"drope AI\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:creator\",\"content\":\"@aisuite\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:title\",\"content\":\"drope AI\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:description\",\"content\":\"The drope AI Suite offers a comprehensive set of tools for digital content creation and management, enhancing creativity and efficiency. This toolkit includes a Reels generator for superior social media content, a Game Developer tool for easy game creation, a Suno-powered AI Music Generation tool for advanced music production, Live Chat Support Agents for improved customer interaction, and a newly upgraded Marketing Dashboard with the ability to generate text to image, product videos, and personalized avatars. This suite is suitable for professionals in website development, game development, and digital marketing, and provides a powerful combination of AI and productivity tools for optimal performance in all digital areas. The resultant effect is a new level of productivity, creativity, and efficie
1ncy in digital content creation and management.\"}],\"$L11\",\"$L12\",\"$L13\",\"$L14\"]\n"])</script>
1<script>self.__next_f.push([1,"15:I[27201,[\"/_next/static/chunks/056zwerjaao_-.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1hmwal9oc964y.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1xrc5-vcavm-w.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/1ntn7efqc-iiw.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2ww6zdlgiej0p.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2w19idtw19i6a.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/38-o4pz9kps38.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\",\"/_next/static/chunks/2qtllb6i1kl52.js?dpl=dpl_H89T5hZpbbmbFe3V3h9dVXTn5hmk\"],\"IconMark\"]\n11:[\"$\",\"link\",\"23\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon-16x16.png\"}]\n12:[\"$\",\"link\",\"24\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}]\n13:[\"$\",\"link\",\"25\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icons/icon-192x192.png\"}]\n14:[\"$\",\"$L15\",\"26\",{}]\n"])</script>
1</body></html>

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