1<!doctype html> 2<html lang="id"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 7 <!-- Favicon --> 8 <link rel="icon" type="image/png" href="/images/landing/Favicon.png" /> 9 10 <!-- FontAwesome CSS - Load directly --> 11 <link rel="preload" href="/fontawesome/css/all.css" as="style"/> 12 <link rel="stylesheet" href="/fontawesome/css/all.css" /> 13 14 <!-- Preload critical fonts to prevent FOUT --> 15 <!-- Inter fonts --> 16 <link rel="preload" href="/fonts/Inter-Regular.woff2" as="font" type="font/woff2" crossorigin /> 17 <link rel="preload" href="/fonts/Inter-Medium.woff2" as="font" type="font/woff2" crossorigin /> 18 <link rel="preload" href="/fonts/Inter-SemiBold.woff2" as="font" type="font/woff2" crossorigin /> 19 <link rel="preload" href="/fonts/Inter-Bold.woff2" as="font" type="font/woff2" crossorigin /> 20 21 <!-- FontAwesome fonts - Preload to prevent icon flash --> 22 <link rel="preload" href="/fontawesome/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin /> 23 <link rel="preload" href="/fontawesome/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin /> 24 <link rel="preload" href="/fontawesome/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin /> 25 26 <!-- Performance Optimization --> 27 <link rel="preconnect" href="https://api.aksita.ai" crossorigin /> 28 <link rel="dns-prefetch" href="https://api.aksita.ai" /> 29 30 <!-- Structured Data (JSON-LD) --> 31
31<script type="application/ld+json"> 32 { 33 "@context": "https://schema.org", 34 "@type": "Organization", 35 "name": "Aksita.ai", 36 "url": "https://aksita.ai", 37 "logo": "https://aksita.ai/images/landing/Favicon.png", 38 "description": "Platform chatbot AI Indonesia terbaik untuk membuat AI assistant cerdas tanpa coding", 39 "address": { 40 "@type": "PostalAddress", 41 "addressCountry": "ID" 42 }, 43 "sameAs": [ 44 "https://www.facebook.com/aksita.ai", 45 "https://twitter.com/aksita_ai", 46 "https://www.linkedin.com/company/aksita-ai" 47 ] 48 } 49 </script>
49 50
50<script type="application/ld+json"> 51 { 52 "@context": "https://schema.org", 53 "@type": "SoftwareApplication", 54 "name": "Aksita.ai", 55 "applicationCategory": "BusinessApplication", 56 "operatingSystem": "Web", 57 "offers": { 58 "@type": "AggregateOffer", 59 "priceCurrency": "IDR", 60 "lowPrice": "0", 61 "highPrice": "799000", 62 "offerCount": "5" 63 }, 64 "aggregateRating": { 65 "@type": "AggregateRating", 66 "ratingValue": "4.8", 67 "ratingCount": "100" 68 } 69 } 70 </script>
70 71 72 73 <link href="./_app/immutable/assets/chunk-dashboard.BCZnL9z5.css" rel="stylesheet"> 74 <link href="./_app/immutable/assets/chunk-auth.lUp_a5G-.css" rel="stylesheet"> 75 <link href="./_app/immutable/assets/chunk-admin.BhY9jzVR.css" rel="stylesheet"> 76 <link href="./_app/immutable/assets/chunk-chat.CDe7U337.css" rel="stylesheet"> 77 <link href="./_app/immutable/assets/0.CykKNFBO.css" rel="stylesheet"> 78 <link href="./_app/immutable/assets/Header.BYaYfAf5.css" rel="stylesheet"> 79 <link href="./_app/immutable/assets/LandingPage.XJRI21AD.css" rel="stylesheet"><!--[--><meta name="description" content="Platform chatbot AI Indonesia terbaik. Buat AI assistant cerdas tanpa coding. Integrasi WhatsApp, Telegram, website. Mulai gratis, bayar sesuai pemakaian. Dipercaya UMKM Indonesia."/> <meta name="keywords" content="chatbot ai indonesia, custom gpt indonesia, ai assistant indonesia, chatbot whatsapp, chatbot telegram, buat chatbot tanpa coding, platform ai indonesia, ai untuk umkm, chatbot bisnis indonesia"/> <meta property="og:title" content="Aksita.ai - Platform Chatbot AI Indonesia Terbaik"/> <meta property="og:description" content="Buat chatbot AI cerdas yang dilatih dengan data bisnis Anda. Integrasi WhatsApp dalam 5 menit. Tanpa coding. Deploy dalam hitungan menit."/> <meta property="og:type" content="website"/> <meta property="og:image" content="https://aksita.ai/images/landing/logo%20aksita.png"/> <meta property="og:url" content="https://aksita.ai/"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Aksita.ai - Platform Chatbot AI Indonesia Terbaik"/> <meta name="twitter:description" content="Buat chatbot AI cerdas tanpa coding. Integrasi WhatsApp, Telegram, website. Mulai gratis!"/> <meta name="twitter:image" content="https://aksita.ai/images/landing/logo%20aksita.png"/> <link rel="canonical" href="https://aksita.ai/"/> <link rel="alternate" hreflang="id" href="https://aksita.ai/"/> <link rel="alternate" hreflang="en" href="https://aksita.ai/en"/> <link rel="alternate" hreflang="x-default" href="https://aksita.ai/"/><!--]--><!--[--><!--[!--><meta name="description" content="Buat chatbot AI cerdas yang dilatih dengan data bisnis Anda. Tanpa coding. Deploy dalam hitungan menit."/> <link rel="alternate" hreflang="id" href="https://aksita.ai/"/> <link rel="alternate" hreflang="en" href="https://aksita.ai/en"/> <link rel="alternate" hreflang="x-default" href="https://aksita.ai/"/> <link rel="canonical" href="https://aksita.ai/"/><!--]--><!--]--><title>Aksita.ai - Buat AI Asisten Pribadi Tanpa Coding</title> 80 </head> 81 <body data-sveltekit-preload-data="hover"> 82 <div style="display: contents"><!--[--><!--[--><!----><div class="toast-container svelte-1cpok13"><!--[--><!--]--></div><!----> <!----> <!--[!--><!----><div class="min-h-screen bg-[#0a0a0a] text-white selection:bg-cyan-500/30 overflow-x-hidden font-sans relative"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 ease-in-out py-6 bg-transparent"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center"><a href="/" class="flex items-center gap-3 group"><img src="/images/landing/logo aksita.png" alt="Aksita.ai" class="h-8 w-auto object-contain group-hover:scale-105 transition-transform duration-300" width="120" height="32"/></a> <nav class="hidden md:flex items-center gap-1 p-1.5 rounded-full bg-white/5 border border-white/5 backdrop-blur-md absolute left-1/2 -translate-x-1/2"><!--[--><!--[!--><a href="/#cara-kerja" class="px-5 py-2 text-sm font-medium text-neutral-400 hover:text-white hover:bg-white/5 rounded-full transition-all duration-300">Cara Kerja</a><!--]--><!--[!--><a href="/#fitur" class="px-5 py-2 text-sm font-medium text-neutral-400 hover:text-white hover:bg-white/5 rounded-full transition-all duration-300">Fitur</a><!--]--><!--[!--><a href="/#harga" class="px-5 py-2 text-sm font-medium text-neutral-400 hover:text-white hover:bg-white/5 rounded-full transition-all duration-300">Harga</a>
82<!--]--><!--[--><div class="relative" role="button" tabindex="0"><button class="px-5 py-2 text-sm font-medium text-neutral-400 hover:text-white hover:bg-white/5 rounded-full transition-all duration-300 flex items-center gap-1">Resources <i class="fas fa-chevron-down text-xs transition-transform"></i></button> <!--[!--><!--]--></div><!--]--><!--]--></nav> <div class="hidden md:flex items-center gap-3"><a href="/en/" class="px-3 py-1.5 text-xs font-bold text-neutral-400 hover:text-white border border-white/10 rounded-full hover:bg-white/5 transition-all" title="Switch to English">EN</a> <!--[!--><a href="/auth/login" class="px-6 py-2.5 rounded-full border border-white/20 bg-white/5 text-white text-sm font-medium hover:bg-white/10 hover:border-white/30 transition-all duration-300">Masuk</a> <button class="px-6 py-2.5 rounded-full bg-gradient-to-r from-cyan-600 to-purple-600 text-white text-sm font-bold hover:from-cyan-500 hover:to-purple-500 hover:scale-105 hover:shadow-lg hover:shadow-cyan-500/20 transition-all duration-300">Daftar</button><!--]--></div> <button class="md:hidden w-10 h-10 rounded-full bg-white/5 border border-white/10 flex items-center justify-center text-white hover:bg-white/10 transition-colors" aria-label="Open menu"><i class="fas fa-bars"></i></button></div></div> <!--[!--><!--]--></header><!----> <section class="relative z-10 pt-40 pb-20 overflow-hidden min-h-[90vh] flex items-center"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full"><div class="grid lg:grid-cols-2 gap-16 items-center"><div class="text-center lg:text-left"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-cyan-500/10 border border-cyan-500/20 mb-8 backdrop-blur-md"><span class="w-2 h-2 rounded-full bg-cyan-400 animate-pulse"></span> <span class="text-xs font-bold text-cyan-400 tracking-wide uppercase">Baru v1.2: Human Agent & Persistent Context</span></div> <h1 class="text-5xl md:text-6xl lg:text-7xl font-extrabold tracking-tight mb-8 leading-[1.1]"><span class="text-transparent bg-clip-text bg-gradient-to-r from-white to-neutral-400">Buat AI Asisten</span><br/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-purple-400 to-pink-400">Pribadi Kamu.</span></h1> <p class="text-xl text-neutral-400 max-w-2xl mx-auto lg:mx-0 mb-10 leading-relaxed" style="content-visibility: auto;">Import bulk dari sitemap, crawl seluruh website, input teks manual, atau hubungkan API. AI kami menjawab berdasarkan data Anda â akurat, konsisten, dan aman.</p> <div class="flex flex-col sm:flex-row items-center lg:justify-start justify-center gap-4 min-h-[60px]"><a href="/auth/register" class="px-8 py-4 rounded-xl bg-gradient-to-r from-cyan-600 to-purple-600 hover:from-cyan-500 hover:to-purple-500 text-white font-bold text-lg shadow-lg shadow-cyan-500/25 hover:shadow-cyan-500/40 hover:-translate-y-1 transition-all w-full sm:w-auto text-center whitespace-nowrap">Coba Gratis</a> <a href="#cara-kerja" class="px-8 py-4 rounded-xl bg-white/5 border border-white/10 text-white font-bold text-lg hover:bg-white/10 transition-all flex items-center gap-2 w-full sm:w-auto justify-center whitespace-nowrap"><i class="fas fa-play-circle text-neutral-400"></i> Lihat Demo</a></div> <div class="mt-10 flex items-center justify-center lg:justify-start gap-6 text-sm text-neutral-400"><!--[--><div class="flex items-center gap-2"><i class="fas fa-check text-green-500"></i> <span>Tanpa Coding</span></div><div class="flex items-center gap-2"><i class="fas fa-check text-green-500"></i> <span>Public & Private</span></div><div class="flex items-center gap-2"><i class="fas fa-check text-green-500"></i> <span>REST API</span></div><!--]--></div></div> <div class="relative perspective-1000"><div class="relative transform rotate-y-[-5deg] rotate-x-[5deg] transition-transform hover:rotate-0 duration-700"><div class="bg-[#1a1a1a] rounded-2xl border border-white/10 shadow-2xl shadow-purple-500/20 overflow-hidden"><div class="bg-[#252525] p-4 flex items-center gap-3 border-b border-white/5"><div class="flex gap-2"><div class="w-3 h-3 rounded-full bg-red-500"></div> <div class="w-3 h-3 rounded-full bg-yellow-500"></div> <div class="w-3 h-3 rounded-full bg-green-500"></div></div> <div class="ml-4 text-xs text-neutral-400 font-mono">Aksita.ai Assistant</div> <div class="ml-auto flex items-center gap-2"><span class="px-2 py-0.5 rounded-full bg-green-500/20 text-green-400 text-[10px] font-medium">Private</span></div></div> <div class="p-6 space-y-6 h-[400px] bg-gradient-to-b from-[#1a1a1a] to-[#151515]"><div class="flex gap-4"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-purple-500/20"><i class="fas fa-robot text-white text-sm"></i></div> <div class="bg-white/5 p-4 rounded-2xl rounded-tl-none text-sm text-neutral-200 border border-white/5 max-w-[80%] shadow-sm"><p>Selamat datang! Saya sudah mempelajari seluruh dokumen produk dan API Anda. Ada yang bisa saya bantu?</p></div></div> <div class="flex gap-4 justify-end"><div class="bg-cyan-500/10 p-4 rounded-2xl rounded-tr-none text-sm text-cyan-100 border border-cyan-500/20 max-w-[80%] shadow-sm"><p>Cek stok produk SKU-12345</p></div> <div class="w-10 h-10 rounded-full bg-gradient-to-br from-cyan-500 to-blue-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-cyan-500/20"><i class="fas fa-user text-white text-sm"></i></div></div> <div class="flex gap-4"><div class="w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center flex-shrink-0 shadow-lg shadow-purple-500/20"><i class="fas fa-robot text-white text-sm"></i></div> <div class="bg-white/5 p-4 rounded-2xl rounded-tl-none text-sm text-neutral-200 border border-white/5 max-w-[80%]"><div class="flex items-center gap-2 text-xs text-purple-400 mb-2"><i class="fas fa-bolt"></i> <span>Mengecek inventory...</span></div> <p><!---->SKU-12345 tersedia! <strong>Stok: 47 pcs</strong>
82. Harga Rp 150.000. Mau saya buatkan order?<!----></p></div></div></div> <div class="p-4 border-t border-white/5 bg-[#1a1a1a]"><div class="flex gap-2"><div class="flex-1 bg-black/50 rounded-lg h-10 border border-white/5"></div> <div class="w-10 h-10 rounded-lg bg-cyan-500/20 border border-cyan-500/20"></div></div></div></div> <div class="absolute -top-6 -right-6 bg-[#1a1a1a]/90 backdrop-blur-xl p-4 rounded-xl border border-white/10 shadow-xl animate-float"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-full bg-green-500/20 flex items-center justify-center text-green-400"><i class="fas fa-bolt"></i></div> <div><div class="text-xs text-neutral-400 font-mono">Pelatihan</div> <div class="text-sm font-bold text-white">Instan</div></div></div></div> <div class="absolute -bottom-6 -left-6 bg-[#1a1a1a]/90 backdrop-blur-xl p-4 rounded-xl border border-white/10 shadow-xl animate-float-delayed"><div class="flex items-center gap-3"><div class="w-8 h-8 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400"><i class="fas fa-plug"></i></div> <div><div class="text-xs text-neutral-400 font-mono">Integrasi</div> <div class="text-sm font-bold text-white">REST API</div></div></div></div></div></div></div></div> <div class="absolute top-[-10%] left-[-10%] w-[50%] h-[50%] bg-purple-900/20 rounded-full blur-[120px] animate-pulse-slow"></div> <div class="absolute bottom-[-10%] right-[-10%] w-[50%] h-[50%] bg-cyan-900/20 rounded-full blur-[120px] animate-pulse-slow delay-1000"></div></section><!----> <section id="" class="py-24 relative border-y border-white/5 bg-white/[0.02] py-12 border-y border-white/5 bg-white/[0.02]"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center mb-8"><p class="text-sm font-bold text-neutral-400 uppercase tracking-widest">Dipercaya oleh 100+ Bisnis di Indonesia</p></div> <div class="flex flex-wrap justify-center gap-8 md:gap-16 opacity-50 grayscale hover:grayscale-0 transition-all duration-500 mb-12"><div class="flex items-center gap-2 text-xl font-bold text-white"><i class="fab fa-aws text-3xl"></i> AWS</div> <div class="flex items-center gap-2 text-xl font-bold text-white"><i class="fab fa-google text-3xl"></i> Google</div> <div class="flex items-center gap-2 text-xl font-bold text-white"><i class="fab fa-stripe text-3xl"></i> Stripe</div> <div class="flex items-center gap-2 text-xl font-bold text-white"><i class="fab fa-shopify text-3xl"></i> Shopify</div></div> <div class="flex flex-col md:flex-row justify-center items-center gap-8 text-center"><div class="px-6 py-3 rounded-full bg-white/5 border border-white/10 backdrop-blur-sm hover:bg-white/10 transition-colors"><span class="font-bold text-white">30.000+</span> <span class="text-neutral-400">Percakapan Dijawab</span></div> <div class="flex items-center gap-2 text-neutral-300 px-6 py-3 rounded-full bg-white/5 border border-white/10 backdrop-blur-sm hover:bg-white/10 transition-colors"><div class="flex text-yellow-400 text-sm"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div> <span class="font-medium">Rated 4.9 by users</span></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="" class="py-24 relative border-y border-white/5 bg-white/[0.02] "><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="max-w-7xl mx-auto"><div class="text-center mb-20"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-red-500/10 border border-red-500/20 mb-6 backdrop-blur-md"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-red-500"></span></span> <span class="text-xs font-bold text-red-400 tracking-wide uppercase">Reality Check</span></div> <h2 class="text-4xl md:text-6xl font-bold mb-6 text-white tracking-tight">Tanpa AI, Bisnis Anda <br class="hidden md:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-orange-500">Sedang "Membakar" Uang.</span></h2> <p class="text-lg text-neutral-400 max-w-2xl mx-auto">Masalah operasional ini diam-diam menggerogoti profit margin Anda setiap hari.</p></div> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12"><div class="md:col-span-2 p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-red-500/30 transition-colors duration-500"><div class="absolute top-0 right-0 w-[300px] h-[300px] bg-red-500/5 blur-[100px] rounded-full group-hover:bg-red-500/10 transition-all duration-500"></div> <div class="relative z-10 h-full flex flex-col justify-between gap-12"><div><div class="w-16 h-16 rounded-2xl bg-gradient-to-br from-red-500/20 to-orange-600/20 flex items-center justify-center mb-8 border border-red-500/20 group-hover:scale-110 transition-transform duration-500"><i class="fas fa-fire-alt text-3xl text-red-400"></i></div> <h3 class="text-3xl font-bold text-white mb-4">Tim Support "Kebakaran"</h3> <p class="text-neutral-400 text-lg leading-relaxed max-w-md">Setiap hari menjawab ratusan pertanyaan yang sama: "Harga berapa?", "Cara order gimana?", "Barang ready?". <span class="text-red-400/80 block mt-2">Waktu habis, staff burnout, kualitas jawaban menurun.</span></p></div> <div class="flex gap-3 opacity-50 group-hover:opacity-100 transition-opacity duration-500"><div class="px-4 py-2 rounded-lg bg-red-500/20 border border-red-500/30 text-red-300 text-xs font-mono">Ticket #4029 (Pending)</div> <div class="px-4 py-2 rounded-lg bg-red-500/20 border border-red-500/30 text-red-300 text-xs font-mono">Ticket #4030 (Pending)</div> <div class="px-4 py-2 rounded-lg bg-red-500/20 border border-red-500/30 text-red-300 text-xs font-mono">+99 more</div></div></div></div> <div class="p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-orange-500/30 transition-colors duration-500"><div class="absolute bottom-0 left-0 w-full h-[200px] bg-gradient-to-t from-orange-500/10 to-transparent"></div> <div class="relative z-10">
82<div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-orange-500/20 to-yellow-600/20 flex items-center justify-center mb-8 border border-orange-500/20 group-hover:rotate-12 transition-transform duration-500"><i class="far fa-clock text-2xl text-orange-400"></i></div> <h3 class="text-2xl font-bold text-white mb-4">Slow Response = No Sale</h3> <p class="text-neutral-400 leading-relaxed">Pelanggan zaman now tidak mau menunggu. <span class="block mt-4 p-4 rounded-xl bg-white/5 border border-white/5 text-sm italic">"Min, kok lama balesnya? Saya beli di tempat lain aja ya."</span></p></div></div> <div class="p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-purple-500/30 transition-colors duration-500"><div class="relative z-10"><div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-purple-500/20 to-pink-600/20 flex items-center justify-center mb-8 border border-purple-500/20 group-hover:scale-110 transition-transform duration-500"><i class="fas fa-robot text-2xl text-purple-400"></i></div> <h3 class="text-2xl font-bold text-white mb-4">Chatbot Bodoh</h3> <p class="text-neutral-400 leading-relaxed">Pernah pakai bot yang cuma jawab "Maaf saya tidak mengerti"? Itu cara tercepat membuat pelanggan frustasi dan pergi.</p></div></div> <div class="md:col-span-2 p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-blue-500/30 transition-colors duration-500 flex flex-col md:flex-row items-center gap-8"><div class="flex-1 relative z-10"><div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-blue-500/20 to-cyan-600/20 flex items-center justify-center mb-8 border border-blue-500/20"><i class="fas fa-database text-2xl text-blue-400"></i></div> <h3 class="text-2xl font-bold text-white mb-4">Data Tercecer (Chaos)</h3> <p class="text-neutral-400 leading-relaxed">Data di Google Drive, harga di Excel, SOP di Notion. Saat ada pertanyaan, tim Anda harus "berburu" jawaban. Tidak efisien.</p></div> <div class="flex-1 w-full"><div class="relative h-32 w-full bg-blue-900/5 rounded-2xl border border-blue-500/10 overflow-hidden flex items-center justify-center"><div class="absolute w-2 h-2 bg-blue-400 rounded-full animate-ping" style="top: 20%; left: 20%"></div> <div class="absolute w-2 h-2 bg-red-400 rounded-full animate-ping" style="top: 70%; left: 80%; animation-delay: 0.5s"></div> <div class="absolute w-2 h-2 bg-yellow-400 rounded-full animate-ping" style="top: 40%; left: 60%; animation-delay: 1s"></div> <div class="h-px w-full bg-blue-500/20 absolute top-1/2 -translate-y-1/2"></div> <div class="w-px h-full bg-blue-500/20 absolute left-1/2 -translate-x-1/2"></div> <span class="text-xs font-mono text-blue-400/50">DISCONNECTED_NODES</span></div></div></div></div> <div class="relative mt-32"><div class="absolute left-1/2 -translate-x-1/2 -top-20 flex flex-col items-center z-20"><div class="h-10 w-px bg-gradient-to-b from-transparent via-neutral-500 to-neutral-500"></div> <div class="px-4 py-1 rounded-full bg-neutral-800 border border-neutral-700 text-xs font-mono text-neutral-400">THEN CAME AKSITA.AI</div> <div class="h-10 w-px bg-gradient-to-b from-neutral-500 via-cyan-500 to-cyan-500"></div></div> <div class="p-1 rounded-[2rem] bg-gradient-to-b from-neutral-800 to-cyan-500/20 relative z-10"><div class="rounded-[1.9rem] bg-[#0a0a0a] p-8 md:p-12 text-center relative overflow-hidden"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-lg h-[1px] bg-gradient-to-r from-transparent via-cyan-500 to-transparent shadow-[0_0_20px_rgba(6,182,212,0.5)]"></div> <h3 class="text-2xl md:text-3xl font-bold text-white mb-4">Cukup Upload Data, Masalah Selesai.</h3> <p class="text-neutral-400 max-w-2xl mx-auto mb-8">Aksita.ai menyatukan semua data Anda menjadi satu "Otak Digital" yang siap menjawab apa saja, kapan saja, kepada siapa saja.</p> <div class="flex flex-wrap justify-center gap-4"><div class="flex items-center gap-2 px-4 py-2 rounded-full bg-green-500/10 text-green-400 text-sm font-medium border border-green-500/20"><i class="fas fa-check-circle"></i> 24/7 Support</div> <div class="flex items-center gap-2 px-4 py-2 rounded-full bg-green-500/10 text-green-400 text-sm font-medium border border-green-500/20"><i class="fas fa-check-circle"></i> Instant Reply</div> <div class="flex items-center gap-2 px-4 py-2 rounded-full bg-green-500/10 text-green-400 text-sm font-medium border border-green-500/20"><i class="fas fa-check-circle"></i> 100% Accurate</div></div></div></div></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="cara-kerja" class="py-24 relative border-y border-white/5 bg-gradient-to-b from-neutral-900/50 to-black relative"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center mb-24 svelte-xvea2d"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-blue-500/10 border border-blue-500/20 mb-6 backdrop-blur-md svelte-xvea2d"><span class="relative flex h-2 w-2 svelte-xvea2d"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75 svelte-xvea2d"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-blue-500 svelte-xvea2d"></span></span> <span class="text-xs font-bold text-blue-400 tracking-wide uppercase svelte-xvea2d">3 Langkah Mudah</span></div> <h2 class="text-4xl md:text-6xl font-bold mb-6 text-white tracking-tight svelte-xvea2d">Cara Kerjanya â <span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-cyan-400 svelte-xvea2d">Super Gampang</span></h2>
82 <p class="text-lg text-neutral-400 max-w-2xl mx-auto svelte-xvea2d">Tidak perlu coding. Tidak perlu setup server. Cukup bawa data Anda.</p></div> <div class="max-w-6xl mx-auto svelte-xvea2d"><div class="hidden lg:block absolute top-[40%] left-[15%] right-[15%] h-0.5 bg-gradient-to-r from-blue-500/20 via-purple-500/20 to-pink-500/20 border-t border-dashed border-white/10 z-0 svelte-xvea2d"></div> <div class="grid lg:grid-cols-3 gap-8 md:gap-12 relative z-10 svelte-xvea2d"><div class="group relative svelte-xvea2d" role="button" tabindex="0"><div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-blue-500/30 transition-all duration-500 h-full hover:-translate-y-2 shadow-xl shadow-black/20 svelte-xvea2d"><div class="absolute -top-6 left-8 w-12 h-12 rounded-2xl bg-[#1a1a1a] border border-white/10 flex items-center justify-center font-bold text-white shadow-lg z-20 group-hover:scale-110 transition-transform duration-300 svelte-xvea2d"><span class="text-blue-400 svelte-xvea2d">01</span></div> <div class="mb-8 mt-4 relative h-40 rounded-2xl bg-gradient-to-br from-blue-500/5 to-cyan-500/5 flex items-center justify-center overflow-hidden border border-white/5 group-hover:border-blue-500/20 transition-colors svelte-xvea2d"><div class="absolute inset-0 bg-[url('/grid.svg')] opacity-20 svelte-xvea2d"></div> <div class="relative svelte-xvea2d"><div class="w-16 h-20 bg-white/10 rounded-lg border border-white/20 flex items-center justify-center backdrop-blur-sm absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 group-hover:-translate-y-full group-hover:opacity-0 transition-all duration-500 svelte-xvea2d"><i class="fas fa-file-alt text-2xl text-white/50 svelte-xvea2d"></i></div> <div class="w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center shadow-lg shadow-blue-500/50 absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-500 delay-100 svelte-xvea2d"><i class="fas fa-check text-white svelte-xvea2d"></i></div> <div class="absolute top-full left-1/2 -translate-x-1/2 mt-4 w-32 h-1 bg-white/10 rounded-full overflow-hidden opacity-0 group-hover:opacity-100 transition-opacity duration-300 delay-200 svelte-xvea2d"><div class="h-full bg-blue-500 w-full animate-[loading_1.5s_ease-in-out_infinite] svelte-xvea2d"></div></div></div></div> <h3 class="text-2xl font-bold text-white mb-3 group-hover:text-blue-400 transition-colors svelte-xvea2d">Upload Data</h3> <p class="text-neutral-400 leading-relaxed svelte-xvea2d">Import bulk dari sitemap, crawl seluruh website, input teks manual, URL, atau hubungkan API. <span class="block mt-2 text-xs text-neutral-400 border-t border-white/5 pt-2 svelte-xvea2d">Supported: Sitemap, Website, Manual, URL, HTTP API</span></p></div></div> <div class="group relative svelte-xvea2d" role="button" tabindex="0"><div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-purple-500/30 transition-all duration-500 h-full hover:-translate-y-2 shadow-xl shadow-black/20 svelte-xvea2d"><div class="absolute -top-6 left-8 w-12 h-12 rounded-2xl bg-[#1a1a1a] border border-white/10 flex items-center justify-center font-bold text-white shadow-lg z-20 group-hover:scale-110 transition-transform duration-300 svelte-xvea2d"><span class="text-purple-400 svelte-xvea2d">02</span></div> <div class="mb-8 mt-4 relative h-40 rounded-2xl bg-gradient-to-br from-purple-500/5 to-pink-500/5 flex items-center justify-center overflow-hidden border border-white/5 group-hover:border-purple-500/20 transition-colors svelte-xvea2d"><div class="absolute inset-0 bg-[url('/grid.svg')] opacity-20 svelte-xvea2d"></div> <div class="relative w-20 h-20 svelte-xvea2d"><i class="fas fa-brain text-5xl text-purple-500/30 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 svelte-xvea2d"></i> <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full animate-spin-slow svelte-xvea2d"><div class="w-2 h-2 bg-purple-400 rounded-full absolute -top-1 left-1/2 shadow-[0_0_10px_rgba(168,85,247,0.8)] svelte-xvea2d"></div></div> <div class="absolute top-0 left-1/2 -translate-x-1/2 w-3/4 h-3/4 animate-spin-reverse-slow mt-[12.5%] svelte-xvea2d"><div class="w-2 h-2 bg-pink-400 rounded-full absolute -bottom-1 left-1/2 shadow-[0_0_10px_rgba(236,72,153,0.8)] svelte-xvea2d"></div></div></div></div> <h3 class="text-2xl font-bold text-white mb-3 group-hover:text-purple-400 transition-colors svelte-xvea2d">AI Training</h3> <p class="text-neutral-400 leading-relaxed svelte-xvea2d">Sistem kami membaca, membersihkan, dan mempelajari data Anda secara otomatis. <span class="block mt-2 text-xs text-neutral-400 border-t border-white/5 pt-2 svelte-xvea2d">Process time: ~30-60 detik per dokumen</span></p></div></div> <div class="group relative svelte-xvea2d" role="button" tabindex="0"><div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-pink-500/30 transition-all duration-500 h-full hover:-translate-y-2 shadow-xl shadow-black/20 svelte-xvea2d"><div class="absolute -top-6 left-8 w-12 h-12 rounded-2xl bg-[#1a1a1a] border border-white/10 flex items-center justify-center font-bold text-white shadow-lg z-20 group-hover:scale-110 transition-transform duration-300 svelte-xvea2d"><span class="text-pink-400 svelte-xvea2d">03</span></div> <div class="mb-8 mt-4 relative h-40 rounded-2xl bg-gradient-to-br from-pink-500/5 to-orange-500/5 flex items-center justify-center overflow-hidden border border-white/5 group-hover:border-pink-500/20 transition-colors svelte-xvea2d"><div class="absolute inset-0 bg-[url('/grid.svg')] opacity-20 svelte-xvea2d"></div> <div class="w-full px-6 space-y-3 svelte-xvea2d"><div class="flex items-center gap-3 opacity-50 group-hover:opacity-100 transition-opacity duration-500 delay-100 svelte-xvea2d"><div class="w-8 h-8 rounded-lg bg-green-500/20 flex items-center justify-center text-green-400 text-xs svelte-xvea2d"><i class="fas fa-globe svelte-xvea2d"></i></div> <div class="h-6 bg-white/10 rounded-lg flex-1 flex items-center px-3 svelte-xvea2d"><span class="text-[10px] text-neutral-400 svelte-xvea2d">Public Link</span></div></div> <div class="flex items-center gap-3 opacity-50 group-hover:opacity-100 transition-opacity duration-500 delay-200 svelte-xvea2d"><div class="w-8 h-8 rounded-lg bg-blue-500/20 flex items-center justify-center text-blue-400 text-xs svelte-xvea2d"><i class="fas fa-lock svelte-xvea2d"></i></div> <div class="h-6 bg-white/10 rounded-lg flex-1 flex items-center px-3 svelte-xvea2d"><span class="text-[10px] text-neutral-400 svelte-xvea2d">Private + Client Login</span></div></div> <div class="flex items-center gap-3 opacity-50 group-hover:opacity-100 transition-opacity duration-500 delay-300 svelte-xvea2d"><div class="w-8 h-8 rounded-lg bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs svelte-xvea2d"><i class="fas fa-code svelte-xvea2d"></i></div> <div class="h-6 bg-white/10 rounded-lg flex-1 flex items-center px-3 svelte-xvea2d"><span class="text-[10px] text-neutral-400 svelte-xvea2d">REST API Integration</span></div></div></div></div> <h3 class="text-2xl font-bold text-white mb-3 group-hover:text-pink-400 transition-colors svelte-xvea2d">Deploy & Share</h3> <p class="text-neutral-400 leading-relaxed svelte-xvea2d">Share link public, buat agent private dengan login, atau integrasikan via API. <span class="block mt-2 text-xs text-neutral-400 border-t border-white/5 pt-2 svelte-xvea2d">Options: Public, Private, API</span></p></div></div></div></div><!----></div> <!--[--><div class="absolute inset-0 z-0 pointer-events-none bg-[url('/grid.svg')] opacity-10"></div><!--]--></section><!----> <section id="fitur" class="py-24 relative border-y border-white/5 bg-white/[0.02] "><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="max-w-6xl mx-auto"><div class="text-center mb-20"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-purple-500/10 border border-purple-500/20 mb-6 backdrop-blur-md"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-purple-500"></span></span> <span class="text-xs font-bold text-purple-400 tracking-wide uppercase">All-in-One Platform</span></div> <h2 class="text-4xl md:text-6xl font-bold mb-6 text-white tracking-tight">Fitur Lengkap untuk <br class="hidden md:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-400">Bisnis Modern</span></h2> <p class="text-lg text-neutral-400 max-w-2xl mx-auto">Semua tool yang Anda butuhkan untuk membangun, mengelola, dan mengembangkan AI Assistant kelas enterprise.</p></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-cyan-500/5 to-transparent "></div> <div class="relative z-10">
82<div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-cyan-500/10 text-cyan-400 border-cyan-500/20 shadow-cyan-500/10 "><i class="fas fa-book"></i></div> <h3 class="text-xl font-bold text-white mb-3">Knowledge Base</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Import 1000+ halaman dalam hitungan menit. Bulk sitemap, crawl website penuh, atau hubungkan API live.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-cyan-500 "></div> Import Sitemap Bulk</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-cyan-500 "></div> Crawl Website Penuh</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-cyan-500 "></div> Manual, URL, HTTP API</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-cyan-500 "></div> Auto-clean & Proses</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-indigo-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-indigo-500/10 text-indigo-400 border-indigo-500/20 shadow-indigo-500/10 "><i class="fas fa-file-upload"></i></div> <h3 class="text-xl font-bold text-white mb-3">Upload Dokumen</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Upload dokumen langsung. PDF, DOCX, PPTX, TXT, MD. Ekstraksi teks, preview, dan edit sebelum disimpan.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-indigo-500 "></div> 5 Format Dokumen</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-indigo-500 "></div> Ekstraksi Teks Otomatis</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-indigo-500 "></div> Limit 10MB</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-indigo-500 "></div> Preview Sebelum Simpan</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-purple-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-purple-500/10 text-purple-400 border-purple-500/20 shadow-purple-500/10 "><i class="fas fa-bolt"></i></div> <h3 class="text-xl font-bold text-white mb-3">Actions & Automation</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">AI yang bisa bertindak: Cek stok, buat order, kirim email otomatis via HTTP API.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-purple-500 "></div> HTTP, Database, Webhook</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-purple-500 "></div> Ekstraksi Parameter Otomatis</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-purple-500 "></div> Eksekusi Real-time</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-violet-500/5 to-transparent "></div> <div class="relative z-10">
82<div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-violet-500/10 text-violet-400 border-violet-500/20 shadow-violet-500/10 "><i class="fas fa-user-circle"></i></div> <h3 class="text-xl font-bold text-white mb-3">Persistent Context</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Pertahankan sesi dan preferensi user antar percakapan. Sempurna untuk pengalaman personal dengan login action.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-violet-500 "></div> Manajemen Sesi</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-violet-500 "></div> Preferensi User</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-violet-500 "></div> Login Actions</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-violet-500 "></div> Private Actions</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-emerald-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-emerald-500/10 text-emerald-400 border-emerald-500/20 shadow-emerald-500/10 "><i class="fas fa-headset"></i></div> <h3 class="text-xl font-bold text-white mb-3">Dashboard Human Agent</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Ambil alih percakapan AI dengan mulus. Monitor, kelola, dan transfer antara AI dan human agent secara real-time.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500 "></div> Takeover Real-time</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500 "></div> Handover Agent</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500 "></div> Riwayat Percakapan</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500 "></div> Template Cepat</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-teal-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-teal-500/10 text-teal-400 border-teal-500/20 shadow-teal-500/10 "><i class="fas fa-code"></i></div> <h3 class="text-xl font-bold text-white mb-3">Embed Website</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Tambahkan chat AI ke website dengan satu baris kode. Floating button, whitelist domain, kustomisasi penuh.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-teal-500 "></div> Integrasi Satu Baris</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-teal-500 "></div> Widget Chat Floating</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-teal-500 "></div> Proteksi Domain</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-teal-500 "></div> UI Dapat Dikustomisasi</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-amber-500/5 to-transparent "></div> <div class="relative z-10">
82<div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-amber-500/10 text-amber-400 border-amber-500/20 shadow-amber-500/10 "><i class="fas fa-key"></i></div> <h3 class="text-xl font-bold text-white mb-3">Multi-Platform API Keys</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Buat banyak API key per agent dengan format respons khusus untuk WhatsApp, Telegram, Discord, dll.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-amber-500 "></div> Banyak Key per Agent</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-amber-500 "></div> Format Respons Custom</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-amber-500 "></div> Styling Per Platform</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-amber-500 "></div> Tracking Penggunaan</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-blue-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-blue-500/10 text-blue-400 border-blue-500/20 shadow-blue-500/10 "><i class="fas fa-layer-group"></i></div> <h3 class="text-xl font-bold text-white mb-3">Agent Tiers</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Hemat hingga 50% biaya dengan memilih tier yang tepat untuk kebutuhan Anda.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-blue-500 "></div> Base: FAQ Sederhana</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-blue-500 "></div> Plus: Performa Seimbang</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-blue-500 "></div> Premium: Reasoning Kompleks</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-green-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-green-500/10 text-green-400 border-green-500/20 shadow-green-500/10 "><i class="fas fa-lock"></i></div> <h3 class="text-xl font-bold text-white mb-3">Public & Private Agents</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Sistem login client untuk data sensitif. Sempurna untuk dashboard member dan layanan premium.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-green-500 "></div> Manajemen Client</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-green-500 "></div> Auth Email/Password Aman</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-green-500 "></div> Tracking Session</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-pink-500/5 to-transparent "></div> <div class="relative z-10">
82<div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-pink-500/10 text-pink-400 border-pink-500/20 shadow-pink-500/10 "><i class="fas fa-plug"></i></div> <h3 class="text-xl font-bold text-white mb-3">REST API Integration</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Deploy ke WhatsApp dalam 5 menit. API lengkap untuk Telegram, custom app, dan lainnya.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-pink-500 "></div> Setup WhatsApp Cepat</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-pink-500 "></div> Integrasi Telegram</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-pink-500 "></div> Support Custom App</div><!--]--></div></div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:bg-[#1a1a1a] transition-all duration-300 hover:-translate-y-1"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] bg-gradient-to-br from-orange-500/5 to-transparent "></div> <div class="relative z-10"><div class="w-14 h-14 rounded-2xl flex items-center justify-center text-2xl mb-6 border group-hover:scale-110 transition-transform duration-300 shadow-lg bg-orange-500/10 text-orange-400 border-orange-500/20 shadow-orange-500/10 "><i class="fas fa-sliders-h"></i></div> <h3 class="text-xl font-bold text-white mb-3">Sistem Kredit</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-10">Bayar hanya untuk yang digunakan. Mulai dari Rp 70/kredit. Tanpa biaya tersembunyi, transparansi penuh.</p> <div class="space-y-3 pt-6 border-t border-white/5"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-orange-500 "></div> Model Pay-per-use</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-orange-500 "></div> Harga Transparan</div><div class="flex items-center gap-3 text-sm text-neutral-300"><div class="w-1.5 h-1.5 rounded-full bg-orange-500 "></div> Tanpa Biaya Tersembunyi</div><!--]--></div></div></div><!--]--></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="keunggulan" class="py-24 relative border-y border-white/5 bg-gradient-to-b from-neutral-900/50 to-black "><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="max-w-6xl mx-auto"><div class="text-center mb-20"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gradient-to-r from-purple-500/10 to-pink-500/10 border border-purple-500/20 mb-6 backdrop-blur-md"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-purple-500"></span></span> <span class="text-xs font-bold text-purple-400 tracking-wide uppercase">Kenapa Pilih Kami</span></div> <h2 class="text-4xl md:text-6xl font-bold mb-6 text-white tracking-tight">Yang Membuat Kami <br class="hidden md:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-pink-400 to-orange-400">Berbeda</span></h2> <p class="text-lg text-neutral-400 max-w-2xl mx-auto">Dibangun untuk bisnis Indonesia dengan fitur yang tidak dimiliki kompetitor</p></div> <div class="grid md:grid-cols-2 gap-8"><!--[--><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-purple-500/30 transition-all duration-500 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-purple-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] pointer-events-none"></div> <div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-purple-500/10 flex items-center justify-center text-3xl text-purple-400 mb-6 border border-purple-500/20 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-purple-500/10"><i class="fas fa-bolt"></i></div> <h3 class="text-2xl font-bold text-white mb-4 group-hover:text-purple-400 transition-colors">
82AI yang Bisa Bertindak</h3> <p class="text-neutral-400 leading-relaxed mb-6">Bukan hanya menjawab pertanyaan. Eksekusi tugas nyata: cek inventory, buat order, kirim email otomatis.</p> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-purple-500/10 border border-purple-500/20"><div class="w-2 h-2 rounded-full bg-purple-400 animate-pulse"></div> <span class="text-sm font-medium text-purple-300">HTTP, Database, Webhook, Email</span></div></div> <div class="absolute top-6 right-6 w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center text-white/20 font-bold text-2xl group-hover:text-purple-400/30 transition-colors">01</div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-green-500/30 transition-all duration-500 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-green-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] pointer-events-none"></div> <div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-green-500/10 flex items-center justify-center text-3xl text-green-400 mb-6 border border-green-500/20 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-green-500/10"><i class="fas fa-shield-alt"></i></div> <h3 class="text-2xl font-bold text-white mb-4 group-hover:text-green-400 transition-colors">Keamanan Enterprise</h3> <p class="text-neutral-400 leading-relaxed mb-6">Private agent dengan sistem login client. Sempurna untuk data sensitif dan layanan khusus member.</p> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-green-500/10 border border-green-500/20"><div class="w-2 h-2 rounded-full bg-green-400 animate-pulse"></div> <span class="text-sm font-medium text-green-300">Manajemen Client Included</span></div></div> <div class="absolute top-6 right-6 w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center text-white/20 font-bold text-2xl group-hover:text-green-400/30 transition-colors">02</div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-cyan-500/30 transition-all duration-500 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-cyan-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] pointer-events-none"></div> <div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-cyan-500/10 flex items-center justify-center text-3xl text-cyan-400 mb-6 border border-cyan-500/20 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-cyan-500/10"><i class="fas fa-rocket"></i></div> <h3 class="text-2xl font-bold text-white mb-4 group-hover:text-cyan-400 transition-colors">Integrasi 5 Menit</h3> <p class="text-neutral-400 leading-relaxed mb-6">Deploy ke WhatsApp, Telegram, atau website Anda dalam hitungan menit. REST API lengkap dengan dokumentasi komprehensif.</p> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-cyan-500/10 border border-cyan-500/20"><div class="w-2 h-2 rounded-full bg-cyan-400 animate-pulse"></div> <span class="text-sm font-medium text-cyan-300">WhatsApp Ready</span></div></div> <div class="absolute top-6 right-6 w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center text-white/20 font-bold text-2xl group-hover:text-cyan-400/30 transition-colors">03</div></div><div class="group relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-orange-500/30 transition-all duration-500 hover:-translate-y-2"><div class="absolute inset-0 bg-gradient-to-br from-orange-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-[2rem] pointer-events-none"></div> <div class="relative z-10"><div class="w-16 h-16 rounded-2xl bg-orange-500/10 flex items-center justify-center text-3xl text-orange-400 mb-6 border border-orange-500/20 group-hover:scale-110 transition-transform duration-300 shadow-lg shadow-orange-500/10"><i class="fas fa-chart-line"></i></div> <h3 class="text-2xl font-bold text-white mb-4 group-hover:text-orange-400 transition-colors">Transparansi Biaya</h3> <p class="text-neutral-400 leading-relaxed mb-6">Harga berbasis kredit. Bayar hanya untuk yang digunakan. Tanpa biaya tersembunyi, tanpa kejutan. Mulai Rp 70/kredit.</p> <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-orange-500/10 border border-orange-500/20"><div class="w-2 h-2 rounded-full bg-orange-400 animate-pulse"></div> <span class="text-sm font-medium text-orange-300">Model Pay-per-use</span></div></div> <div class="absolute top-6 right-6 w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center text-white/20 font-bold text-2xl group-hover:text-orange-400/30 transition-colors">04</div></div><!--]--></div> <div class="mt-16 text-center"><p class="text-neutral-400 mb-6">Siap merasakan perbedaannya?</p> <a href="/auth/register" class="inline-flex items-center gap-3 px-8 py-4 rounded-xl bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500 text-white font-bold shadow-lg shadow-purple-500/25 hover:shadow-
82purple-500/40 hover:-translate-y-1 transition-all"><span>Coba Gratis Sekarang</span> <i class="fas fa-arrow-right"></i></a></div></div><!----></div> <!--[--><div class="absolute inset-0 z-0 pointer-events-none bg-[url('/grid.svg')] opacity-10"></div><!--]--></section><!----> <section id="benefits" class="py-24 relative border-y border-white/5 bg-white/[0.02] relative overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="absolute top-1/2 right-0 -translate-y-1/2 w-[800px] h-[800px] bg-green-500/5 rounded-full blur-[120px] pointer-events-none -z-10 svelte-1tyo6sg"></div> <div class="max-w-7xl mx-auto svelte-1tyo6sg"><div class="text-center mb-20 svelte-1tyo6sg"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-green-500/10 border border-green-500/20 mb-6 backdrop-blur-md svelte-1tyo6sg"><i class="fas fa-rocket text-green-400 svelte-1tyo6sg"></i> <span class="text-xs font-bold text-green-400 tracking-wide uppercase svelte-1tyo6sg">Business Impact</span></div> <h2 class="text-4xl md:text-6xl font-bold mb-6 text-white tracking-tight svelte-1tyo6sg">Kenapa Bisnis Memilih <br class="hidden md:block svelte-1tyo6sg"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-cyan-400 svelte-1tyo6sg">Aksita.ai?</span></h2> <p class="text-lg text-neutral-400 max-w-2xl mx-auto svelte-1tyo6sg">Bukan sekadar chatbot. Ini adalah mesin pertumbuhan efisiensi untuk bisnis Anda.</p></div> <div class="grid grid-cols-1 md:grid-cols-12 gap-6 svelte-1tyo6sg"><div class="md:col-span-7 p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-green-500/30 transition-all duration-500 svelte-1tyo6sg"><div class="absolute top-0 right-0 p-10 opacity-10 group-hover:opacity-20 transition-opacity duration-500 svelte-1tyo6sg"><i class="fas fa-stopwatch text-9xl text-green-500 svelte-1tyo6sg"></i></div> <div class="relative z-10 h-full flex flex-col justify-between svelte-1tyo6sg"><div class="mb-10 svelte-1tyo6sg"><div class="w-14 h-14 rounded-2xl bg-green-500/10 flex items-center justify-center text-green-400 text-2xl mb-6 border border-green-500/20 svelte-1tyo6sg"><i class="fas fa-bolt svelte-1tyo6sg"></i></div> <h3 class="text-3xl font-bold text-white mb-3 svelte-1tyo6sg">Hemat 80% Waktu</h3> <p class="text-neutral-400 text-lg leading-relaxed max-w-md svelte-1tyo6sg">Otomatisasi tugas repetitif. Biarkan tim Anda fokus pada strategi, bukan menjawab pertanyaan "Harga berapa?" berulang kali.</p></div> <div class="bg-black/40 rounded-2xl p-6 border border-white/5 backdrop-blur-sm svelte-1tyo6sg"><div class="space-y-4 svelte-1tyo6sg"><div class="svelte-1tyo6sg"><div class="flex justify-between text-xs font-mono text-neutral-400 mb-2 svelte-1tyo6sg"><span class="svelte-1tyo6sg">MANUAL PROCESS</span> <span class="svelte-1tyo6sg">20 mins</span></div> <div class="h-2 bg-white/10 rounded-full overflow-hidden svelte-1tyo6sg"><div class="h-full bg-neutral-600 w-[30%] svelte-1tyo6sg"></div></div></div> <div class="svelte-1tyo6sg"><div class="flex justify-between text-xs font-mono text-green-400 mb-2 svelte-1tyo6sg"><span class="flex items-center gap-2 svelte-1tyo6sg"><i class="fas fa-robot svelte-1tyo6sg"></i> AKSITA.AI</span> <span class="svelte-1tyo6sg">5-10 sec</span></div> <div class="h-2 bg-green-900/30 rounded-full overflow-hidden relative svelte-1tyo6sg"><div class="absolute inset-0 bg-gradient-to-r from-green-500 to-cyan-400 w-full animate-[shimmer_2s_infinite] svelte-1tyo6sg"></div></div></div></div></div></div></div> <div class="md:col-span-5 p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-cyan-500/30 transition-all duration-500 svelte-1tyo6sg"><div class="absolute inset-0 bg-gradient-to-br from-cyan-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 svelte-1tyo6sg"></div> <div class="relative z-10 h-full flex flex-col svelte-1tyo6sg"><div class="w-14 h-14 rounded-2xl bg-cyan-500/10 flex items-center justify-center text-cyan-400 text-2xl mb-6 border border-cyan-500/20 svelte-1tyo6sg"><i class="fas fa-bullseye svelte-1tyo6sg"></i></div> <h3 class="text-3xl font-bold text-white mb-3 svelte-1tyo6sg">Akurasi Tinggi</h3> <p class="text-neutral-400 text-lg leading-relaxed mb-8 svelte-1tyo6sg">Jawaban konsisten 100% berdasarkan data Anda. Tidak ada halusinasi, tidak ada j
82awaban ngawur.</p> <div class="mt-auto flex justify-center svelte-1tyo6sg"><div class="relative w-40 h-40 svelte-1tyo6sg"><div class="absolute inset-0 border-2 border-dashed border-cyan-500/20 rounded-full animate-[spin_10s_linear_infinite] svelte-1tyo6sg"></div> <div class="absolute inset-4 border-2 border-dashed border-cyan-500/30 rounded-full animate-[spin_15s_linear_infinite_reverse] svelte-1tyo6sg"></div> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 bg-cyan-500/10 rounded-full flex items-center justify-center border border-cyan-500/50 shadow-[0_0_30px_rgba(6,182,212,0.2)] svelte-1tyo6sg"><i class="fas fa-check text-2xl text-cyan-400 svelte-1tyo6sg"></i></div> <div class="absolute top-0 left-1/2 w-3 h-3 bg-white rounded-full -translate-x-1/2 -translate-y-1.5 shadow-[0_0_10px_white] svelte-1tyo6sg"></div></div></div></div></div> <div class="md:col-span-4 p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-purple-500/30 transition-all duration-500 svelte-1tyo6sg"><div class="relative z-10 svelte-1tyo6sg"><div class="flex items-center justify-between mb-6 svelte-1tyo6sg"><div class="w-14 h-14 rounded-2xl bg-purple-500/10 flex items-center justify-center text-purple-400 text-2xl border border-purple-500/20 svelte-1tyo6sg"><i class="fas fa-clock svelte-1tyo6sg"></i></div> <div class="px-3 py-1 rounded-full bg-green-500/20 border border-green-500/30 text-green-400 text-xs font-bold flex items-center gap-2 svelte-1tyo6sg"><span class="relative flex h-2 w-2 svelte-1tyo6sg"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75 svelte-1tyo6sg"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-green-500 svelte-1tyo6sg"></span></span> ONLINE</div></div> <h3 class="text-2xl font-bold text-white mb-2 svelte-1tyo6sg">Support 24/7</h3> <p class="text-neutral-400 svelte-1tyo6sg">Melayani pelanggan jam 2 pagi sama ramahnya dengan jam 2 siang.</p></div></div> <div class="md:col-span-8 p-10 rounded-[2.5rem] bg-[#151515] border border-white/5 relative overflow-hidden group hover:border-orange-500/30 transition-all duration-500 svelte-1tyo6sg"><div class="absolute inset-0 bg-gradient-to-r from-orange-500/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500 svelte-1tyo6sg"></div> <div class="relative z-10 flex flex-col md:flex-row items-center gap-10 svelte-1tyo6sg"><div class="flex-1 svelte-1tyo6sg"><div class="w-14 h-14 rounded-2xl bg-orange-500/10 flex items-center justify-center text-orange-400 text-2xl mb-6 border border-orange-500/20 svelte-1tyo6sg"><i class="fas fa-chart-line svelte-1tyo6sg"></i></div> <h3 class="text-3xl font-bold text-white mb-3 svelte-1tyo6sg">Konversi Naik 3x Lipat</h3> <p class="text-neutral-400 text-lg leading-relaxed svelte-1tyo6sg">Respons instan mencegah pelanggan lari ke kompetitor. Tangkap setiap peluang leads yang masuk.</p></div> <div class="flex-1 w-full h-40 md:h-48 bg-black/40 rounded-2xl border border-white/5 p-6 relative overflow-hidden flex items-end gap-2 svelte-1tyo6sg"><div class="absolute inset-0 bg-[url('/grid.svg')] opacity-20 svelte-1tyo6sg"></div> <div class="flex-1 bg-neutral-800 rounded-t-lg h-[30%] relative group/bar svelte-1tyo6sg"><div class="absolute -top-8 left-1/2 -translate-x-1/2 text-xs text-neutral-400 opacity-0 group-hover/bar:opacity-100 transition-opacity svelte-1tyo6sg">Manual</div></div> <div class="flex-1 bg-neutral-700 rounded-t-lg h-[45%] relative group/bar svelte-1tyo6sg"></div> <div class="flex-1 bg-neutral-600 rounded-t-lg h-[40%] relative group/bar svelte-1tyo6sg"></div> <div class="flex-1 bg-orange-500/50 rounded-t-lg h-[65%] relative group/bar svelte-1tyo6sg"></div> <div class="flex-1 bg-gradient-to-t from-orange-600 to-orange-400 rounded-t-lg h-[90%] relative group/bar shadow-[0_0_20px_rgba(249,115,22,0.3)] svelte-1tyo6sg"><div class="absolute -top-8 left-1/2 -translate-x-1/2 text-xs font-bold text-orange-400 svelte-1tyo6sg">AI</div></div></div></div></div></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="" class="py-24 relative border-y border-white/5 bg-black relative overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="absolute inset-0 bg-[url('/grid.svg')] opacity-[0.03]"></div> <div class="max-w-6xl mx-auto relative z-10"><div class="text-center mb-20"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 mb-6"><i class="fas fa-layer-group text-cyan-400"></i> <span class="text-xs font-bold text-white tracking-wide uppercase">Versatile Platform</span></div> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-white tracking-tight">Satu Platform, <br class="hidden md:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-white to-neutral-500">Banyak Kegunaan.</span></h2> <p class="text-lg text-neutral-400 max-w-2xl mx-auto">Apapun industri Anda, Aksita.ai beradaptasi dengan kebutuhan spesifik bisnis Anda.</p></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><div class="group relative p-1 rounded-3xl bg-gradient-to-b from-white/10 to-white/5 hover:from-blue-500/50 hover:to-blue-600/50 transition-colors duration-500"><div class="relative h-full p-8 rounded-[1.4rem] bg-[#0f0f0f] flex flex-col gap-6 transition-transform duration-500 group-hover:-translate-y-1"><div class="w-12 h-12 rounded-xl bg-blue-500/10 flex items-center justify-center text-xl text-blue-400 border border-blue-500/20 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-headset"></i></div> <div><h3 class="text-xl font-bold text-white mb-3">Customer Support Otomatis</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-14">Jawab pertanyaan pelanggan 24/7 secara instan tanpa menambah tim CS.</p> <div class="flex flex-wrap gap-2"><!--[--><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-blue-500/30 group-hover:text-blue-300 transition-colors">E-Commerce</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-blue-500/30 group-hover:text-blue-300 transition-colors">SaaS</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-blue-500/30 group-hover:text-blue-300 transition-colors">Retail</span><!--]--></div></div></div></div><div class="group relative p-1 rounded-3xl bg-gradient-to-b from-white/10 to-white/5 hover:from-purple-500/50 hover:to-purple-600/50 transition-colors duration-500"><div class="relative h-full p-8 rounded-[1.4rem] bg-[#0f0f0f] flex flex-col gap-6 transition-transform duration-500 group-hover:-translate-y-1"><div class="w-12 h-12 rounded-xl bg-purple-500/10 flex items-center justify-center text-xl text-purple-400 border border-purple-500/20 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-store"></i></div> <div><h3 class="text-xl font-bold text-white mb-3">FAQ Toko Online</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-14">Bantu pelanggan cek stok, estimasi pengiriman, dan spesifikasi produk otomatis.</p> <div class="flex flex-wrap gap-2"><!--[--><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-purple-500/30 group-hover:text-purple-300 transition-colors">Online Shop</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-purple-500/30 group-hover:text-purple-300 transition-colors">Marketplace</span><!--]--></div></div></div></div><div class="group relative p-1 rounded-3xl bg-gradient-to-b from-white/10 to-white/5 hover:from-orange-500/50 hover:to-orange-600/50 transition-colors duration-500"><div class="relative h-full p-8 rounded-[1.4rem] bg-[#0f0f0f] flex flex-col gap-6 transition-transform duration-500 group-hover:-translate-y-1"><div class="w-12 h-12 rounded-xl bg-orange-500/10 flex items-center justify-center text-xl text-orange-400 border border-orange-500/20 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-users-cog"></i></div> <div><h3 class="text-xl font-bold text-white mb-3">Internal SOP & Onboarding</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-14">Asisten pribadi untuk karyawan baru bertanya tentang prosedur dan kebijakan kantor.</p> <div class="flex flex-wrap gap-2"><!--[--><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-orange-500/30 group-hover:text-orange-300 transition-colors">HR</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-orange-500/30 group-hover:text-orange-300 transition-colors">Corporate</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-orange-500/30 group-hover:text-orange-300 transition-colors">Startups</span><!--]--></div></div></div></div><div class="group relative p-1 rounded-3xl bg-gradient-to-b from-white/10 to-white/5 hover:from-cyan-500/50 hover:to-cyan-600/50 transition-colors duration-500"><div class="relative h-full p-8 rounded-[1.4rem] bg-[#0f0f0f] flex flex-col gap-6 transition-transform duration-500 group-hover:-translate-y-1"><div class="w-12 h-12 rounded-xl bg-cyan-500/10 flex items-center justify-center text-xl text-cyan-400 border border-cyan-500/20 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-comments"></i></div> <div><h3 class="text-xl font-bold text-white mb-3">WhatsApp & Telegram Bot</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-14">Integrasikan AI ke WhatsApp atau Telegram dengan Public API untuk layanan 24/7.</p> <div class="flex flex-wrap gap-2"><!--[--><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-cyan-500/30 group-hover:text-cyan-300 transition-colors">WhatsApp</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-cyan-500/30 group-hover:text-cyan-300 transition-colors">Telegram</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-cyan-500/30 group-hover:text-cyan-300 transition-colors">API</span><!--]--></div></div></div></div><div class="group relative p-1 rounded-3xl bg-gradient-to-b from-white/10 to-white/5 hover:from-green-500/50 hover:to-green-600/50 transition-colors duration-500"><div class="relative h-full p-8 rounded-[1.4rem] bg-[#0f0f0f] flex flex-col gap-6 transition-transform duration-500 group-hover:-translate-y-1"><div class="w-12 h-12 rounded-xl bg-green-500/10 flex items-center justify-center text-xl text-green-400 border border-green-500/20 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-lock"></i></div> <div><h3 class="text-xl font-bold text-white mb-3">Private Client Portal</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-14">Layanan premium dengan login khusus untuk client VIP atau member berbayar.</p> <div class="flex flex-wrap gap-2"><!--[--><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-green-500/30 group-hover:text-green-300 transition-colors">Membership</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-green-500/30 group-hover:text-green-300 transition-colors">Premium</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-green-500/30 group-hover:text-green-300 transition-colors">B2B</span><!--]--></div></div></div></div><div class="group relative p-1 rounded-3xl bg-gradient-to-b from-white/10 to-white/5 hover:from-pink-500/50 hover:to-pink-600/50 transition-colors duration-500"><div class="relative h-full p-8 rounded-[1.4rem] bg-[#0f0f0f] flex flex-col gap-6 transition-transform duration-500 group-hover:-translate-y-1"><div class="w-12 h-12 rounded-xl bg-pink-500/10 flex items-center justify-center text-xl text-pink-400 border border-pink-500/20 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-graduation-cap"></i></div> <div><h3 class="text-xl font-bold text-white mb-3">Education Tutor</h3> <p class="text-neutral-400 text-sm leading-relaxed mb-6 h-14">
82Tutor pribadi yang sabar menjelaskan materi pelajaran kepada siswa kapan saja.</p> <div class="flex flex-wrap gap-2"><!--[--><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-pink-500/30 group-hover:text-pink-300 transition-colors">EdTech</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-pink-500/30 group-hover:text-pink-300 transition-colors">Schools</span><span class="px-3 py-1 rounded-full bg-white/5 text-[10px] font-medium text-neutral-400 border border-white/5 group-hover:border-pink-500/30 group-hover:text-pink-300 transition-colors">Training</span><!--]--></div></div></div></div><!--]--></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="" class="py-24 relative border-y border-white/5 bg-white/[0.02] "><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="max-w-6xl mx-auto"><div class="grid grid-cols-1 md:grid-cols-3 gap-8"><!--[--><div class="p-10 rounded-[2.5rem] bg-white/5 border border-white/10 text-center group hover:bg-white/[0.07] transition-colors "><!--[!--><!--]--> <div><div class="w-16 h-16 mx-auto mb-6 rounded-full bg-green-500/20 flex items-center justify-center text-3xl text-green-400 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-ticket-alt"></i></div> <div class="text-5xl font-bold text-white mb-2">67%</div> <div class="text-neutral-400 font-medium">Lebih Sedikit Tiket CS</div> <p class="text-sm text-neutral-400 mt-4 px-4">Tim support lebih rileks, fokus ke masalah penting.</p></div></div><div class="p-10 rounded-[2.5rem] bg-white/5 border border-white/10 text-center group hover:bg-white/[0.07] transition-colors relative overflow-hidden"><!--[--><div class="absolute inset-0 bg-gradient-to-br from-cyan-500/10 to-purple-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><!--]--> <div class="relative z-10"><div class="w-16 h-16 mx-auto mb-6 rounded-full bg-cyan-500/20 flex items-center justify-center text-3xl text-cyan-400 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-stopwatch"></i></div> <div class="text-5xl font-bold text-white mb-2">3x</div> <div class="text-neutral-400 font-medium">Lebih Cepat Merespons</div> <p class="text-sm text-neutral-400 mt-4 px-4">Dari hitungan jam menjadi detik. Pelanggan senang.</p></div></div><div class="p-10 rounded-[2.5rem] bg-white/5 border border-white/10 text-center group hover:bg-white/[0.07] transition-colors "><!--[!--><!--]--> <div><div class="w-16 h-16 mx-auto mb-6 rounded-full bg-purple-500/20 flex items-center justify-center text-3xl text-purple-400 group-hover:scale-110 transition-transform duration-300"><i class="fas fa-coins"></i></div> <div class="text-5xl font-bold text-white mb-2">90%</div> <div class="text-neutral-400 font-medium">Lebih Hemat Biaya</div> <p class="text-sm text-neutral-400 mt-4 px-4">Biaya per chat jauh lebih rendah dibanding manual.</p></div></div><!--]--></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="" class="py-24 relative border-y border-white/5 bg-white/[0.02] overflow-hidden relative"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-7xl h-full pointer-events-none z-0"><div class="absolute top-1/4 left-1/4 w-96 h-96 bg-cyan-500/5 rounded-full blur-[100px]"></div> <div class="absolute bottom-1/4 right-1/4 w-96 h-96 bg-purple-500/5 rounded-full blur-[100px]"></div></div> <div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row md:items-end justify-between gap-8 mb-16 md:mb-24"><div class="max-w-2xl"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 mb-6"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span></span> <span class="text-xs font-bold text-neutral-300 tracking-wide uppercase">
82Wall of Love</span></div> <h2 class="text-4xl md:text-6xl font-bold text-white tracking-tight mb-6">Dipercaya oleh <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-400">Visioner.</span></h2> <p class="text-lg text-neutral-400 leading-relaxed">Bergabung dengan ribuan bisnis yang telah mentransformasi cara mereka berinteraksi dengan pelanggan menggunakan AI.</p></div> <div class="flex gap-4"><button class="w-14 h-14 rounded-full border border-white/10 bg-white/5 hover:bg-white/10 flex items-center justify-center text-white transition-all active:scale-95" aria-label="Previous testimonial"><i class="fas fa-arrow-left"></i></button> <button class="w-14 h-14 rounded-full border border-white/10 bg-white text-black hover:bg-neutral-200 flex items-center justify-center transition-all active:scale-95" aria-label="Next testimonial"><i class="fas fa-arrow-right"></i></button></div></div> <div class="relative" role="region" aria-label="Testimonials"><div class="overflow-hidden"><div class="flex transition-transform duration-700 cubic-bezier(0.25, 1, 0.5, 1)" style="transform: translateX(-0%)"><!--[--><div class="w-full flex-shrink-0 px-2 md:px-4"><div class="h-[500px] md:h-[450px]"><div class="relative h-full flex flex-col justify-between bg-[#121212] p-8 md:p-12 rounded-[2rem] border border-white/5 group overflow-hidden"><div class="absolute top-0 left-0 w-full h-full bg-white/[0.02] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> <div class="flex items-center justify-between mb-8 md:mb-10 relative z-10"><div class="w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-gradient-to-br from-white/5 to-white/[0.02] border border-white/10 flex items-center justify-center text-2xl md:text-3xl text-cyan-400 shadow-lg shadow-black/50"><i class="fas fa-quote-right"></i></div> <div class="flex gap-1"><!--[--><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><!--]--></div></div> <div class="relative z-10 flex-grow"><p class="text-xl md:text-2xl lg:text-3xl text-neutral-200 font-medium leading-relaxed md:leading-normal tracking-tight">"Response time CS kami turun dari 4 jam jadi hitungan detik. Customer satisfaction score naik drastis dalam 1 bulan."</p></div> <div class="mt-10 md:mt-14 pt-8 border-t border-white/5 flex items-center gap-5 relative z-10"><div class="w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-br from-cyan-500 to-cyan-700 p-[2px] shadow-xl shadow-cyan-900/20"><div class="w-full h-full rounded-full bg-[#1a1a1a] flex items-center justify-center text-lg font-bold text-white">B</div></div> <div><div class="text-lg md:text-xl font-bold text-white">Budi Santoso</div> <div class="text-sm md:text-base text-neutral-400 mt-0.5"><span class="text-cyan-400 font-medium">CEO</span> <span class="mx-1.5 text-neutral-600">â¢</span> Toko Fashion Online</div></div></div></div><!----></div></div><div class="w-full flex-shrink-0 px-2 md:px-4"><div class="h-[500px] md:h-[450px]"><div class="relative h-full flex flex-col justify-between bg-[#121212] p-8 md:p-12 rounded-[2rem] border border-white/5 group overflow-hidden"><div class="absolute top-0 left-0 w-full h-full bg-white/[0.02] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> <div class="flex items-center justify-between mb-8 md:mb-10 relative z-10"><div class="w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-gradient-to-br from-white/5 to-white/[0.02] border border-white/10 flex items-center justify-center text-2xl md:text-3xl text-purple-400 shadow-lg shadow-black/50"><i class="fas fa-quote-right"></i></div> <div class="flex gap-1"><!--[--><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><!--]--></div></div> <div class="relative z-10 flex-grow"><p class="text-xl md:text-2xl lg:text-3xl text-neutral-200 font-medium leading-relaxed md:leading-normal tracking-tight">"Bot ini beneran pinter. Dia paham konteks produk kami yang teknis banget, bukan cuma jawab template kayak bot lain."</p></div> <div class="mt-10 md:mt-14 pt-8 border-t border-white/5 flex items-center gap-5 relative z-10"><div class="w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-br from-purple-500 to-purple-700 p-[2px] shadow-xl shadow-purple-900/20"><div class="w-full h-full rounded-full bg-[#1a1a1a] flex items-center justify-center text-lg font-bold text-white">S</div></div> <div><div class="text-lg md:text-xl font-bold text-white">Siti Nurhaliza</div> <div class="text-sm md:text-base text-neutral-400 mt-0.5"><span class="text-purple-400 font-medium">Founder</span> <span class="mx-1.5 text-neutral-600">â¢</span> Tech Marketing Agency</div></div></div></div><!----></div></div><div class="w-full flex-shrink-0 px-2 md:px-4"><div class="h-[500px] md:h-[450px]"><div class="relative h-full flex flex-col justify-between bg-[#121212] p-8 md:p-12 rounded-[2rem] border border-white/5 group overflow-hidden"><div class="absolute top-0 left-0 w-full h-full bg-white/[0.02] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> <div class="flex items-center justify-between mb-8 md:mb-10 relative z-10">
82<div class="w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-gradient-to-br from-white/5 to-white/[0.02] border border-white/10 flex items-center justify-center text-2xl md:text-3xl text-green-400 shadow-lg shadow-black/50"><i class="fas fa-quote-right"></i></div> <div class="flex gap-1"><!--[--><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><!--]--></div></div> <div class="relative z-10 flex-grow"><p class="text-xl md:text-2xl lg:text-3xl text-neutral-200 font-medium leading-relaxed md:leading-normal tracking-tight">"Game changer buat tim operasional. Kami hemat puluhan juta karena nggak perlu hire tim CS tambahan shift malam."</p></div> <div class="mt-10 md:mt-14 pt-8 border-t border-white/5 flex items-center gap-5 relative z-10"><div class="w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-br from-green-500 to-green-700 p-[2px] shadow-xl shadow-green-900/20"><div class="w-full h-full rounded-full bg-[#1a1a1a] flex items-center justify-center text-lg font-bold text-white">A</div></div> <div><div class="text-lg md:text-xl font-bold text-white">Ahmad Wijaya</div> <div class="text-sm md:text-base text-neutral-400 mt-0.5"><span class="text-green-400 font-medium">Ops Manager</span> <span class="mx-1.5 text-neutral-600">â¢</span> Logistik Express</div></div></div></div><!----></div></div><div class="w-full flex-shrink-0 px-2 md:px-4"><div class="h-[500px] md:h-[450px]"><div class="relative h-full flex flex-col justify-between bg-[#121212] p-8 md:p-12 rounded-[2rem] border border-white/5 group overflow-hidden"><div class="absolute top-0 left-0 w-full h-full bg-white/[0.02] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> <div class="flex items-center justify-between mb-8 md:mb-10 relative z-10"><div class="w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-gradient-to-br from-white/5 to-white/[0.02] border border-white/10 flex items-center justify-center text-2xl md:text-3xl text-pink-400 shadow-lg shadow-black/50"><i class="fas fa-quote-right"></i></div> <div class="flex gap-1"><!--[--><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><!--]--></div></div> <div class="relative z-10 flex-grow"><p class="text-xl md:text-2xl lg:text-3xl text-neutral-200 font-medium leading-relaxed md:leading-normal tracking-tight">"Integrasinya gampang banget. Input SOP perusahaan secara manual, 5 menit kemudian bot udah bisa jawab pertanyaan karyawan."</p></div> <div class="mt-10 md:mt-14 pt-8 border-t border-white/5 flex items-center gap-5 relative z-10"><div class="w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-br from-pink-500 to-pink-700 p-[2px] shadow-xl shadow-pink-900/20"><div class="w-full h-full rounded-full bg-[#1a1a1a] flex items-center justify-center text-lg font-bold text-white">D</div></div> <div><div class="text-lg md:text-xl font-bold text-white">Dewi Lestari</div> <div class="text-sm md:text-base text-neutral-400 mt-0.5"><span class="text-pink-400 font-medium">HR Director</span> <span class="mx-1.5 text-neutral-600">â¢</span> Startup Unicorn</div></div></div></div><!----></div></div><div class="w-full flex-shrink-0 px-2 md:px-4"><div class="h-[500px] md:h-[450px]"><div class="relative h-full flex flex-col justify-between bg-[#121212] p-8 md:p-12 rounded-[2rem] border border-white/5 group overflow-hidden"><div class="absolute top-0 left-0 w-full h-full bg-white/[0.02] opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none"></div> <div class="flex items-center justify-between mb-8 md:mb-10 relative z-10">
82<div class="w-12 h-12 md:w-14 md:h-14 rounded-2xl bg-gradient-to-br from-white/5 to-white/[0.02] border border-white/10 flex items-center justify-center text-2xl md:text-3xl text-orange-400 shadow-lg shadow-black/50"><i class="fas fa-quote-right"></i></div> <div class="flex gap-1"><!--[--><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><i class="fas fa-star text-yellow-500/80 text-xs md:text-sm"></i><!--]--></div></div> <div class="relative z-10 flex-grow"><p class="text-xl md:text-2xl lg:text-3xl text-neutral-200 font-medium leading-relaxed md:leading-normal tracking-tight">"Data kami aman dan terisolasi. Itu concern utama kami, dan Aksita.ai menjawabnya dengan fitur security enterprise."</p></div> <div class="mt-10 md:mt-14 pt-8 border-t border-white/5 flex items-center gap-5 relative z-10"><div class="w-14 h-14 md:w-16 md:h-16 rounded-full bg-gradient-to-br from-orange-500 to-orange-700 p-[2px] shadow-xl shadow-orange-900/20"><div class="w-full h-full rounded-full bg-[#1a1a1a] flex items-center justify-center text-lg font-bold text-white">R</div></div> <div><div class="text-lg md:text-xl font-bold text-white">Roni Pratama</div> <div class="text-sm md:text-base text-neutral-400 mt-0.5"><span class="text-orange-400 font-medium">CTO</span> <span class="mx-1.5 text-neutral-600">â¢</span> Fintech Indonesia</div></div></div></div><!----></div></div><!--]--></div></div></div> <div class="mt-12 md:mt-16 flex items-center gap-4 max-w-md mx-auto md:mx-0"><div class="text-sm font-mono text-cyan-400 w-8">01</div> <div class="h-1 flex-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-gradient-to-r from-cyan-500 to-purple-500 transition-all duration-500" style="width: 20%"></div></div> <div class="text-sm font-mono text-neutral-400 w-8 text-right">05</div></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="harga" class="py-24 relative border-y border-white/5 bg-gradient-to-b from-neutral-900/50 to-black relative overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[1000px] h-[1000px] bg-purple-500/5 rounded-full blur-[120px] pointer-events-none -z-10"></div> <div class="text-center mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 mb-6 backdrop-blur-md"><i class="fas fa-tag text-cyan-400"></i> <span class="text-xs font-bold text-white tracking-wide uppercase">Simple Pricing</span></div> <h2 class="text-4xl md:text-6xl font-bold mb-6 text-white tracking-tight">Investasi Cerdas untuk <br class="hidden md:block"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-purple-400">Pertumbuhan Bisnis</span></h2> <p class="text-lg text-neutral-400 max-w-xl mx-auto mb-10">Mulai gratis dengan 100 credits/bulan. Upgrade saat Anda butuh lebih banyak power. Tanpa biaya tersembunyi.</p> <div class="inline-flex items-center p-1 rounded-full bg-white/5 border border-white/10 relative"><div class="absolute inset-0 bg-gradient-to-r from-cyan-500/10 to-purple-500/10 rounded-full opacity-50"></div> <button class="px-6 py-2 rounded-full text-sm font-medium transition-all duration-300 relative z-10 bg-white text-black shadow-lg">Bulanan</button> <button class="px-6 py-2 rounded-full text-sm font-medium transition-all duration-300 relative z-10 text-neutral-400 hover:text-white">Tahunan <span class="text-[10px] text-green-900 font-bold bg-green-300 px-1.5 py-0.5 rounded-full ml-1">2 Bulan Gratis</span></button></div></div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto items-start mb-6"><div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-green-500/30 transition-all duration-300 group h-full flex flex-col "><div class="absolute -top-3 left-1/2 -translate-x-1/2 px-3 py-1 rounded-full bg-green-500/20 border border-green-500/30 text-green-400 text-xs font-bold">GRATIS</div> <!--[!--><!--]--> <div class="mb-8 mt-4"><h3 class="text-xl font-bold text-white mb-2">Free</h3> <p class="text-neutral-400 text-sm">Coba gratis, cocok untuk eksplorasi.</p></div> <div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-4xl font-bold text-white">Gratis</span> <!--[!--><!--]--></div> <p class="text-xs text-neutral-400 mt-2">Selamanya gratis</p></div> <div class="space-y-4 flex-1 mb-8"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-green-500/50"></i> 100 Credits / bulan</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-green-500/50"></i> 1 Agent Bot</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-green-500/50"></i> 10 Knowledge Base</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-green-500/50"></i> 5 Actions</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-green-500/50"></i> Public Agents</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-green-500/50"></i> REST API Access</div><!--]--></div> <a href="/auth/register?plan=free" class="block w-full py-3 rounded-xl bg-green-500/10 hover:bg-green-500/20 border border-green-500/30 text-green-400 font-medium text-center transition-all mt-auto ">Mulai Gratis</a></div> <div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-white/10 transition-all duration-300 group h-full flex flex-col"><div class="mb-8"><h3 class="text-xl font-bold text-white mb-2">Starter</h3> <p class="text-neutral-400 text-sm">Untuk eksplorasi & bisnis kecil.</p></div> <div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-4xl font-bold text-white">Rp 99rb</span> <span class="text-neutral-400">/ bulan</span></div> <!--[!--><p class="text-xs text-neutral-400 mt-2">Tagihan per bulan</p><!--]--></div> <div class="space-y-4 flex-1 mb-8"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 750 Credits / bulan</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 3 Agent Bots</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 50 Knowledge Base</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 25 Actions</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> Public & Private Agents</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> Client Management</div><!--]--></div> <a href="/auth/register?plan=starter" class="block w-full py-3 rounded-xl bg-white/5 hover:bg-white/10 border border-white/5 text-white font-medium text-center transition-all mt-auto">Mulai Sekarang</a></div> <div class="relative p-8 rounded-[2rem] bg-[#1a1a1a] border border-purple-500/30 shadow-2xl shadow-purple-500/10 lg:scale-105 z-10 group h-full flex flex-col md:col-span-2 lg:col-span-1"><div class="absolute -top-4 left-1/2 -translate-x-1/2 px-4 py-1 rounded-full bg-gradient-to-r from-cyan-500 to-purple-500 text-xs font-bold text-white shadow-lg">PALING LARIS</div> <div class="mb-8"><h3 class="text-xl font-bold text-white mb-2">Professional</h3> <p class="text-neutral-400 text-sm">Untuk bisnis yang sedang bertumbuh.</p></div> <div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-5xl font-bold text-white">Rp 199rb</span> <span class="text-neutral-400">/ bulan</span></div> <!--[!--><p class="text-xs text-neutral-400 mt-2">Tagihan per bulan</p><!--]--></div> <div class="space-y-4 flex-1 mb-8"><!--[--><div class="flex items-center gap-3 text-sm text-white font-medium"><div class="w-5 h-5 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs"><i class="fas fa-check"></i></div> 1.750 Credits / bulan</div><div class="flex items-center gap-3 text-sm text-white font-medium"><div class="w-5 h-5 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs"><i class="fas fa-check"></i></div> 10 Agent Bots</div><div class="flex items-center gap-3 text-sm text-white font-medium"><div class="w-5 h-5 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs"><i class="fas fa-check"></i></div> 100 Knowledge Base</div><div class="flex items-center gap-3 text-sm text-white font-medium"><div class="w-5 h-5 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs"><i class="fas fa-check"></i></div> 50 Actions</div><div class="flex items-center gap-3 text-sm text-white font-medium"><div class="w-5 h-5 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs"><i class="fas fa-check"></i></div> Public & Private Agents</div><div class="flex items-center gap-3 text-sm text-white font-medium"><div class="w-5 h-5 rounded-full bg-purple-500/20 flex items-center justify-center text-purple-400 text-xs"><i class="fas fa-check"></i></div> Client Management</div><!--]--></div>
82 <a href="/auth/register?plan=professional" class="block w-full py-4 rounded-xl bg-gradient-to-r from-cyan-600 to-purple-600 hover:from-cyan-500 hover:to-purple-500 text-white font-bold text-center shadow-lg shadow-purple-500/25 transition-all hover:scale-[1.02] mt-auto">Pilih Paket</a></div> <div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-white/10 transition-all duration-300 group h-full flex flex-col"><div class="mb-8"><h3 class="text-xl font-bold text-white mb-2">Business</h3> <p class="text-neutral-400 text-sm">Untuk skala besar & tim.</p></div> <div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-4xl font-bold text-white">Rp 399rb</span> <span class="text-neutral-400">/ bulan</span></div> <!--[!--><p class="text-xs text-neutral-400 mt-2">Tagihan per bulan</p><!--]--></div> <div class="space-y-4 flex-1 mb-8"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 4.000 Credits / bulan</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 25 Agent Bots</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 250 Knowledge Base</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 125 Actions</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> Public & Private Agents</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> Priority Support</div><!--]--></div> <a href="/auth/register?plan=business" class="block w-full py-3 rounded-xl bg-white/5 hover:bg-white/10 border border-white/5 text-white font-medium text-center transition-all mt-auto">Pilih Paket</a></div> <div class="relative p-8 rounded-[2rem] bg-[#151515] border border-white/5 hover:border-white/10 transition-all duration-300 group h-full flex flex-col"><div class="mb-8"><h3 class="text-xl font-bold text-white mb-2">Enterprise</h3> <p class="text-neutral-400 text-sm">Untuk perusahaan dengan kebutuhan khusus.</p></div> <div class="mb-8"><div class="flex items-baseline gap-1"><span class="text-4xl font-bold text-white">Rp 799rb</span> <span class="text-neutral-400">/ bulan</span></div> <!--[!--><p class="text-xs text-neutral-400 mt-2">Tagihan per bulan</p><!--]--></div> <div class="space-y-4 flex-1 mb-8"><!--[--><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 10.000 Credits / bulan</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 50 Agent Bots</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 1000 Knowledge Base</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> 500 Actions</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> Public & Private Agents</div><div class="flex items-center gap-3 text-sm text-neutral-300"><i class="fas fa-check text-cyan-500/50"></i> Dedicated Support</div><!--]--></div> <a href="/contact?plan=enterprise" class="block w-full py-3 rounded-xl bg-white/5 hover:bg-white/10 border border-white/5 text-white font-medium text-center transition-all mt-auto">Hubungi Sales</a></div></div> <div class="max-w-4xl mx-auto mt-16 p-8 rounded-[2rem] bg-gradient-to-r from-neutral-900 to-neutral-800 border border-white/5 flex flex-col md:flex-row items-center justify-between gap-6"><div><h3 class="text-xl font-bold text-white mb-2">Butuh Kuota Lebih Besar?</h3> <p class="text-neutral-400 text-sm">Paket Enterprise dengan SLA 99.9%, Premium LLM, dan Dedicated Support.</p></div> <a href="/contact" class="px-6 py-3 rounded-xl bg-white text-black font-bold hover:bg-neutral-200 transition-colors whitespace-nowrap">Kontak Enterprise</a></div><!----></div> <!--[--><div class="absolute inset-0 z-0 pointer-events-none bg-[url('/grid.svg')] opacity-10"></div><!--]--></section><!----> <section id="faq" class="py-24 relative border-y border-white/5 bg-white/[0.02] "><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="max-w-4xl mx-auto"><div class="text-center mb-16"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/10 mb-6 backdrop-blur-md"><i class="fas fa-question-circle text-cyan-400"></i> <span class="text-xs font-bold text-white tracking-wide uppercase">FAQ</span></div> <h2 class="text-4xl md:text-5xl font-bold mb-6 text-white tracking-tight">Punya Pertanyaan? <br/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-blue-400">Kami Punya Jawaban.</span></h2> <p class="text-lg text-neutral-400">Hal-hal yang sering ditanyakan oleh calon pengguna seperti Anda.</p></div> <div class="grid gap-4"><!--[--><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/[0.07] border-cyan-500/30 shadow-lg shadow-cyan-500/5"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="true"><span class="font-bold text-lg transition-colors text-white">Apa itu Aksita.ai?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-cyan-500 text-white rotate-180"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[--><div><div class="px-6 pb-6 pt-0 text-neutral-300 leading-relaxed text-base border-t border-white/5 mt-2 pt-4"><!---->Aksita.ai adalah platform yang memungkinkan Anda membuat <strong>AI Agent cerdas</strong> yang dilatih khusus menggunakan data bisnis Anda sendiri (Sitemap, Website Crawling, Manual Text, URL, HTTP API) tanpa perlu coding. Agent Anda bisa menjawab pertanyaan dan menjalankan tugas otomatis seperti cek stok, buat order, atau kirim notifikasi.<!----></div></div><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa bedanya Agent Public dan Private?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa itu Persistent Context?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa itu Human Agent Dashboard?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa itu Knowledge Base dan Actions?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa bedanya Knowledge dan Action dari sisi user chat?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa itu Agent Tier (Base, Plus, Premium)?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Bisa integrasi ke WhatsApp atau aplikasi lain?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Berapa lama setup AI Agent?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Bagaimana cara menggunakan Additional Context per pesan?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">
82Bagaimana sistem kredit bekerja?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apakah data bisnis saya aman?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa yang terjadi jika kredit habis?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Bisa downgrade atau cancel paket?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Berapa lama proses training data?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apa batas karakter per knowledge base?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apakah URL resource bisa duplikat antar agent?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><div class="group border rounded-2xl transition-all duration-300 overflow-hidden bg-white/5 border-white/5 hover:border-white/10 hover:bg-white/[0.07]"><button class="w-full px-6 py-5 text-left flex justify-between items-center gap-4" aria-expanded="false"><span class="font-bold text-lg transition-colors text-neutral-200 group-hover:text-white">Apakah bisa custom domain untuk chat widget?</span> <span class="flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center transition-all duration-300 bg-white/10 text-neutral-400 group-hover:bg-white/20"><i class="fas fa-chevron-down text-xs"></i></span></button> <!--[!--><!--]--></div><!--]--></div> <div class="mt-16 p-8 rounded-3xl bg-gradient-to-r from-cyan-900/20 to-blue-900/20 border border-cyan-500/20 text-center relative overflow-hidden"><div class="absolute top-0 left-0 w-full h-full bg-[url('/grid.svg')] opacity-10"></div> <div class="relative z-10"><h3 class="text-xl font-bold text-white mb-2">Masih ada pertanyaan lain?</h3> <p class="text-neutral-400 mb-6">Tim support kami siap membantu Anda menjelaskan lebih detail.</p> <a href="/contact" class="inline-flex items-center gap-2 px-6 py-3 rounded-xl bg-white text-black font-bold hover:bg-neutral-200 transition-all"><i class="fas fa-comment-alt"></i> Hubungi Kami</a></div></div></div><!----></div> <!--[!--><!--]--></section><!----> <section id="" class="py-24 relative border-y border-white/5 bg-white/[0.02] py-32 !border-b-0 relative overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[1200px] h-[1200px] bg-gradient-to-b from-cyan-500/10 via-purple-500/10 to-transparent roun
82ded-full blur-[120px] pointer-events-none -z-10 svelte-uwnptm"></div> <div class="relative rounded-[3rem] overflow-hidden p-12 md:p-24 text-center border border-white/10 group svelte-uwnptm"><div class="absolute inset-0 bg-[#0a0a0a] z-0 svelte-uwnptm"></div> <div class="absolute inset-0 bg-gradient-to-br from-cyan-900/20 via-purple-900/20 to-transparent opacity-50 group-hover:opacity-70 transition-opacity duration-1000 z-0 svelte-uwnptm"></div> <div class="absolute inset-0 bg-[url('/grid.svg')] opacity-20 z-0 svelte-uwnptm"></div> <div class="absolute top-0 left-0 w-96 h-96 bg-cyan-500/20 blur-[120px] rounded-full mix-blend-screen animate-pulse-slow svelte-uwnptm"></div> <div class="absolute bottom-0 right-0 w-96 h-96 bg-purple-500/20 blur-[120px] rounded-full mix-blend-screen animate-pulse-slow delay-1000 svelte-uwnptm"></div> <div class="relative z-10 max-w-4xl mx-auto svelte-uwnptm"><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white/10 border border-white/10 mb-8 backdrop-blur-md svelte-uwnptm"><span class="relative flex h-2 w-2 svelte-uwnptm"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75 svelte-uwnptm"></span> <span class="relative inline-flex rounded-full h-2 w-2 bg-green-500 svelte-uwnptm"></span></span> <span class="text-xs font-bold text-white tracking-wide uppercase svelte-uwnptm">Limited Time Offer</span></div> <h2 class="text-5xl md:text-7xl font-extrabold mb-8 text-white tracking-tight leading-[1.1] svelte-uwnptm">Mulai Buat AI Assistant <br class="svelte-uwnptm"/> <span class="text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 via-white to-purple-400 svelte-uwnptm">Dalam 1 Menit.</span></h2> <p class="text-xl text-neutral-300 mb-12 max-w-2xl mx-auto leading-relaxed svelte-uwnptm"><!---->Bergabung dengan <strong>100+ bisnis visioner</strong> lainnya. Otomatisasi support, tingkatkan sales, dan hemat biaya operasional mulai hari ini.<!----></p> <div class="flex flex-col sm:flex-row justify-center gap-5 items-center svelte-uwnptm"><a href="/auth/register" class="w-full sm:w-auto px-10 py-5 rounded-2xl bg-white text-black font-bold text-lg hover:bg-cyan-50 hover:scale-105 transition-all shadow-[0_0_40px_rgba(255,255,255,0.3)] hover:shadow-[0_0_60px_rgba(6,182,212,0.4)] relative overflow-hidden group/btn svelte-uwnptm"><span class="relative z-10 svelte-uwnptm">Coba Gratis Sekarang</span> <div class="absolute inset-0 bg-gradient-to-r from-cyan-200 via-white to-cyan-200 opacity-0 group-hover/btn:opacity-50 transition-opacity duration-300 svelte-uwnptm"></div></a> <a href="/contact" class="w-full sm:w-auto px-10 py-5 rounded-2xl bg-black/40 text-white border border-white/10 font-bold text-lg hover:bg-black/60 hover:border-white/30 transition-all backdrop-blur-md flex items-center justify-center gap-3 group/secondary svelte-uwnptm"><span class="svelte-uwnptm">Jadwalkan Demo</span> <i class="fas fa-arrow-right text-sm group-hover/secondary:translate-x-1 transition-transform svelte-uwnptm"></i></a></div> <div class="mt-12 pt-10 border-t border-white/5 flex flex-wrap items-center justify-center gap-x-8 gap-y-4 text-sm text-neutral-400 svelte-uwnptm"><!--[--><div class="flex items-center gap-2 svelte-uwnptm"><i class="fas fa-check-circle text-green-500 svelte-uwnptm"></i> <span class="svelte-uwnptm">Tanpa Kartu Kredit</span></div><div class="flex items-center gap-2 svelte-uwnptm"><i class="fas fa-check-circle text-green-500 svelte-uwnptm"></i> <span class="svelte-uwnptm">Setup Instan</span></div><div class="flex items-center gap-2 svelte-uwnptm"><i class="fas fa-check-circle text-green-500 svelte-uwnptm"></i> <span class="svelte-uwnptm">Cancel Kapan Saja</span></div><!--]--></div></div></div><!----></div> <!--[!--><!--]--></section><!----> <footer class="bg-[#050505] pt-20 pb-10 border-t border-white/5"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16"><div class="lg:col-span-1"><a href="/" class="inline-block mb-6"><img src="/images/landing/logo aksita.png" alt="Aksita.ai" class="h-8 w-auto object-contain hover:scale-105 transition-transform duration-300"/></a> <p class="text-neutral-400 text-sm leading-relaxed mb-6">Platform pembuatan AI Assistant tanpa coding untuk bisnis Anda. Latih dengan data sendiri, deploy dalam hitungan menit.</p> <div class="flex gap-4"><a href="#" aria-label="Follow us on Twitter" class="w-10 h-10 rounded-full bg-white/5 border border-white/5 flex items-center justify-center text-neutral-400 hover:bg-white/10 hover:text-white hover:border-white/20 transition-all"><i class="fab fa-twitter"></i></a> <a href="#" aria-label="Connect on LinkedIn" class="w-10 h-10 rounded-full bg-white/5 border border-white/5 flex items-center justify-center text-neutral-400 hover:bg-white/10 hover:text-white hover:border-white/20 transition-all"><i class="fab fa-linkedin-in"></i></a> <a href="#" aria-label="View on GitHub" class="w-10 h-10 rounded-full bg-white/5 border border-white/5 flex items-center justify-center text-neutral-400 hover:bg-white/10 hover:text-white hover:border-white/20 transition-all"><i class="fab fa-github"></i></a></div></div> <div><h3 class="font-bold text-white mb-6">Product</h3> <ul class="space-y-4 text-sm text-neutral-400"><li><a href="#fitur" class="hover:text-cyan-400 transition-colors">Fitur</a></li> <li><a href="#harga" class="hover:text-cyan-400 transition-colors">Harga</a></li> <li><a href="#cara-kerja" class="hover:text-cyan-400 transition-colors">Cara Kerja</a></li> <li><a href="#" class="hover:text-cyan-400 transition-colors">Showcase</a></li> <li><a href="/changelog" class="hover:text-cyan-400 transition-colors">Changelog</a></li></ul></div> <div><h3 class="font-bold text-white mb-6">Resources</h3> <ul class="space-y-4 text-sm text-neutral-400"><li><a href="/tutorials" class="hover:text-cyan-400 transition-colors">
82Tutorial</a></li> <li><a href="/docs" class="hover:text-cyan-400 transition-colors">Documentation</a></li> <li><a href="/docs/introduction" class="hover:text-cyan-400 transition-colors">API Reference</a></li> <li><a href="https://t.me/aksitaai" target="_blank" rel="noopener noreferrer" class="hover:text-cyan-400 transition-colors inline-flex items-center gap-1">Community <i class="fas fa-external-link-alt text-xs"></i></a></li> <li><a href="/contact" class="hover:text-cyan-400 transition-colors">Pusat Bantuan</a></li></ul></div> <div><h3 class="font-bold text-white mb-6">Company</h3> <ul class="space-y-4 text-sm text-neutral-400"><li><a href="/about" class="hover:text-cyan-400 transition-colors">Tentang Kami</a></li> <li><a href="#" class="hover:text-cyan-400 transition-colors">Blog</a></li> <li><a href="/privacy" class="hover:text-cyan-400 transition-colors">Kebijakan Privasi</a></li> <li><a href="/terms" class="hover:text-cyan-400 transition-colors">Syarat Layanan</a></li> <li><a href="/contact" class="hover:text-cyan-400 transition-colors">Kontak</a></li></ul></div></div> <div class="pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-4"><div class="text-sm text-neutral-400">© 2026 Aksita.ai SaaS. Made with <i class="fas fa-heart text-red-500 mx-1"></i> in Indonesia.</div> <a href="/en" class="flex items-center gap-2 text-sm text-neutral-400 hover:text-white transition-colors"><i class="fas fa-globe"></i> English</a></div></div></footer><!----></div><!----><!--]--><!----><!----><!--]--> <!--[!--><!--]--><!--]--> 83 84
84<script> 85 { 86 __sveltekit_islel8 = { 87 base: new URL(".", location).pathname.slice(0, -1) 88 }; 89 90 const element = document.currentScript.parentElement; 91 92 Promise.all([ 93 import("./_app/immutable/entry/start.CxBLB8yZ.js"), 94 import("./_app/immutable/entry/app.D2Gnfk5W.js") 95 ]).then(([kit, app]) => { 96 kit.start(app, element, { 97 node_ids: [0, 10], 98 data: [null,null], 99 form: null, 100 error: null 101 }); 102 }); 103 } 104 </script>
104 105 </div> 106 </body> 107</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.