PageSourceSearch

https://gampangin.ai/

html gampangin.ai collected 2026-10-05 14:53:47 UTC 141,732 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/630a06ab6367d7e3.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/6533631418488856.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/10f6bad98d9cf887.js"/>
1<script src="/_next/static/chunks/9b4b8f043f4020b6.js" async=""></script>
1<script src="/_next/static/chunks/8ed9413006e3c197.js" async=""></script>
1<script src="/_next/static/chunks/a2c5089cbef3b92c.js" async=""></script>
1<script src="/_next/static/chunks/225ddc69c69eea07.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-6c9a97f428433948.js" async=""></script>
1<script src="/_next/static/chunks/d0b8996cb3d22274.js" async=""></script>
1<script src="/_next/static/chunks/127c9a1e25a8be3d.js" async=""></script>
1<script src="/_next/static/chunks/86f765a6dcd54b62.js" async=""></script>
1<script src="/_next/static/chunks/9907351f271f28d9.js" async=""></script>
1<script src="/_next/static/chunks/94752218b0e9f06e.js" async=""></script>
1<script src="/_next/static/chunks/156938a4fcf05933.js" async=""></script>
1<script src="/_next/static/chunks/e177fb73ee51a14f.js" async=""></script>
1<script src="/_next/static/chunks/41be88285d7c2975.js" async=""></script>
1<script src="/_next/static/chunks/3171657f35b8b67e.js" async=""></script>
1<script src="/_next/static/chunks/00147777cd470095.js" async=""></script>
1<script src="/_next/static/chunks/774b197bc5c76bbc.js" async=""></script>
1<script src="/_next/static/chunks/a54a2fe4703c7613.js" async=""></script>
1<script src="/_next/static/chunks/c0bebebe7a1602f5.js" async=""></script>
1<script src="/_next/static/chunks/2676e843c3cdc1e3.js" async=""></script>
1<script src="/_next/static/chunks/7d38fad655a8cdfc.js" async=""></script>
1<script src="/_next/static/chunks/0a9bed4ec9a1320c.js" async=""></script>
1<script src="/_next/static/chunks/d444293df3820868.js" async=""></script>
1<script src="/_next/static/chunks/74f1d5d673e54727.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Gampangin AI — Kelola Marketing &amp; Sales Pakai AI</title><meta name="description" content="Satu dashboard buat kelola marketing &amp; sales: landing page &amp; leads, iklan Meta &amp; Google, dan sosmed IG/YouTube/Facebook/TikTok. AI-nya baca data, kasih strategi, tulis copywriting, dan jaga akun kamu tiap hari."/><link rel="icon" href="/logo-icon.svg"/><link rel="apple-touch-icon" href="/logo-icon.svg"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geistsans_d5a4f12f-module__Ur3q_a__variable geistsans_d5a4f12f-module__Ur3q_a__className"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","light",null,["light","dark"],null,false,true)</script>
1<main class="relative min-h-screen overflow-x-clip scanlines"><div class="relative z-10"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent"><div class="mx-auto max-w-7xl px-4 sm:px-6 py-4"><nav class="flex items-center justify-between"><a class="group flex items-center gap-2.5" href="/"><img alt="Gampangin AI" width="160" height="40" decoding="async" data-nimg="1" class="hidden dark:block h-8 w-auto" style="color:transparent" src="/logos/SVG-Logo-02-GampanginAI-Text-White.svg"/><img alt="Gampangin AI" width="160" height="40" decoding="async" data-nimg="1" class="block dark:hidden h-8 w-auto" style="color:transparent" src="/logos/SVG-Logo-02-GampanginAI-Text-Black.svg"/><span class="sr-only">Gampangin AI</span></a><div class="hidden items-center gap-1 md:flex"><a class="relative px-4 py-2.5 font-mono text-xs uppercase tracking-widest transition-all duration-300 rounded-lg text-muted-foreground hover:text-foreground hover:bg-card" href="#cara-kerja"><span class="absolute left-1.5 text-primary transition-all duration-200 opacity-0 -translate-x-2">&gt;</span><span class="transition-transform duration-200">Cara kerja</span><span class="absolute bottom-1 left-1/2 -translate-x-1/2 h-0.5 bg-primary rounded-full transition-all duration-300 w-0"></span></a><a class="relative px-4 py-2.5 font-mono text-xs uppercase tracking-widest transition-all duration-300 rounded-lg text-muted-foreground hover:text-foreground hover:bg-card" href="#modul"><span class="absolute left-1.5 text-primary transition-all duration-200 opacity-0 -translate-x-2">&gt;</span><span class="transition-transform duration-200">Modul</span><span class="absolute bottom-1 left-1/2 -translate-x-1/2 h-0.5 bg-primary rounded-full transition-all duration-300 w-0"></span></a><a class="relative px-4 py-2.5 font-mono text-xs uppercase tracking-widest transition-all duration-300 rounded-lg text-muted-foreground hover:text-foreground hover:bg-card" href="#gamclaw"><span class="absolute left-1.5 text-primary transition-all duration-200 opacity-0 -translate-x-2">&gt;</span><span class="transition-transform duration-200">GamClaw</span><span class="absolute bottom-1 left-1/2 -translate-x-1/2 h-0.5 bg-primary rounded-full transition-all duration-300 w-0"></span></a><a class="relative px-4 py-2.5 font-mono text-xs uppercase tracking-widest transition-all duration-300 rounded-lg text-muted-foreground hover:text-foreground hover:bg-card" href="#faq"><span class="absolute left-1.5 text-primary transition-all duration-200 opacity-0 -translate-x-2">&gt;</span><span class="transition-transform duration-200">FAQ</span><span class="absolute bottom-1 left-1/2 -translate-x-1/2 h-0.5 bg-primary rounded-full transition-all duration-300 w-0"></span></a><a class="relative px-4 py-2.5 font-mono text-xs uppercase tracking-widest transition-all duration-300 rounded-lg text-muted-foreground hover:text-foreground hover:bg-card" href="#contact"><span class="absolute left-1.5 text-primary transition-all duration-200 opacity-0 -translate-x-2">&gt;</span><span class="transition-transform duration-200">Kontak</span><span class="absolute bottom-1 left-1/2 -translate-x-1/2 h-0.5 bg-primary rounded-full transition-all duration-300 w-0"></span></a></div><div class="flex items-center gap-4"><div class="hidden sm:flex"><button type="button" role="switch" aria-checked="true" aria-label="Mode saat ini Terang — klik buat ganti" class="group flex h-10 items-center justify-center rounded-xl px-2 transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background"><span aria-hidden="true" class="relative block h-11 w-[26px] rounded-full border p-[3px] border-border bg-gradient-to-b from-muted to-background shadow-[inset_0_1px_2px_hsl(var(--foreground)/0.12),inset_0_-1px_0_hsl(var(--background)/0.8)] dark:from-background dark:to-muted/50 dark:shadow-[inset_0_1px_3px_hsl(0_0%_0%/0.7),inset_0_-1px_0_hsl(var(--foreground)/0.06)] transition-colors duration-200 group-hover:from-muted/70 group-hover:to-background dark:group-hover:to-muted/80"><span class="absolute bottom-[7px] left-1/2 h-[2px] w-[8px] -translate-x-1/2 roun
1ded-full bg-primary transition-opacity duration-150 opacity-100"></span><span class="saklar-tuas absolute left-[3px] right-[3px] h-[22px] rounded-full bg-gradient-to-b from-card to-muted dark:bg-[linear-gradient(to_bottom,hsl(var(--foreground)/0.22),hsl(var(--foreground)/0.08)),linear-gradient(hsl(var(--card)),hsl(var(--card)))] top-[3px] shadow-[inset_0_1px_0_hsl(var(--background)),inset_0_-1px_0_hsl(var(--foreground)/0.12),0_2px_4px_hsl(var(--foreground)/0.28)] dark:shadow-[inset_0_1px_0_hsl(var(--foreground)/0.35),inset_0_-1px_0_hsl(0_0%_0%/0.4),0_2px_5px_hsl(0_0%_0%/0.7)]"></span></span></button></div><div class="hidden h-5 w-px bg-border sm:block"></div><div class="hidden items-center gap-3 sm:flex"><a class="px-4 py-2 font-mono text-xs uppercase tracking-widest text-muted-foreground hover:text-foreground transition-colors" href="https://app.gampangin.ai/login">Masuk</a><a class="group relative inline-flex items-center justify-center gap-2 overflow-hidden rounded-lg border border-primary bg-primary/10 px-5 py-2.5 font-mono text-xs uppercase tracking-widest text-primary transition-all duration-500 hover:bg-primary hover:text-primary-foreground" href="https://app.gampangin.ai/register"><span class="relative z-10">Daftar</span><span class="relative z-10 transition-transform duration-300 group-hover:translate-x-1">→</span><span class="absolute inset-0 -translate-x-full bg-primary transition-transform duration-500 group-hover:translate-x-0"></span></a></div><button class="flex h-10 w-10 items-center justify-center rounded-lg border border-border bg-card md:hidden transition-colors hover:bg-secondary" aria-label="Buka menu" aria-expanded="false"><div class="flex flex-col gap-1.5 w-5"><span class="h-0.5 bg-foreground transition-all duration-300 origin-center w-5"></span><span class="h-0.5 w-3.5 bg-foreground transition-all duration-300"></span><span class="h-0.5 bg-foreground transition-all duration-300 origin-center w-5"></span></div></button></div></nav><div class="transition-all duration-400 md:hidden bg-background max-h-0 opacity-0 overflow-hidden"><div class="flex flex-col gap-1 border-t border-border/50 pt-4"><a class="flex items-center gap-3 rounded-lg px-4 py-3.5 font-mono text-sm uppercase tracking-widest text-muted-foreground transition-all duration-200 active:bg-secondary hover:text-foreground hover:bg-card" style="animation-delay:0ms" href="#cara-kerja"><span class="text-primary">&gt;</span>Cara kerja</a><a class="flex items-center gap-3 rounded-lg px-4 py-3.5 font-mono text-sm uppercase tracking-widest text-muted-foreground transition-all duration-200 active:bg-secondary hover:text-foreground hover:bg-card" style="animation-delay:50ms" href="#modul"><span class="text-primary">&gt;</span>Modul</a><a class="flex items-center gap-3 rounded-lg px-4 py-3.5 font-mono text-sm uppercase tracking-widest text-muted-foreground transition-all duration-200 active:bg-secondary hover:text-foreground hover:bg-card" style="animation-delay:100ms" href="#gamclaw"><span class="text-primary">&gt;</span>GamClaw</a><a class="flex items-center gap-3 rounded-lg px-4 py-3.5 font-mono text-sm uppercase tracking-widest text-muted-foreground transition-all duration-200 active:bg-secondary hover:text-foreground hover:bg-card" style="animation-delay:150ms" href="#faq"><span class="text-primary">&gt;</span>FAQ</a><a class="flex items-center gap-3 rounded-lg px-4 py-3.5 font-mono text-sm uppercase tracking-widest text-muted-foreground transition-all duration-200 active:bg-secondary hover:text-foreground hover:bg-card" style="animation-delay:200ms" href="#contact"><span class="text-primary">&gt;</span>Kontak</a><div class="mt-3 flex items-center justify-between px-4 py-2 font-mono text-xs text-muted-foreground bg-muted rounded-lg mx-4"><span>tema</span><button type="button" role="switch" aria-checked="true" aria-label="Mode saat ini Terang — klik buat ganti" class="group flex h-10 items-center justify-center rounded-xl px-2 transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background"><span aria-hidden="true" class="relative block h-11 w-[26px] rounded-full border p-[3px] border-border bg-gradient-to-b from-muted to-background shadow-[inset_0_1px_2px_hsl(var(--foreground)/0.12),inset_0_-1px_0_hsl(var(--background)/0.8)] dark:from-background dark:to-muted/50 dark:shadow-[inset_0_1px_3px_hsl(0_0%_0%/0.7),inset_0_-1px_0_hsl(var(--foreground)/0.06)] transition-colors duration-200 group-hover:from-muted/70 group-hover:to-background dark:group-hover:to-muted/80"><span class="absolute bottom-[7px] left-1/2 h-[2px] w-[8px] -translate-x-1/2 roun
1ded-full bg-primary transition-opacity duration-150 opacity-100"></span><span class="saklar-tuas absolute left-[3px] right-[3px] h-[22px] rounded-full bg-gradient-to-b from-card to-muted dark:bg-[linear-gradient(to_bottom,hsl(var(--foreground)/0.22),hsl(var(--foreground)/0.08)),linear-gradient(hsl(var(--card)),hsl(var(--card)))] top-[3px] shadow-[inset_0_1px_0_hsl(var(--background)),inset_0_-1px_0_hsl(var(--foreground)/0.12),0_2px_4px_hsl(var(--foreground)/0.28)] dark:shadow-[inset_0_1px_0_hsl(var(--foreground)/0.35),inset_0_-1px_0_hsl(0_0%_0%/0.4),0_2px_5px_hsl(0_0%_0%/0.7)]"></span></span></button></div><div class="mt-4 flex flex-col gap-2 border-t border-border/50 pt-4 px-4"><a class="w-full py-3 text-center font-mono text-sm uppercase tracking-widest text-muted-foreground hover:text-foreground transition-colors rounded-lg border border-border" href="https://app.gampangin.ai/login">Masuk</a><a class="w-full py-3 text-center font-mono text-sm uppercase tracking-widest text-primary-foreground bg-primary rounded-lg hover:bg-primary/90 transition-colors" href="https://app.gampangin.ai/register">Daftar Gratis</a></div></div></div></div></header><section class="relative overflow-hidden px-4 pb-16 pt-28 sm:px-6 sm:pb-24 sm:pt-36"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 bg-[linear-gradient(to_right,hsl(var(--foreground)/0.045)_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--foreground)/0.045)_1px,transparent_1px)] bg-[size:48px_48px] [mask-image:radial-gradient(ellipse_70%_60%_at_50%_0%,black_30%,transparent_100%)]"></div><div class="mx-auto max-w-7xl"><div class="grid gap-12 lg:grid-cols-[1.05fr_1fr] lg:items-center lg:gap-16"><div class="space-y-7 sm:space-y-8"><p class="font-mono text-[11px] uppercase tracking-[0.25em] text-primary sm:text-xs sm:tracking-[0.3em]" style="opacity:0;transform:translateY(18px)">Platform marketing &amp; sales</p><h1 class="text-[2.25rem] font-bold leading-[1.08] tracking-tight sm:text-5xl lg:text-[3.5rem]" style="opacity:0;transform:translateY(18px)"><span class="sr-only">Gampangin AI — </span>Gampangin urusan<span class="block min-h-[2.16em] sm:min-h-[1.08em]"><span class="text-primary"></span><span aria-hidden="true" class="cursor-bar ml-1 inline-block h-[0.8em] w-[0.09em] translate-y-[0.1em] rounded-sm bg-primary"></span></span></h1><p class="max-w-xl text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg" style="opacity:0;transform:translateY(18px)">Kamu ngobrol, AI yang ngerjain — karena AI-nya punya akses ke data bisnis kamu. Order dari OrderOnline &amp; Scalev, iklan Meta &amp; Google, komentar sosmed, sampai laporan mingguan:<!-- --> <span class="font-medium text-foreground">semuanya ada di satu dashboard, dan GamClaw baca dari situ.</span></p><div class="flex flex-col gap-3 sm:flex-row sm:gap-4" style="opacity:0;transform:translateY(18px)"><a class="btn-utama group" href="https://app.gampangin.ai/register"><span>mulai gratis</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="btn-sekunder group" href="#modul"><span>lihat modul</span><span class="-translate-x-2 opacity-0 transition-all duration-300 group-hover:translate-x-0 group-hover:opacity-100">→</span></a></div><ul class="flex flex-wrap gap-x-6 gap-y-2 font-mono text-[11px] text-muted-foreground sm:text-xs" style="opacity:0;transform:translateY(18px)"><li class="flex items-center gap-2"><span class="h-1 w-1 rounded-full bg-primary" aria-hidden="true"></span>lead masuk dalam hitungan menit</li><li class="flex items-center gap-2"><span class="h-1 w-1 rounded-full bg-primary" aria-hidden="true"></span>Purchase ditembak saat benar-benar bayar</li><li class="flex items-center gap-2"><span class="h-1 w-1 rounded-full bg-primary" aria-hidden="true"></span>iklan terbit PAUSED, kamu yang review</li></ul></div><div class="relative" style="opacity:0;transform:translateY(24px) scale(0.98)"><div class="relative rounded-2xl border border-border/80 bg-card/80 glass shadow-[0_24px_80px_-32px_hsl(var(--foreground)/0.25)]"><div class="flex items-center gap-3 border-b border-border/60 px-4 py-3"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2.5 w-2.5 rounded-full bg-destructive/60"></span><span class="h-2.5 w-2.5 rounded-full bg-yellow-500/60"></span><span class="h-2.5 w-2.5 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2.5 py-0.5 font-mono text-[11px] text-muted-foreground">terminal://gampangin</span><span class="w-12" aria-hidden="true"></span></div><div class="min-h-[300px] px-4 py-4 font-mono text-[12px] leading-relaxed sm:min-h-[340px] sm:px-6 sm:py-5 sm:text-[13px]"><p class="text-foreground"><span class="text-primary">$</span> <span class="typing-cursor"></span></p>
1<ul class="mt-3 space-y-1.5" aria-live="polite"></ul></div></div><div aria-hidden="true" class="absolute -z-10 left-1/2 top-1/2 h-[110%] w-[110%] -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary/10 blur-3xl"></div></div></div></div></section><section id="cara-kerja" class="scroll-mt-24 border-t border-border/40 px-4 py-20 sm:px-6 sm:py-28"><div class="mx-auto max-w-7xl"><div class="space-y-3 sm:space-y-4 max-w-2xl" style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary ">Cara kerjanya</p><h2 class="text-balance text-3xl font-bold tracking-tight sm:text-4xl lg:text-[2.75rem] lg:leading-[1.1]">Tiga langkah, dan sisanya dikerjain dari dalam</h2><p class="text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg">Bukan chatbot yang nempel di pinggir. AI-nya duduk di atas data yang sama dengan kamu.</p></div><div class="relative mt-14" style="opacity:0;transform:translateY(16px)"><span aria-hidden="true" class="absolute left-0 right-0 top-[22px] hidden h-px bg-border md:block"></span><ol class="grid grid-cols-1 gap-y-12 md:grid-cols-3 md:gap-x-10 md:gap-y-0"><li class="relative pl-6 md:pl-0" style="opacity:0;transform:translateY(16px)"><span aria-hidden="true" class="absolute bottom-0 left-0 top-1 w-px bg-border md:hidden"></span><span aria-hidden="true" class="absolute left-0 top-1 h-3 w-px bg-primary md:hidden"></span><div class="flex items-center gap-3"><span class="font-mono text-[11px] tracking-[0.2em] text-muted-foreground">01</span><span aria-hidden="true" class="hidden h-2 w-2 rounded-full border border-primary bg-background md:block"></span></div><div class="mt-5 md:mt-7"><div data-batu="1" class="relative flex min-h-[280px] flex-col overflow-hidden rounded-2xl border border-border/80 bg-card/80 glass shadow-[0_24px_60px_-32px_hsl(var(--foreground)/0.25)]"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">integrasi</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><ul class="flex flex-1 flex-col justify-between gap-1.5"><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="min-w-0 flex-1 leading-tight"><span class="block truncate text-[12.5px] font-medium">OrderOnline</span><span class="block truncate text-[11px] text-muted-foreground">lead &amp; status bayar</span></span><span class="hidden shrink-0 font-mono text-[10px] text-primary sm:block">sinkron · 2 mnt lalu</span><span aria-hidden="true" class="relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors border-primary/40 bg-primary"><span class="h-3 w-3 rounded-full bg-white shadow-sm transition-transform translate-x-[13px]"></span></span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="min-w-0 flex-1 leading-tight"><span class="block truncate text-[12.5px] font-medium">Scalev</span><span class="block truncate text-[11px] text-muted-foreground">order &amp; pembayaran</span></span><span class="hidden shrink-0 font-mono text-[10px] text-primary sm:block">sinkron · 5 mnt lalu</span><span aria-hidden="true" class="relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors border-primary/40 bg-primary"><span class="h-3 w-3 rounded-full bg-white shadow-sm transition-transform translate-x-[13px]"></span></span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="min-w-0 flex-1 leading-tight"><span class="block truncate text-[12.5px] font-medium">Meta Ads</span><span class="block truncate text-[11px] text-muted-foreground">3 Business Manager</span></span><span class="hidden shrink-0 font-mono text-[10px] text-primary sm:block">CAPI aktif</span><span aria-hidden="true" class="relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors border-primary/40 bg-primary"><span class="h-3 w-3 rounded-full bg-white shadow-sm transition-transform translate-x-[13px]"></span></span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="min-w-0 flex-1 leading-tight"><span class="block truncate text-[12.5px] font-medium">Google Ads</span><span class="block truncate text-[11px] text-muted-foreground">conversion upload</span></span><span class="hidden shrink-0 font-mono text-[10px] text-primary sm:block">sinkron · 1 jam lalu</span><span aria-hidden="true" class="relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors border-primary/40 bg-primary"><span class="h-3 w-3 rounded-full bg-white shadow-sm transition-transform translate-x-[13px]"></span></span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="min-w-0 flex-1 leading-tight"><span class="block truncate text-[12.5px] font-medium">Midtrans</span><span class="block truncate text-[11px] text-muted-foreground">VA BCA · QRIS · e-wallet</span></span><span class="hidden shrink-0 font-mono text-[10px] text-primary sm:block">checkout aktif</span><span aria-hidden="true" class="relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors border-primary/40 bg-primary"><span class="h-3 w-3 rounded-full bg-white shadow-sm transition-transform translate-x-[13px]"></span></span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-3.5 w-3.5" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg></span><span class="min-w-0 flex-1 leading-tight"><span class="block truncate text-[12.5px] font-medium">IG · FB · YouTube · TikTok</span><span class="block truncate text-[11px] text-muted-foreground">komentar &amp; auto-reply</span></span><span class="hidden shrink-0 font-mono text-[10px] text-primary sm:block">4 akun dijaga</span><span aria-hidden="true" class="relative inline-flex h-4 w-7 shrink-0 items-center rounded-full border transition-colors border-primary/40 bg-primary"><span class="h-3 w-3 rounded-full bg-white shadow-sm transition-transform translate-x-[13px]"></span></span></li></ul></div></div></div><h3 class="mt-6 text-balance text-xl font-semibold tracking-tight">Sambungkan yang sudah kamu pakai</h3><p class="mt-3 max-w-[38ch] text-pretty text-[15px] leading-relaxed text-muted-foreground">OrderOnline, Scalev, Meta Ads, Google Ads, Midtrans, dan akun sosmed. Tidak perlu pindah alat — Gampangin narik datanya.</p><dl class="mt-6 space-y-2 border-t border-border/60 pt-4"><div class="flex items-baseline justify-between gap-3 text-[13px]"><dt class="text-muted-foreground">lead &amp; status bayar</dt><dd class="text-right font-mono text-foreground">sinkron otomatis</dd></div><div class="flex items-baseline justify-between gap-3 text-[13px]"><dt class="text-muted-foreground">pixel &amp; CAPI</dt><dd class="text-right font-mono text-foreground">tanpa pasang ulang</dd></div></dl></li><li class="relative pl-6 md:pl-0" style="opacity:0;transform:translateY(16px)"><span aria-hidden="true" class="absolute bottom-0 left-0 top-1 w-px bg-border md:hidden"></span><span aria-hidden="true" class="absolute left-0 top-1 h-3 w-px bg-primary md:hidden"></span><div class="flex items-center gap-3"><span class="font-mono text-[11px] tracking-[0.2em] text-muted-foreground">02</span><span aria-hidden="true" class="hidden h-2 w-2 rounded-full border border-primary bg-background md:block"></span></div><div class="mt-5 md:mt-7"><div data-batu="1" class="relative flex min-h-[280px] flex-col overflow-hidden rounded-2xl border border-border/80 bg-card/80 glass shadow-[0_24px_60px_-32px_hsl(var(--foreground)/0.25)]"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">dashboard · 14 hari</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><div class="grid grid-cols-2 gap-2"><div class="rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><p class="truncate text-[10.5px] text-muted-foreground">
1Total gross revenue</p><p class="mt-0.5 font-mono text-[15px] font-semibold tracking-tight text-foreground">Rp 148,2 jt</p><p class="mt-0.5 font-mono text-[10px] text-primary">+12,4%</p></div><div class="rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><p class="truncate text-[10.5px] text-muted-foreground">Total order masuk</p><p class="mt-0.5 font-mono text-[15px] font-semibold tracking-tight text-foreground">1.284</p><p class="mt-0.5 font-mono text-[10px] text-primary">+8,1%</p></div><div class="rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><p class="truncate text-[10.5px] text-muted-foreground">Total paid</p><p class="mt-0.5 font-mono text-[15px] font-semibold tracking-tight text-foreground">1.097</p><p class="mt-0.5 font-mono text-[10px] text-primary">85,4% dari order</p></div><div class="rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><p class="truncate text-[10.5px] text-muted-foreground">Total ads spent</p><p class="mt-0.5 font-mono text-[15px] font-semibold tracking-tight text-foreground">Rp 31,6 jt</p><p class="mt-0.5 font-mono text-[10px] text-primary">ROAS 4,7×</p></div></div><div class="mt-3 flex flex-1 flex-col justify-end rounded-lg border border-border/60 bg-background/50 px-3 pb-2 pt-2.5"><div class="flex items-baseline justify-between"><span class="text-[10.5px] text-muted-foreground">Gross revenue / hari</span><span class="font-mono text-[10px] text-muted-foreground">Rp 7,8 jt → Rp 13,8 jt</span></div><svg viewBox="0 0 320 64" class="h-16 w-full" preserveAspectRatio="none" aria-hidden="true"><defs><linearGradient id="gmp-spark" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="hsl(var(--primary))" stop-opacity="0.28"></stop><stop offset="100%" stop-color="hsl(var(--primary))" stop-opacity="0"></stop></linearGradient></defs><path d="M0.0 51.5 L24.6 46.7 L49.2 41.0 L73.8 48.3 L98.5 35.4 L123.1 28.9 L147.7 38.6 L172.3 26.5 L196.9 20.0 L221.5 24.0 L246.2 14.3 L270.8 8.7 L295.4 15.9 L320.0 3.0 L320 64 L0 64 Z" fill="url(#gmp-spark)"></path><path d="M0.0 51.5 L24.6 46.7 L49.2 41.0 L73.8 48.3 L98.5 35.4 L123.1 28.9 L147.7 38.6 L172.3 26.5 L196.9 20.0 L221.5 24.0 L246.2 14.3 L270.8 8.7 L295.4 15.9 L320.0 3.0" fill="none" stroke="hsl(var(--primary))" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" vector-effect="non-scaling-stroke"></path><circle cx="320" cy="3" r="3" fill="hsl(var(--primary))"></circle></svg></div></div></div></div><h3 class="mt-6 text-balance text-xl font-semibold tracking-tight">Semua ngumpul di satu dashboard</h3><p class="mt-3 max-w-[38ch] text-pretty text-[15px] leading-relaxed text-muted-foreground">Omzet &amp; order, CPL/CPR per project, komentar yang belum dibalas, saldo kartu iklan. Satu layar, satu periode, satu sumber kebenaran.</p><dl class="mt-6 space-y-2 border-t border-border/60 pt-4"><div class="flex items-baseline justify-between gap-3 text-[13px]"><dt class="text-muted-foreground">lead baru → CRM</dt><dd class="text-right font-mono text-foreground">hitungan menit</dd></div><div class="flex items-baseline justify-between gap-3 text-[13px]"><dt class="text-muted-foreground">Purchase → Meta CAPI</dt><dd class="text-right font-mono text-foreground">saat benar-benar bayar</dd></div></dl></li><li class="relative pl-6 md:pl-0" style="opacity:0;transform:translateY(16px)"><span aria-hidden="true" class="absolute bottom-0 left-0 top-1 w-px bg-border md:hidden"></span><span aria-hidden="true" class="absolute left-0 top-1 h-3 w-px bg-primary md:hidden"></span><div class="flex items-center gap-3"><span class="font-mono text-[11px] tracking-[0.2em] text-muted-foreground">03</span><span aria-hidden="true" class="hidden h-2 w-2 rounded-full border border-primary bg-background md:block"></span></div><div class="mt-5 md:mt-7"><div data-batu="1" class="relative flex min-h-[280px] flex-col overflow-hidden rounded-2xl border border-border/80 bg-card/80 glass shadow-[0_24px_60px_-32px_hsl(var(--foreground)/0.25)]"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">gamclaw · konteks: /store · 7 hari</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><div class="flex flex-1 flex-col justify-between gap-3 text-[12.5px] leading-relaxed"><div class="flex justify-end"><p class="max-w-[88%] rounded-xl rounded-br-sm border border-primary/30 bg-primary/15 px-3 py-2 text-foreground">Order yang belum bayar lebih dari 24 jam, bagi ke tim follow-up per sales.</p></div><div class="space-y-1 pl-0.5 font-mono text-[10.5px] text-muted-foreground"><p><span class="text-primary">→</span>
1 store.orders <span class="text-muted-foreground/70">status=unpaid, umur&gt;24j</span></p><p><span class="text-primary">→</span> store.followup_script <span class="text-muted-foreground/70">tahap=1 + tombol WA</span></p><p><span class="text-primary">→</span> laporan.sheets <span class="text-muted-foreground/70">bagi per sales</span></p></div><div class="max-w-[94%] rounded-xl rounded-bl-sm border border-border/70 bg-background/60 px-3 py-2"><p>Ada <span class="font-mono font-medium">63</span> order belum bayar &gt; 24 jam. Sudah aku bagi ke 4 sales di Google Sheets, tiap baris ada tombol WA dengan script tahap 1.</p><p class="mt-1.5 font-mono text-[10.5px] text-muted-foreground">Kirim link-nya ke Telegram tim sekarang?</p></div><div class="flex items-center gap-2"><span class="flex-1 rounded-md border border-border bg-background/60 px-2.5 py-1.5 font-mono text-[10.5px] text-muted-foreground">ya, kirim…</span><span class="rounded-md bg-primary px-2.5 py-1.5 font-mono text-[10.5px] text-primary-foreground" aria-hidden="true">kirim</span></div></div></div></div></div><h3 class="mt-6 text-balance text-xl font-semibold tracking-tight">Ngobrol, GamClaw yang ngerjain</h3><p class="mt-3 max-w-[38ch] text-pretty text-[15px] leading-relaxed text-muted-foreground">Tanya performa, minta laporan, suruh buat iklan. GamClaw baca konteks halaman yang lagi kamu buka dan punya tools ke tiap modul.</p><dl class="mt-6 space-y-2 border-t border-border/60 pt-4"><div class="flex items-baseline justify-between gap-3 text-[13px]"><dt class="text-muted-foreground">iklan baru</dt><dd class="text-right font-mono text-foreground">terbit PAUSED, kamu review</dd></div><div class="flex items-baseline justify-between gap-3 text-[13px]"><dt class="text-muted-foreground">laporan</dt><dd class="text-right font-mono text-foreground">Google Sheets / Slides</dd></div></dl></li></ol></div></div></section><section id="modul" class="scroll-mt-24 border-t border-border/40 px-4 py-20 sm:px-6 sm:py-28"><div class="mx-auto max-w-7xl"><div class="flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between"><div class="space-y-3 sm:space-y-4 max-w-2xl" style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary ">Modul</p><h2 class="text-balance text-3xl font-bold tracking-tight sm:text-4xl lg:text-[2.75rem] lg:leading-[1.1]">Yang benar-benar ada di dalam</h2><p class="text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg">Lima modul inti yang saling baca data. Tidak ada yang masih &#x27;segera hadir&#x27; di daftar ini.</p></div><div class="shrink-0" style="opacity:0;transform:translateY(16px)"><div class="inline-flex items-center gap-2 rounded-full border border-border bg-card/60 px-3.5 py-1.5 font-mono text-[11px] text-muted-foreground"><span class="h-1.5 w-1.5 rounded-full bg-primary" aria-hidden="true"></span>semua modul live</div></div></div><div class="mt-12 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><article class="group relative flex flex-col rounded-2xl border border-border/70 bg-card/70 p-6 transition-[border-color,box-shadow,transform] duration-300 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-[0_20px_50px_-30px_hsl(var(--primary)/0.45)] sm:p-7 lg:col-span-2" style="opacity:0;transform:translateY(16px)"><div class="flex items-start justify-between gap-4"><div class="flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-background transition-colors duration-300 group-hover:border-primary/50 group-hover:bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shopping-bag h-5 w-5 text-foreground transition-colors duration-300 group-hover:text-primary" aria-hidden="true"><path d="M16 10a4 4 0 0 1-8 0"></path><path d="M3.103 6.034h17.794"></path><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"></path></svg></div><a class="inline-flex items-center gap-1 rounded-md font-mono text-[11px] text-muted-foreground transition-colors hover:text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" href="https://app.gampangin.ai/store">buka<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-5 grid gap-5 md:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] md:grid-rows-[auto_1fr] md:items-start"><div><h3 class="text-xl font-semibold tracking-tight">Store &amp; Sales</h3><p class="mt-1.5 text-pretty text-[15px] leading-relaxed text-muted-foreground">Order, lead, dan checkout — sinkron dari alat yang sudah kamu pakai.</p></div><div class="md:col-start-2 md:row-span-2 md:row-start-1"><div data-batu="1" class="relative flex flex-col overflow-hidden rounded-2xl border border-border/80 glass min-h-[220px] bg-background/70 shadow-none"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">pesanan · hari ini</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><div class="mb-2.5 flex items-center gap-2 rounded-md border border-primary/30 bg-primary/10 px-2.5 py-1.5 font-mono text-[10.5px] text-primary"><span class="h-1.5 w-1.5 rounded-full bg-primary" aria-hidden="true"></span>1 pesanan baru masuk dari OrderOnline · 2 mnt lalu</div><table class="w-full table-fixed border-separate border-spacing-y-1 text-[11.5px]"><thead><tr class="font-mono text-[9.5px] uppercase tracking-wider text-muted-foreground"><th class="w-[36%] text-left font-normal">pesanan</th><th class="w-[17%] text-left font-normal">sumber</th><th class="w-[17%] text-left font-normal">bayar</th><th class="text-right font-normal">follow-up</th></tr></thead><tbody><tr class="rounded-md bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate whitespace-nowrap font-medium">
1Rina S.</span><span class="block truncate whitespace-nowrap text-[10px] text-muted-foreground">Kelas Scalping Pemula</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">OO</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">paid</span></td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5"><span class="flex items-center justify-end gap-[3px]"><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">W</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">1</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">2</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">3</span><span class="ml-1 flex h-4 items-center gap-1 rounded-sm bg-emerald-500/15 px-1.5 font-mono text-[9px] text-emerald-700 dark:text-emerald-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-2.5 w-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WA</span></span></td></tr><tr class="rounded-md bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate whitespace-nowrap font-medium">Budi H.</span><span class="block truncate whitespace-nowrap text-[10px] text-muted-foreground">Bundle Indikator</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">Scalev</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-amber-500/15 text-amber-700 dark:text-amber-300">unpaid</span></td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5"><span class="flex items-center justify-end gap-[3px]"><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">W</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">1</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-muted text-muted-foreground/70">2</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-muted text-muted-foreground/70">3</span><span class="ml-1 flex h-4 items-center gap-1 rounded-sm bg-emerald-500/15 px-1.5 font-mono text-[9px] text-emerald-700 dark:text-emerald-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-2.5 w-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WA</span></span></td></tr><tr class="rounded-md bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate whitespace-nowrap font-medium">Dewi K.</span><span class="block truncate whitespace-nowrap text-[10px] text-muted-foreground">Webinar 15 Sep</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">OO</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">paid</span></td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5"><span class="flex items-center justify-end gap-[3px]"><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">W</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">1</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">2</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-muted text-muted-foreground
1/70">3</span><span class="ml-1 flex h-4 items-center gap-1 rounded-sm bg-emerald-500/15 px-1.5 font-mono text-[9px] text-emerald-700 dark:text-emerald-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-2.5 w-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WA</span></span></td></tr><tr class="rounded-md bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate whitespace-nowrap font-medium">Agus P.</span><span class="block truncate whitespace-nowrap text-[10px] text-muted-foreground">Ebook Fibo</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">OO</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-amber-500/15 text-amber-700 dark:text-amber-300">unpaid</span></td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5"><span class="flex items-center justify-end gap-[3px]"><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">W</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-muted text-muted-foreground/70">1</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-muted text-muted-foreground/70">2</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-muted text-muted-foreground/70">3</span><span class="ml-1 flex h-4 items-center gap-1 rounded-sm bg-emerald-500/15 px-1.5 font-mono text-[9px] text-emerald-700 dark:text-emerald-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-2.5 w-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WA</span></span></td></tr><tr class="rounded-md bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate whitespace-nowrap font-medium">Sari M.</span><span class="block truncate whitespace-nowrap text-[10px] text-muted-foreground">Kelas Lanjutan</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">Scalev</span></td><td class="whitespace-nowrap px-2 py-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">paid</span></td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5"><span class="flex items-center justify-end gap-[3px]"><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">W</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">1</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">2</span><span class="hidden h-4 w-4 items-center justify-center rounded-sm font-mono text-[9px] sm:flex bg-primary/20 text-primary">3</span><span class="ml-1 flex h-4 items-center gap-1 rounded-sm bg-emerald-500/15 px-1.5 font-mono text-[9px] text-emerald-700 dark:text-emerald-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-2.5 w-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg>WA</span></span></td></tr></tbody></table></div></div></div><ul class="grid gap-2.5 text-[13.5px] leading-relaxed md:col-start-1"><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span>
1<span class="text-foreground/90">Dashboard omzet &amp; order; produk dan pesanan dalam satu tempat</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Lead CRM sinkron otomatis dari OrderOnline &amp; Scalev — masuk dalam hitungan menit, status bayar ikut ter-update</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Halaman checkout sendiri (VA BCA, QRIS, e-wallet via Midtrans) yang mewarisi jejak iklan ke tiap order</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Script follow-up + tombol WhatsApp per tahap, pembagian sales per produk</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Webhook checkout.paid untuk partner</span></li></ul></div><span aria-hidden="true" class="absolute bottom-0 left-6 right-6 h-px scale-x-0 bg-gradient-to-r from-primary via-primary/60 to-transparent transition-transform duration-500 ease-out group-hover:scale-x-100 [transform-origin:left]"></span></article><article class="group relative flex flex-col rounded-2xl border border-border/70 bg-card/70 p-6 transition-[border-color,box-shadow,transform] duration-300 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-[0_20px_50px_-30px_hsl(var(--primary)/0.45)] sm:p-7" style="opacity:0;transform:translateY(16px)"><div class="flex items-start justify-between gap-4"><div class="flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-background transition-colors duration-300 group-hover:border-primary/50 group-hover:bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-template h-5 w-5 text-foreground transition-colors duration-300 group-hover:text-primary" aria-hidden="true"><rect width="18" height="7" x="3" y="3" rx="1"></rect><rect width="9" height="7" x="3" y="14" rx="1"></rect><rect width="5" height="7" x="16" y="14" rx="1"></rect></svg></div><a class="inline-flex items-center gap-1 rounded-md font-mono text-[11px] text-muted-foreground transition-colors hover:text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" href="https://app.gampangin.ai/store/pages">buka<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-5 grid gap-5"><div><h3 class="text-xl font-semibold tracking-tight">Landing Page</h3><p class="mt-1.5 text-pretty text-[15px] leading-relaxed text-muted-foreground">Builder dengan editor blok, dari template sampai domain sendiri.</p></div><div class=""><div data-batu="1" class="relative flex flex-col overflow-hidden rounded-2xl border border-border/80 glass min-h-[220px] bg-background/70 shadow-none"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">editor · promo.tokokamu.id</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><div class="grid flex-1 grid-cols-[1.4fr_1fr] gap-2.5"><div class="flex flex-col gap-1.5 rounded-lg border border-border/70 bg-card/70 p-2"><div class="rounded-md border border-primary/40 bg-primary/5 p-2">
1<span class="block rounded-full h-2 w-3/4 bg-foreground/35"></span><span class="block rounded-full h-1.5 w-1/2 mt-1 bg-foreground/15"></span><span class="mt-1.5 inline-block rounded bg-primary px-1.5 py-[2px] font-mono text-[8px] text-primary-foreground">daftar</span></div><div class="rounded-md border border-border/70 p-2"><p class="font-mono text-[9px] text-muted-foreground line-through">Rp 497.000</p><p class="font-mono text-[12px] font-semibold text-foreground">Rp 297.000</p></div><div class="flex gap-1.5 rounded-md border border-border/70 p-2"><span class="h-4 w-4 shrink-0 rounded-full bg-foreground/15" aria-hidden="true"></span><span class="flex-1 space-y-1"><span class="block rounded-full h-1.5 w-full bg-foreground/15"></span><span class="block rounded-full h-1.5 w-2/3 bg-foreground/15"></span></span></div></div><div class="flex flex-col rounded-lg border border-border/70 bg-card/70 p-2"><p class="font-mono text-[9px] uppercase tracking-wider text-muted-foreground">blok</p><ul class="mt-1.5 space-y-1"><li class="flex items-center justify-between rounded px-1.5 py-1 text-[10.5px] bg-primary/10 text-primary">Hero<span class="font-mono text-[9px] text-muted-foreground">⋮⋮</span></li><li class="flex items-center justify-between rounded px-1.5 py-1 text-[10.5px] text-foreground/85">Video ringan<span class="font-mono text-[9px] text-muted-foreground">⋮⋮</span></li><li class="flex items-center justify-between rounded px-1.5 py-1 text-[10.5px] text-foreground/85">Harga<span class="font-mono text-[9px] text-muted-foreground">⋮⋮</span></li><li class="flex items-center justify-between rounded px-1.5 py-1 text-[10.5px] text-foreground/85">Testimoni<span class="font-mono text-[9px] text-muted-foreground">⋮⋮</span></li><li class="flex items-center justify-between rounded px-1.5 py-1 text-[10.5px] text-foreground/85">Form<span class="font-mono text-[9px] text-muted-foreground">⋮⋮</span></li></ul><div class="mt-auto pt-2"><p class="font-mono text-[9px] uppercase tracking-wider text-muted-foreground">varian</p><div class="mt-1 flex gap-1"><span class="rounded bg-primary px-2 py-[2px] font-mono text-[9px] text-primary-foreground">A · 52%</span><span class="rounded bg-muted px-2 py-[2px] font-mono text-[9px] text-muted-foreground">B · 48%</span></div></div></div></div><div class="mt-2.5 flex flex-wrap gap-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">domain kustom</span><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">harga ikut OrderOnline</span><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">UTM → checkout</span></div></div></div></div><ul class="grid gap-2.5 text-[13.5px] leading-relaxed"><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Blok hero, video ringan, harga, testimoni</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Domain kustom, varian A/B</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Harga otomatis ikut OrderOnline</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">UTM diteruskan sampai checkout</span></li></ul></div><span aria-hidden="true" class="absolute bottom-0 left-6 right-6 h-px scale-x-0 bg-gradient-to-r from-primary via-primary/60 to-transparent transition-transform duration-500 ease-out group-hover:scale-x-100 [transform-origin:left]"></span></article><article class="group relative flex flex-col rounded-2xl border border-border/70 bg-card/70 p-6 transition-[border-color,box-shadow,transform] duration-300 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-[0_20px_50px_-30px_hsl(var(--primary)/0.45)] sm:p-7 lg:col-span-2" style="opacity:0;transform:translateY(16px)"><div class="flex items-start justify-between gap-4"><div class="flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-background transition-colors duration-300 group-hover:border-primary/50 group-hover:bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-5 w-5 text-foreground transition-colors duration-300 group-hover:text-primary" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><a class="inline-flex items-center gap-1 rounded-md font-mono text-[11px] text-muted-foreground transition-colors hover:text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" href="https://app.gampangin.ai/ads">buka<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-5 grid gap-5 md:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)] md:grid-rows-[auto_1fr] md:items-start"><div><h3 class="text-xl font-semibold tracking-tight">Ads Manager</h3><p class="mt-1.5 text-pretty text-[15px] leading-relaxed text-muted-foreground">Meta &amp; Google dalam satu layar, dari CPL sampai billing.</p></div><div class="md:col-start-2 md:row-span-2 md:row-start-1"><div data-batu="1" class="relative flex flex-col overflow-hidden rounded-2xl border border-border/80 glass min-h-[220px] bg-background/70 shadow-none"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">ads manager · Meta + Google · 7 hari</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><table class="w-full table-fixed border-separate border-spacing-y-1 text-[11.5px]"><thead><tr class="font-mono text-[9.5px] uppercase tracking-wider text-muted-foreground"><th class="w-[33%] text-left font-normal">campaign</th><th class="w-[21%] text-right font-normal">spend</th><th class="hidden w-[19%] text-right font-normal sm:table-cell">CPL</th><th class="w-[10%] text-right font-normal">lead</th><th class="text-right font-normal">status</th></tr></thead><tbody><tr class="bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate font-medium">SJ · Kelas Pemula · Adv+</span><span class="font-mono text-[9.5px] text-muted-foreground">Meta</span></td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">Rp 4,2 jt</td><td class="hidden whitespace-nowrap px-1.5 py-1.5 text-right font-mono sm:table-cell">Rp 18 rb</td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">233</td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5 text-right"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">ACTIVE</span></td></tr><tr class="bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate font-medium">FBM · Golden Net · Retarget</span><span class="font-mono text-[9.5px] text-muted-foreground">Meta</span></td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">Rp 1,8 jt</td><td class="hidden whitespace-nowrap px-1.5 py-1.5 text-right font-mono sm:table-cell">Rp 24 rb</td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">75</td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5 text-right"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">ACTIVE</span></td></tr><tr class="bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate font-medium">PTM · Webinar Sep · Broad</span><span class="font-mono text-[9.5px] text-muted-foreground">Meta</span></td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">—</td><td class="hidden whitespace-nowrap px-1.5 py-1.5 text-right font-mono sm:table-cell">—</td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">—</td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5 text-right"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">PAUSED</span></td></tr><tr class="bg-card/70"><td class="rounded-l-md px-2 py-1.5"><span class="block truncate font-medium">Brand · Search</span><span class="font-mono text-[9.5px] text-muted-foreground">Google</span></td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">Rp 640 rb</td><td class="hidden whitespace-nowrap px-1.5 py-1.5 text-right font-mono sm:table-cell">Rp 12 rb</td><td class="whitespace-nowrap px-1.5 py-1.5 text-right font-mono">53</td><td class="whitespace-nowrap rounded-r-md px-2 py-1.5 text-right"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">ACTIVE</span></td></tr></tbody></table><div class="mt-auto flex flex-wrap items-center gap-1.5 pt-2.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-primary/15 text-primary">CAPI · Purchase terkirim saat bayar</span><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">Ad Builder → terbit PAUSED, kamu review</span><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">alarm saldo kartu</span></div></div></div></div><ul class="grid gap-2.5 text-[13.5px] leading-relaxed md:col-start-1"><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span>
1<span class="text-foreground/90">Sinkron banyak Business Manager sekaligus; CPL/CPR per project, breakdown source/medium</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Meta CAPI server-side — Purchase ditembak saat order benar-benar bayar; Google Ads conversion upload</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Creative Library + Ad Builder: push iklan dengan setelan persis, semua terbit PAUSED untuk review</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Ad Rules, Riset Iklan (scan Meta Ad Library → brief → Studio), Weekly Report untuk meeting marketing</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Billing &amp; alarm saldo kartu iklan</span></li></ul></div><span aria-hidden="true" class="absolute bottom-0 left-6 right-6 h-px scale-x-0 bg-gradient-to-r from-primary via-primary/60 to-transparent transition-transform duration-500 ease-out group-hover:scale-x-100 [transform-origin:left]"></span></article><article class="group relative flex flex-col rounded-2xl border border-border/70 bg-card/70 p-6 transition-[border-color,box-shadow,transform] duration-300 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-[0_20px_50px_-30px_hsl(var(--primary)/0.45)] sm:p-7" style="opacity:0;transform:translateY(16px)"><div class="flex items-start justify-between gap-4"><div class="flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-background transition-colors duration-300 group-hover:border-primary/50 group-hover:bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-5 w-5 text-foreground transition-colors duration-300 group-hover:text-primary" aria-hidden="true"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"></path></svg></div><a class="inline-flex items-center gap-1 rounded-md font-mono text-[11px] text-muted-foreground transition-colors hover:text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" href="https://app.gampangin.ai/platforms">buka<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-5 grid gap-5"><div><h3 class="text-xl font-semibold tracking-tight">Sosmed</h3><p class="mt-1.5 text-pretty text-[15px] leading-relaxed text-muted-foreground">Komentar dijaga tiap hari, topik viral dipantau.</p></div><div class=""><div data-batu="1" class="relative flex flex-col overflow-hidden rounded-2xl border border-border/80 glass min-h-[220px] bg-background/70 shadow-none"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">komentar · 4 platform</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><ul class="space-y-1.5"><li class="rounded-md border border-border/60 bg-card/70 px-2.5 py-2 text-[11px] leading-snug"><div class="flex items-center gap-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">IG</span><span class="truncate font-mono text-[9.5px] text-muted-foreground">@scalpingjitu</span><span class="ml-auto shrink-0 font-mono text-[9.5px] text-primary">dibalas · 1 mnt</span></div><p class="mt-1"><span class="font-medium">dina_tr</span>
1 <span class="text-foreground/85">masih bisa daftar kak?</span></p><p class="mt-1 border-l-2 border-primary/50 pl-2 text-muted-foreground">↳ <!-- -->Halo kak Dina, masih bisa — link daftarnya ada di bio ya 🙏</p></li><li class="rounded-md border border-border/60 bg-card/70 px-2.5 py-2 text-[11px] leading-snug"><div class="flex items-center gap-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">YouTube</span><span class="truncate font-mono text-[9.5px] text-muted-foreground">Trident Talks</span><span class="ml-auto shrink-0 font-mono text-[9.5px] text-primary">dibalas · 4 mnt</span></div><p class="mt-1"><span class="font-medium">Rudi</span> <span class="text-foreground/85">link-nya mana bang?</span></p><p class="mt-1 border-l-2 border-primary/50 pl-2 text-muted-foreground">↳ <!-- -->Ada di deskripsi video, bang Rudi 👇</p></li><li class="rounded-md border border-border/60 bg-card/70 px-2.5 py-2 text-[11px] leading-snug"><div class="flex items-center gap-1.5"><span class="inline-flex items-center rounded px-1.5 py-[1px] font-mono text-[9.5px] leading-4 bg-muted text-muted-foreground">TikTok</span><span class="truncate font-mono text-[9.5px] text-muted-foreground">@fibomagic</span><span class="ml-auto shrink-0 font-mono text-[9.5px] text-primary">disembunyikan · spam</span></div><p class="mt-1"><span class="font-medium">akun_promo88</span> <span class="text-foreground/85">cek bio saya, cuan…</span></p></li></ul><div class="mt-2 flex items-center gap-2 rounded-md bg-muted/70 px-2.5 py-1.5 font-mono text-[10px] text-muted-foreground"><span class="whitespace-nowrap text-foreground">Radar Konten</span><span class="truncate">&quot;harga emas tembus rekor&quot;</span><span class="ml-auto shrink-0 text-primary">skor 92 · trading</span></div></div></div></div><ul class="grid gap-2.5 text-[13.5px] leading-relaxed"><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Moderasi &amp; auto-reply komentar Instagram, Facebook, YouTube, TikTok — per brand</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Radar Konten: pemindai topik viral dari 4 sumber, 13 niche</span></li></ul></div><span aria-hidden="true" class="absolute bottom-0 left-6 right-6 h-px scale-x-0 bg-gradient-to-r from-primary via-primary/60 to-transparent transition-transform duration-500 ease-out group-hover:scale-x-100 [transform-origin:left]"></span></article><article class="group relative flex flex-col rounded-2xl border border-border/70 bg-card/70 p-6 transition-[border-color,box-shadow,transform] duration-300 hover:-translate-y-0.5 hover:border-primary/40 hover:shadow-[0_20px_50px_-30px_hsl(var(--primary)/0.45)] sm:p-7" style="opacity:0;transform:translateY(16px)"><div class="flex items-start justify-between gap-4"><div class="flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-background transition-colors duration-300 group-hover:border-primary/50 group-hover:bg-primary/10"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-chart-column-increasing h-5 w-5 text-foreground transition-colors duration-300 group-hover:text-primary" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M8 18v-2"></path><path d="M12 18v-4"></path><path d="M16 18v-6"></path></svg></div><a class="inline-flex items-center gap-1 rounded-md font-mono text-[11px] text-muted-foreground transition-colors hover:text-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" href="https://app.gampangin.ai/ads/report">buka<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="mt-5 grid gap-5"><div><h3 class="text-xl font-semibold tracking-tight">Laporan</h3><p class="mt-1.5 text-pretty text-[15px] leading-relaxed text-muted-foreground">Laporan yang bisa langsung dikirim ke klien.</p></div><div class=""><div data-batu="1" class="relative flex flex-col overflow-hidden rounded-2xl border border-border/80 glass min-h-[220px] bg-background/70 shadow-none"><div class="flex items-center gap-3 border-b border-border/60 px-3.5 py-2.5"><div class="flex items-center gap-1.5" aria-hidden="true"><span class="h-2 w-2 rounded-full bg-destructive/60"></span><span class="h-2 w-2 rounded-full bg-yellow-500/60"></span><span class="h-2 w-2 rounded-full bg-primary/60"></span></div><span class="mx-auto rounded-md bg-muted px-2 py-0.5 font-mono text-[10px] text-muted-foreground">laporan klien</span><span class="w-9" aria-hidden="true"></span></div><div class="flex flex-1 flex-col p-3.5 sm:p-4"><div class="rounded-lg border border-border/70 bg-card/70 p-3"><p class="text-[12.5px] font-semibold">FiboMagic · Meta Ads</p><p class="font-mono text-[10px] text-muted-foreground">1 – 7 Sep 2026 · dibanding minggu lalu</p><div class="mt-2.5 grid grid-cols-3 gap-1.5"><div class="rounded-md bg-background/70 px-2 py-1.5"><p class="text-[9.5px] text-muted-foreground">Lead</p><p class="font-mono text-[12px] font-semibold">1.284</p></div><div class="rounded-md bg-background/70 px-2 py-1.5"><p class="text-[9.5px] text-muted-foreground">CPL</p><p class="font-mono text-[12px] font-semibold">Rp 21 rb</p></div><div class="rounded-md bg-background/70 px-2 py-1.5"><p class="text-[9.5px] text-muted-foreground">Spend</p><p class="font-mono text-[12px] font-semibold">Rp 27,1 jt</p></div></div></div><div class="mt-2.5 flex items-center gap-1.5"><span class="inline-flex items-center gap-1 rounded-md bg-primary px-2 py-1 font-mono text-[10px] text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 lucide-share-2 h-3 w-3" aria-hidden="true"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg>bagikan link</span><span class="inline-flex items-center gap-1 rounded-md border border-border bg-card/70 px-2 py-1 font-mono text-[10px] text-foreground
1/85"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-table2 lucide-table-2 h-3 w-3" aria-hidden="true"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"></path></svg>Sheets</span><span class="inline-flex items-center gap-1 rounded-md border border-border bg-card/70 px-2 py-1 font-mono text-[10px] text-foreground/85"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-presentation h-3 w-3" aria-hidden="true"><path d="M2 3h20"></path><path d="M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3"></path><path d="m7 21 5-5 5 5"></path></svg>Slides</span></div><p class="mt-2 truncate font-mono text-[9.5px] text-muted-foreground">gampangin.ai/laporan/7f3a… · tanpa login</p></div></div></div><ul class="grid gap-2.5 text-[13.5px] leading-relaxed"><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Link laporan klien publik, tanpa login</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Ekspor ke Google Sheets &amp; Slides</span></li><li class="flex gap-2.5"><span class="mt-[9px] h-1 w-1 shrink-0 rounded-full bg-primary" aria-hidden="true"></span><span class="text-foreground/90">Status monitor + laporan &amp; alert harian</span></li></ul></div><span aria-hidden="true" class="absolute bottom-0 left-6 right-6 h-px scale-x-0 bg-gradient-to-r from-primary via-primary/60 to-transparent transition-transform duration-500 ease-out group-hover:scale-x-100 [transform-origin:left]"></span></article><article class="flex flex-col rounded-2xl border border-dashed border-border/80 p-6 sm:p-7 lg:col-span-2" style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground">Juga ada</p><ul class="mt-5 grid flex-1 content-around gap-5 sm:grid-cols-2"><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days mt-0.5 h-4 w-4 shrink-0 text-primary" aria-hidden="true"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg><div><p class="text-sm font-medium">Events &amp; Scheduler</p><p class="text-[13px] text-muted-foreground">Jadwal acara dan daftar peserta</p></div></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-qr-code mt-0.5 h-4 w-4 shrink-0 text-primary" aria-hidden="true"><rect width="5" height="5" x="3" y="3" rx="1"></rect><rect width="5" height="5" x="16" y="3" rx="1"></rect><rect width="5" height="5" x="3" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg><div><p class="text-sm font-medium">QR &amp; Shortlink</p><p class="text-[13px] text-muted-foreground">Tautan pendek, QR, dan analitik kliknya</p></div></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users mt-0.5 h-4 w-4 shrink-0 text-primary" aria-hidden="true"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg><div><p class="text-sm font-medium">Multi-tenant</p><p class="text-[13px] text-muted-foreground">Organisasi → toko → role per modul</p></div></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key-round mt-0.5 h-4 w-4 shrink-0 text-primary" aria-hidden="true"><path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"></path><circle cx="16.5" cy="7.5" r=".5" fill="currentColor"></circle></svg><div><p class="text-sm font-medium">API key &amp; MCP</p><p class="text-[13px] text-muted-foreground">Integrasi ke sistem dan asisten lain</p></div></li></ul></article></div></div></section><section id="gamclaw" class="scroll-mt-24 border-t border-border/40 px-4 py-20 sm:px-6 sm:py-28"><div class="mx-auto max-w-7xl"><div class="grid gap-12 lg:grid-cols-[1fr_1.1fr] lg:items-center lg:gap-16"><div><div class="space-y-3 sm:space-y-4 max-w-2xl" style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary ">GamClaw</p><h2 class="text-balance text-3xl font-bold tracking-tight sm:text-4xl lg:text-[2.75rem] lg:leading-[1.1]">Asisten yang duduk di atas data kamu</h2><p class="text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg">Bukan chatbot umum yang harus disuapi angka. GamClaw baca dashboard yang sama dengan kamu, lalu ngerjain lewat tools.</p></div><ul class="mt-10 space-y-6"><li class="flex gap-4" style="opacity:0;transform:translateY(16px)"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-border bg-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-terminal h-4 w-4 text-primary" aria-hidden="true"><path d="M12 19h8"></path><path d="m4 17 6-6-6-6"></path></svg></span><div><p class="font-medium">Ngerti halaman &amp;
1 periode yang lagi kamu buka</p><p class="mt-1 text-pretty text-[14px] leading-relaxed text-muted-foreground">Lagi di halaman Ads project X, periode 7 hari? GamClaw jawab untuk itu — tidak perlu dijelaskan ulang.</p></div></li><li class="flex gap-4" style="opacity:0;transform:translateY(16px)"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-border bg-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-4 w-4 text-primary" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg></span><div><p class="font-medium">Punya tools ke tiap modul</p><p class="mt-1 text-pretty text-[14px] leading-relaxed text-muted-foreground">Baca order, iklan, dan laporan; buat draf iklan; susun laporan. Aksi yang mengubah data selalu lewat review kamu.</p></div></li><li class="flex gap-4" style="opacity:0;transform:translateY(16px)"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-border bg-card"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-audio-lines h-4 w-4 text-primary" aria-hidden="true"><path d="M2 10v3"></path><path d="M6 6v11"></path><path d="M10 3v18"></path><path d="M14 8v7"></path><path d="M18 5v13"></path><path d="M22 10v3"></path></svg></span><div><p class="font-medium">Voice Mode &amp; Telegram</p><p class="mt-1 text-pretty text-[14px] leading-relaxed text-muted-foreground">Ngobrol pakai suara di dashboard, atau lewat Telegram. Laporan &amp; alert harian dikirim ke situ juga.</p></div></li></ul></div><div style="opacity:0;transform:translateY(24px)"><div class="relative rounded-2xl border border-border/80 bg-card/80 glass shadow-[0_24px_80px_-32px_hsl(var(--foreground)/0.25)]"><div class="flex items-center gap-3 border-b border-border/60 px-4 py-3"><img alt="" aria-hidden="true" loading="lazy" width="22" height="22" decoding="async" data-nimg="1" class="h-[22px] w-[22px]" style="color:transparent" src="/logos/logo-gamclaw-1.svg"/><div class="leading-tight"><p class="text-sm font-medium">GamClaw</p><p class="font-mono text-[11px] text-muted-foreground">konteks: /ads · 7 hari terakhir</p></div></div><div class="space-y-4 px-4 py-5 text-[14px] leading-relaxed sm:px-5"><div class="flex justify-end"><p class="max-w-[85%] rounded-2xl rounded-br-md border border-primary/30 bg-primary/15 px-4 py-2.5 text-foreground">Project mana yang CPL-nya naik dibanding minggu lalu? Terus bikinin ringkasannya buat meeting Senin.</p></div><div class="space-y-1 pl-1 font-mono text-[12px] text-muted-foreground"><p><span class="text-primary">→</span> ads.cpl_per_project <span class="text-muted-foreground/70">periode=halaman, banding=7h sebelumnya</span></p><p><span class="text-primary">→</span> ads.breakdown <span class="text-muted-foreground/70">source/medium</span></p><p><span class="text-primary">→</span> laporan.weekly_report <span class="text-muted-foreground/70">→ Google Slides</span></p></div><div class="max-w-[92%] rounded-2xl rounded-bl-md border border-border/70 bg-background/70 px-4 py-3"><p>Dari project yang aktif di periode ini, ada dua yang CPL-nya naik. Kenaikannya bukan dari semua sumber — di keduanya, kontributor terbesar satu placement yang sama. Aku sudah susun Weekly Report-nya di Google Slides: ringkasan per project, breakdown source/medium, dan dua rekomendasi.</p><p class="mt-2.5 font-mono text-[12px] text-muted-foreground">Mau aku buatin Ad Rule buat pause placement itu kalau CPL lewat batas? Terbitnya tetap PAUSED, kamu yang aktifkan.</p></div></div><div class="flex items-center gap-2 border-t border-border/60 px-4 py-3"><span class="flex-1 rounded-lg border border-border bg-background/60 px-3 py-2 font-mono text-[12px] text-muted-foreground">tanya apa saja soal bisnis kamu…</span><span class="flex h-9 w-9 items-center justify-center rounded-lg bg-primary text-primary-foreground" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send h-4 w-4" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></span></div></div></div></div></div></section><section id="integrasi" class="scroll-mt-24 border-t border-border/40 py-20 sm:py-28"><div class="mx-auto max-w-7xl px-4 sm:px-6"><div class="space-y-3 sm:space-y-4 mx-auto max-w-2xl text-center" style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary ">Integrasi</p><h2 class="text-balance text-3xl font-bold tracking-tight sm:text-4xl lg:text-[2.75rem] lg:leading-[1.1]">Nyambung ke alat yang sudah jalan</h2><p class="text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg">Kamu tidak perlu migrasi. Gampangin membaca dan menulis ke sistem yang sudah kamu pakai tiap hari.</p></div></div><div class="relative mt-12" style="opacity:0;transform:translateY(16px)"><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 left-0 z-10 w-16 bg-gradient-to-r from-background to-transparent sm:w-32"></div><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-16 bg-gradient-to-l from-background to-transparent sm:w-32"></div><div class="group flex overflow-hidden"><div class="marquee-track flex"><ul class="flex shrink-0 items-center gap-3 pr-3" aria-hidden="true"><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">OrderOnline</span><span class="text-[12px] text-muted-foreground">order, lead, harga</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Scalev</span><span class="text-[12px] text-muted-foreground">order &amp; status bayar</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Meta Ads</span><span class="text-[12px] text-muted-foreground">iklan, CAPI, billing</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Google Ads</span><span class="text-[12px] text-muted-foreground">conversion upload</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Midtrans</span><span class="text-[12px] text-muted-foreground">VA BCA, QRIS, e-wallet</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Google Sheets</span><span class="text-[12px] text-muted-foreground">ekspor laporan</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Google Slides</span><span class="text-[12px] text-muted-foreground">
1weekly report</span></li></ul><ul class="flex shrink-0 items-center gap-3 pr-3" aria-hidden="true"><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">OrderOnline</span><span class="text-[12px] text-muted-foreground">order, lead, harga</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Scalev</span><span class="text-[12px] text-muted-foreground">order &amp; status bayar</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Meta Ads</span><span class="text-[12px] text-muted-foreground">iklan, CAPI, billing</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Google Ads</span><span class="text-[12px] text-muted-foreground">conversion upload</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Midtrans</span><span class="text-[12px] text-muted-foreground">VA BCA, QRIS, e-wallet</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Google Sheets</span><span class="text-[12px] text-muted-foreground">ekspor laporan</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Google Slides</span><span class="text-[12px] text-muted-foreground">weekly report</span></li></ul></div></div><div class="group mt-3 flex overflow-hidden"><div class="marquee-track marquee-balik flex"><ul class="flex shrink-0 items-center gap-3 pr-3" aria-hidden="true"><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Telegram</span><span class="text-[12px] text-muted-foreground">GamClaw &amp; alert</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">WhatsApp</span><span class="text-[12px] text-muted-foreground">tombol follow-up</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Instagram</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Facebook</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">YouTube</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">TikTok</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li></ul><ul class="flex shrink-0 items-center gap-3 pr-3" aria-hidden="true"><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Telegram</span><span class="text-[12px] text-muted-foreground">GamClaw &amp; alert</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">WhatsApp</span><span class="text-[12px] text-muted-foreground">tombol follow-up</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Instagram</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">Facebook</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">YouTube</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li><li class="flex items-baseline gap-2 whitespace-nowrap rounded-full border border-border/80 bg-card/70 px-4 py-2"><span class="font-mono text-[13px] font-medium text-foreground">TikTok</span><span class="text-[12px] text-muted-foreground">komentar &amp; auto-reply</span></li></ul></div></div><ul class="sr-only"><li>OrderOnline<!-- -->: <!-- -->order, lead, harga</li><li>Scalev<!-- -->: <!-- -->order &amp; status bayar</li><li>Meta Ads<!-- -->: <!-- -->iklan, CAPI, billing</li><li>Google Ads<!-- -->: <!-- -->conversion upload</li><li>Midtrans<!-- -->: <!-- -->VA BCA, QRIS, e-wallet</li><li>Google Sheets<!-- -->: <!-- -->ekspor laporan</li><li>Google Slides<!-- -->: <!-- -->weekly report</li><li>Telegram<!-- -->: <!-- -->GamClaw &amp; alert</li><li>WhatsApp<!-- -->: <!-- -->tombol follow-up</li><li>Instagram<!-- -->: <!-- -->komentar &amp; auto-reply</li><li>Facebook<!-- -->: <!-- -->komentar &amp; auto-reply</li><li>YouTube<!-- -->: <!-- -->komentar &amp; auto-reply</li><li>TikTok<!-- -->: <!-- -->komentar &amp; auto-reply</li></ul></div></section><section id="faq" class="scroll-mt-24 border-t border-border/40 px-4 py-20 sm:px-6 sm:py-28"><div class="mx-auto max-w-3xl"><div class="space-y-3 sm:space-y-4 mx-auto max-w-2xl text-center" style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary ">FAQ</p><h2 class="text-balance text-3xl font-bold tracking-tight sm:text-4xl lg:text-[2.75rem] lg:leading-[1.1]">Yang sering ditanya</h2></div><ul class="mt-10 space-y-2.5"><li class="overflow-hidden rounded-xl border border-border/70 bg-card/60" style="opacity:0;transform:translateY(16px)"><h3><button type="button" aria-expanded="false" aria-controls="faq-0-panel" class="flex w-full items-start justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-card focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary"><span class="text-[15px] font-medium sm:text-base">Harus pindah dari OrderOnline atau Scalev?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mt-1 h-4 w-4 shrink-0 transition-transform duration-200 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></h3><div id="faq-0-panel" role="region" class="grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none" style="grid-template-rows:0fr"><div class="overflow-hidden"><p class="px-5 pb-5 text-pretty text-[14px] leading-relaxed text-muted-foreground">Tidak. Gampangin sinkron dari keduanya: lead baru masuk ke CRM dalam hitungan menit dari notifikasi email, dan status bayar ikut ter-update otomatis. Kalau mau checkout sendiri untuk landing page, itu juga ada — harganya tetap ikut OrderOnline.</p></div></div></li><li class="overflow-hidden rounded-xl border border-border/70 bg-card/60" style="opacity:0;transform:translateY(16px)"><h3><button type="button" aria-expanded="false" aria-controls="faq-1-panel" class="flex w-full items-start justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-card focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary"><span class="text-[15px] font-medium sm:text-base">Apa yang bisa GamClaw kerjakan, dan apa yang tidak?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mt-1 h-4 w-4 shrink-0 transition-transform duration-200 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></h3><div id="faq-1-panel" role="region" class="grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none" style="grid-template-rows:0fr"><div class="overflow-hidden"><p class="px-5 pb-5 text-pretty text-[14px] leading-relaxed text-muted-foreground">GamClaw punya tools baca dan tulis ke modul: baca order, iklan, dan laporan; buat draf iklan; susun Weekly Report ke Google Slides; kirim alert ke Telegram. Aksi yang mengubah data selalu terlihat sebagai tool call dan lewat review kamu — iklan yang dibuatnya selalu terbit PAUSED.</p></div></div></li><li class="overflow-hidden rounded-xl border border-border/70 bg-card/60" style="opacity:0;transform:translateY(16px)"><h3><button type="button" aria-expanded="false" aria-controls="faq-2-panel" class="flex w-full items-start justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-card focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary"><span class="text-[15px] font-medium sm:text-base">Iklan yang dibuat dari Ad Builder langsung tayang?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mt-1 h-4 w-4 shrink-0 transition-transform duration-200 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></h3><div id="faq-2-panel" role="region" class="grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none" style="grid-template-rows:0fr"><div class="overflow-hidden"><p class="px-5 pb-5 text-pretty text-[14px] leading-relaxed text-muted-foreground">Tidak pernah. Semua iklan yang dipush — manual maupun dari pipeline kreatif — terbit dalam status PAUSED dengan setelan persis seperti yang kamu atur. Kamu yang mengaktifkan setelah review.</p></div></div></li><li class="overflow-hidden rounded-xl border border-border/70 bg-card/60" style="opacity:0;transform:translateY(16px)"><h3><button type="button" aria-expanded="false" aria-controls="faq-3-panel" class="flex w-full items-start justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-card focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary"><span class="text-[15px] font-medium sm:text-base">Bagaimana conversion iklan dilacak?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mt-1 h-4 w-4 shrink-0 transition-transform duration-200 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></h3><div id="faq-3-panel" role="region" class="grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none" style="grid-template-rows:0fr"><div class="overflow-hidden"><p class="px-5 pb-5 text-pretty text-[14px] leading-relaxed text-muted-foreground">Meta CAPI server-side: Purchase ditembak saat order benar-benar dibayar, bukan saat form dikirim. Jejak iklan (fbc/fbp, UTM) diwariskan dari landing page → checkout → order. Untuk Google Ads, conversion di-upload lewat Data Manager API.</p></div></div></li><li class="overflow-hidden rounded-xl border border-border/70 bg-card/60" style="opacity:0;transform:translateY(16px)"><h3><button type="button" aria-expanded="false" aria-controls="faq-4-panel" class="flex w-full items-start justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-card focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary"><span class="text-[15px] font-medium sm:text-base">
1Bisa dipakai tim atau agensi dengan banyak klien?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mt-1 h-4 w-4 shrink-0 transition-transform duration-200 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></h3><div id="faq-4-panel" role="region" class="grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none" style="grid-template-rows:0fr"><div class="overflow-hidden"><p class="px-5 pb-5 text-pretty text-[14px] leading-relaxed text-muted-foreground">Bisa. Struktur multi-tenant: organisasi → toko → role per modul (admin di Ads tidak otomatis admin di Store). Untuk klien, ada link laporan publik yang bisa dibuka tanpa login.</p></div></div></li><li class="overflow-hidden rounded-xl border border-border/70 bg-card/60" style="opacity:0;transform:translateY(16px)"><h3><button type="button" aria-expanded="false" aria-controls="faq-5-panel" class="flex w-full items-start justify-between gap-4 px-5 py-4 text-left transition-colors hover:bg-card focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-primary"><span class="text-[15px] font-medium sm:text-base">Ada API-nya?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mt-1 h-4 w-4 shrink-0 transition-transform duration-200 text-muted-foreground" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></h3><div id="faq-5-panel" role="region" class="grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none" style="grid-template-rows:0fr"><div class="overflow-hidden"><p class="px-5 pb-5 text-pretty text-[14px] leading-relaxed text-muted-foreground">Ada API key dengan scope mengikuti pembuatnya, webhook checkout.paid untuk partner, dan endpoint MCP supaya asisten AI lain bisa membaca data Gampangin.</p></div></div></li></ul></div></section><section class="relative overflow-hidden border-t border-border/40 px-4 py-20 sm:px-6 sm:py-28"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -z-10 bg-[linear-gradient(to_right,hsl(var(--foreground)/0.045)_1px,transparent_1px),linear-gradient(to_bottom,hsl(var(--foreground)/0.045)_1px,transparent_1px)] bg-[size:48px_48px] [mask-image:radial-gradient(ellipse_60%_70%_at_50%_50%,black_20%,transparent_100%)]"></div><div class="mx-auto grid max-w-6xl items-center gap-10 lg:grid-cols-[1.1fr_0.9fr] lg:gap-16"><div><div style="opacity:0;transform:translateY(16px)"><p class="font-mono text-[11px] uppercase tracking-[0.25em] text-primary sm:text-xs">Mulai</p><h2 class="mt-3 text-balance text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl">Mulai dari data yang sudah kamu punya</h2></div><div style="opacity:0;transform:translateY(16px)"><p class="mt-5 max-w-xl text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg">
1Sambungkan OrderOnline atau akun iklan kamu, dan dalam beberapa menit GamClaw sudah bisa ditanya.</p></div><div style="opacity:0;transform:translateY(16px)"><div class="mt-9 flex flex-col gap-3 sm:flex-row"><a class="btn-utama group w-full sm:w-auto" href="https://app.gampangin.ai/register">mulai gratis<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="/cdn-cgi/l/email-protection#582b2d2828372a2c183f39352839363f3136763931" class="btn-sekunder w-full sm:w-auto">ngobrol dulu</a></div></div></div><div style="opacity:0;transform:translateY(24px)"><div data-batu="1" class="relative overflow-hidden rounded-2xl border border-border/80 bg-card/80 glass p-5 shadow-[0_24px_60px_-32px_hsl(var(--foreground)/0.25)] sm:p-6"><p class="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground">Yang kamu butuh buat mulai</p><ol class="mt-4 space-y-2.5"><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 font-mono text-[11px] text-primary">1</span><span class="flex-1 text-[13.5px]">Daftar &amp; buat organisasi</span><span class="font-mono text-[11px] text-muted-foreground">1 menit</span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 font-mono text-[11px] text-primary">2</span><span class="flex-1 text-[13.5px]">Sambungkan OrderOnline / Scalev</span><span class="font-mono text-[11px] text-muted-foreground">2 menit</span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 font-mono text-[11px] text-primary">3</span><span class="flex-1 text-[13.5px]">Hubungkan akun iklan Meta &amp; Google</span><span class="font-mono text-[11px] text-muted-foreground">3 menit</span></li><li class="flex items-center gap-3 rounded-lg border border-border/60 bg-background/50 px-3 py-2.5"><span class="flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-primary/10 font-mono text-[11px] text-primary">4</span><span class="flex-1 text-[13.5px]">Tanya GamClaw</span><span class="font-mono text-[11px] text-muted-foreground">langsung</span></li></ol><p class="mt-4 text-[12.5px] leading-relaxed text-muted-foreground">Tidak ada migrasi data. Semua yang sudah jalan tetap jalan; Gampangin cuma membaca dan menulis ke situ.</p></div></div></div></section><footer id="contact" class="border-t border-border/30 px-4 sm:px-6 py-20 sm:py-28"><div class="mx-auto max-w-7xl"><div class="grid gap-12 sm:gap-16 lg:grid-cols-2"><div class="space-y-6 sm:space-y-8"><div class="space-y-3"><p class="font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary">Kontak</p><h2 class="text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl text-balance">Ada pertanyaan? <span class="text-[#17A2B8]">Yuk ngobrol!</span></h2></div><p class="max-w-md text-base sm:text-lg text-muted-foreground leading-relaxed">Mau tanya soal integrasi, harga, atau cara migrasi data? Kirim email — tim kami yang jawab, bukan bot.</p><div class="pt-2"><a href="/cdn-cgi/l/email-protection#bdcec8cdcdd2cfc9fddadcd0cddcd3dad4d393dcd4" class="group relative inline-flex items-center justify-center gap-3 overflow-hidden rounded-xl border border-[#17A2B8] bg-[#17A2B8]/10 px-8 py-4 sm:py-4 text-sm font-medium text-[#17A2B8] transition-all duration-500 hover:text-white active:scale-[0.98] w-full sm:w-auto"><span class="relative z-10">Kirim Email</span><span class="relative z-10 transition-transform duration-300 group-hover:translate-x-1">→</span><span class="absolute inset-0 -translate-x-full bg-[#17A2B8] transition-transform duration-500 group-hover:translate-x-0"></span></a></div></div><div class="grid gap-8 sm:grid-cols-2"><div class="space-y-4"><p class="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground">Modul</p><div class="space-y-2"><div class="flex items-center gap-2"><a href="https://app.gampangin.ai/store" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors">Store &amp; Sales</a></div><div class="flex items-center gap-2"><a href="https://app.gampangin.ai/store/pages" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors">Landing Page</a></div><div class="flex items-center gap-2"><a href="https://app.gampangin.ai/ads" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors">Ads Manager</a></div><div class="flex items-center gap-2"><a href="https://app.gampangin.ai/platforms" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors">Sosmed</a></div><div class="flex items-center gap-2"><a href="https://app.gampangin.ai/ads/report" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors">Laporan</a></div><div class="flex items-center gap-2"><a href="https://app.gampangin.ai/help" target="_blank" rel="noopener noreferrer" class="text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors">Panduan</a></div></div></div><div class="space-y-4"><p class="font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground">Hubungi kami</p><div class="space-y-3"><a href="/cdn-cgi/l/email-protection#b9caccc9c9d6cbcdf9ded8d4c9d8d7ded0d797d8d0" class="flex items-center gap-3 text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4 transition-colors group-hover:text-[#17A2B8]" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span><span class="__cf_email__" data-cfemail="1c6f696c6c736e685c7b7d716c7d727b7572327d75">[email&#160;protected]</span></span></a><a href="https://www.instagram.com/gampangin.ai" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-4 w-4 transition-colors group-hover:text-[#17A2B8]" aria-hidden="true"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg><span>@gampangin.ai</span></a></div><div class="pt-4 space-y-2">
1<a class="block text-xs text-muted-foreground/70 hover:text-muted-foreground transition-colors" href="/privacy-policy">Kebijakan Privasi</a><a class="block text-xs text-muted-foreground/70 hover:text-muted-foreground transition-colors" href="/terms">Syarat Layanan</a></div></div></div></div><div class="mt-16 sm:mt-20 flex flex-col items-center justify-between gap-6 border-t border-border/30 pt-8 sm:pt-10 sm:flex-row"><div class="flex items-center gap-2.5"><img alt="Gampangin AI" loading="lazy" width="120" height="30" decoding="async" data-nimg="1" class="hidden h-6 w-auto opacity-70 dark:block" style="color:transparent" src="/logos/SVG-Logo-02-GampanginAI-Text-White.svg"/><img alt="Gampangin AI" loading="lazy" width="120" height="30" decoding="async" data-nimg="1" class="block h-6 w-auto opacity-70 dark:hidden" style="color:transparent" src="/logos/SVG-Logo-02-GampanginAI-Text-Black.svg"/></div><p class="font-mono text-xs text-muted-foreground"><a href="https://si.co.id" target="_blank" rel="noopener noreferrer" class="hover:text-[#17A2B8] transition-colors">PT Saint Technologies Indonesia</a></p><p class="font-mono text-xs text-muted-foreground text-center sm:text-right">© 2026 Gampangin AI — Hak cipta dilindungi</p></div></div></footer></div></main><!--$--><!--/$--><div id="_rht_toaster" style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div>
vendor: 108 bytes, line 1
1<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1<script src="/_next/static/chunks/10f6bad98d9cf887.js" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n4:I[897367,[\"/_next/static/chunks/d0b8996cb3d22274.js\",\"/_next/static/chunks/127c9a1e25a8be3d.js\"],\"OutletBoundary\"]\n5:\"$Sreact.suspense\"\n7:I[897367,[\"/_next/static/chunks/d0b8996cb3d22274.js\",\"/_next/static/chunks/127c9a1e25a8be3d.js\"],\"ViewportBoundary\"]\n9:I[897367,[\"/_next/static/chunks/d0b8996cb3d22274.js\",\"/_next/static/chunks/127c9a1e25a8be3d.js\"],\"MetadataBoundary\"]\nb:I[253348,[\"/_next/static/chunks/86f765a6dcd54b62.js\"],\"default\"]\nc:I[96923,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\"],\"Providers\"]\nd:I[339756,[\"/_next/static/chunks/d0b8996cb3d22274.js\",\"/_next/static/chunks/127c9a1e25a8be3d.js\"],\"default\"]\ne:I[408821,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/0a9bed4ec9a1320c.js\"],\"default\"]\nf:I[837457,[\"/_next/static/chunks/d0b8996cb3d22274.js\",\"/_next/static/chunks/127c9a1e25a8be3d.js\"],\"default\"]\n10:I[741170,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\"],\"CustomToaster\"]\n11:I[980121,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"CursorGlow\"]\n12:I[949517,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"GamClawMascotLoader\"]\n13:I[910699,[\"/_
1next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e84"])</script>
1<script>self.__next_f.push([1,"3c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"MarketingHeader\"]\n14:I[595802,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"HeroSection\"]\n15:I[765798,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"HowItWorks\"]\n16:I[760269,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"ModulesSection\"]\n17:I[800293,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"GamClawSection\"]\n18:I[489130,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"IntegrationsSection\"]\n19:I[483791,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"FaqSection\"]\n1a:I[901585,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf059"])</script>
1<script>self.__next_f.push([1,"33.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"CtaSection\"]\n1e:I[522016,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"\"]\n1f:I[605500,[\"/_next/static/chunks/9907351f271f28d9.js\",\"/_next/static/chunks/94752218b0e9f06e.js\",\"/_next/static/chunks/156938a4fcf05933.js\",\"/_next/static/chunks/e177fb73ee51a14f.js\",\"/_next/static/chunks/41be88285d7c2975.js\",\"/_next/static/chunks/3171657f35b8b67e.js\",\"/_next/static/chunks/00147777cd470095.js\",\"/_next/static/chunks/774b197bc5c76bbc.js\",\"/_next/static/chunks/a54a2fe4703c7613.js\",\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"/_next/static/chunks/d444293df3820868.js\",\"/_next/static/chunks/74f1d5d673e54727.js\"],\"Image\"]\n20:I[27201,[\"/_next/static/chunks/d0b8996cb3d22274.js\",\"/_next/static/chunks/127c9a1e25a8be3d.js\"],\"IconMark\"]\n:HL[\"/_next/static/chunks/630a06ab6367d7e3.css\",\"style\"]\n:HL[\"/_next/static/chunks/6533631418488856.css\",\"style\"]\n:HL[\"/_next/static/media/Geist_Variable-s.p.f19e4721.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"luiDDrHQUrf7C4mhmmFFu\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/630a06ab6367d7e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/6533631418488856.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/9907351f271f28d9.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/94752218b0e9f06e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/156938a4fcf05933.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/e177fb73ee51a14f.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/41be88285d7c2975.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/3171657f35b8b67e.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-6\",{\"src\":\"/_next/static/chunks/00147777cd470095.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-7\",{\"src\":\"/_next/static/chunks/774b197bc5c76bbc.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-8\",{\"src\":\"/_next/static/chunks/a54a2fe4703c7613.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-9\",{\"src\":\"/_next/static/chunks/c0bebebe7a1602f5.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-10\",{\"src\":\"/_next/static/chunks/2676e843c3cdc1e3.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-11\",{\"src\":\"/_next/static/chunks/7d38fad655a8cdfc.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L3\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/d444293df3820868.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/74f1d5d673e54727.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$5\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@6\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L7\",null,{\"children\":\"$L8\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L9\",null,{\"children\":[\"$\",\"$5\",null,{\"name\":\"Next.Metadata\",\"children\":\"$La\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$b\",[]],\"S\":false}\n"])</script>
1<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geistsans_d5a4f12f-module__Ur3q_a__variable geistsans_d5a4f12f-module__Ur3q_a__className\",\"children\":[[\"$\",\"$Lc\",null,{\"temaAwal\":\"light\",\"children\":[\"$\",\"$Ld\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$e\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0a9bed4ec9a1320c.js\",\"async\":true}]],\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],\"\",[\"$\",\"$L10\",null,{}]]}]}]\n"])</script>
1<script>self.__next_f.push([1,"3:[\"$\",\"main\",null,{\"className\":\"relative min-h-screen overflow-x-clip scanlines\",\"children\":[[\"$\",\"$L11\",null,{}],[\"$\",\"div\",null,{\"className\":\"relative z-10\",\"children\":[[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{\"sudahMasuk\":false}],[\"$\",\"$L14\",null,{\"sudahMasuk\":false}],[\"$\",\"$L15\",null,{}],[\"$\",\"$L16\",null,{}],[\"$\",\"$L17\",null,{}],[\"$\",\"$L18\",null,{}],[\"$\",\"$L19\",null,{}],[\"$\",\"$L1a\",null,{\"sudahMasuk\":false}],[\"$\",\"footer\",null,{\"id\":\"contact\",\"className\":\"border-t border-border/30 px-4 sm:px-6 py-20 sm:py-28\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-7xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid gap-12 sm:gap-16 lg:grid-cols-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-6 sm:space-y-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-[11px] sm:text-xs uppercase tracking-[0.25em] text-primary\",\"children\":\"Kontak\"}],[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl text-balance\",\"children\":[\"Ada pertanyaan? \",[\"$\",\"span\",null,{\"className\":\"text-[#17A2B8]\",\"children\":\"Yuk ngobrol!\"}]]}]]}],[\"$\",\"p\",null,{\"className\":\"max-w-md text-base sm:text-lg text-muted-foreground leading-relaxed\",\"children\":\"Mau tanya soal integrasi, harga, atau cara migrasi data? Kirim email — tim kami yang jawab, bukan bot.\"}],[\"$\",\"div\",null,{\"className\":\"pt-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"group relative inline-flex items-center justify-center gap-3 overflow-hidden rounded-xl border border-[#17A2B8] bg-[#17A2B8]/10 px-8 py-4 sm:py-4 text-sm font-medium text-[#17A2B8] transition-all duration-500 hover:text-white active:scale-[0.98] w-full sm:w-auto\",\"children\":[[\"$\",\"span\",null,{\"className\":\"relative z-10\",\"children\":\"Kirim Email\"}],[\"$\",\"span\",null,{\"className\":\"relative z-10 transition-transform duration-300 group-hover:translate-x-1\",\"children\":\"→\"}],[\"$\",\"span\",null,{\"className\":\"absolute inset-0 -translate-x-full bg-[#17A2B8] transition-transform duration-500 group-hover:translate-x-0\"}]]}]}]]}],[\"$\",\"div\",null,{\"className\":\"grid gap-8 sm:grid-cols-2\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground\",\"children\":\"Modul\"}],[\"$\",\"div\",null,{\"className\":\"space-y-2\",\"children\":[[\"$\",\"div\",\"Store \u0026 Sales\",{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.gampangin.ai/store\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors\",\"children\":\"Store \u0026 Sales\"}]}],[\"$\",\"div\",\"Landing Page\",{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.gampangin.ai/store/pages\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors\",\"children\":\"Landing Page\"}]}],[\"$\",\"div\",\"Ads Manager\",{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.gampangin.ai/ads\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors\",\"children\":\"Ads Manager\"}]}],[\"$\",\"div\",\"Sosmed\",{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.gampangin.ai/platforms\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors\",\"children\":\"Sosmed\"}]}],[\"$\",\"div\",\"Laporan\",{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.gampangin.ai/ads/report\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors\",\"children\":\"Laporan\"}]}],[\"$\",\"div\",\"Panduan\",{\"className\":\"flex items-center gap-2\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://app.gampangin.ai/help\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors\",\"children\":\"Panduan\"}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"p\",null,{\"className\":\"font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground\",\"children\":\"Hubungi kami\"}],\"$L1b\",\"$L1c\"]}]]}]]}],\"$L1d\"]}]}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"className\":\"space-y-3\",\"children\":[[\"$\",\"a\",\"Email\",{\"href\":\"mailto:[email protected]\",\"target\":\"$undefined\",\"rel\":\"$undefined\",\"className\":\"flex items-center gap-3 text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors group\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mail h-4 w-4 transition-colors group-hover:text-[#17A2B8]\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"132q7q\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"$\",\"rect\",\"izxlao\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"children\":\"[email protected]\"}]]}],[\"$\",\"a\",\"Instagram\",{\"href\":\"https://www.instagram.com/gampangin.ai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"flex items-center gap-3 text-sm text-muted-foreground hover:text-[#17A2B8] transition-colors group\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-instagram h-4 w-4 transition-colors group-hover:text-[#17A2B8]\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"rect\",\"2e1cvw\",{\"width\":\"20\",\"height\":\"20\",\"x\":\"2\",\"y\":\"2\",\"rx\":\"5\",\"ry\":\"5\"}],[\"$\",\"path\",\"9exkf1\",{\"d\":\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"}],[\"$\",\"line\",\"r4j83e\",{\"x1\":\"17.5\",\"x2\":\"17.51\",\"y1\":\"6.5\",\"y2\":\"6.5\"}],\"$undefined\"]}],[\"$\",\"span\",null,{\"children\":\"@gampangin.ai\"}]]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"1c:[\"$\",\"div\",null,{\"className\":\"pt-4 space-y-2\",\"children\":[[\"$\",\"$L1e\",\"Kebijakan Privasi\",{\"href\":\"/privacy-policy\",\"className\":\"block text-xs text-muted-foreground/70 hover:text-muted-foreground transition-colors\",\"children\":\"Kebijakan Privasi\"}],[\"$\",\"$L1e\",\"Syarat Layanan\",{\"href\":\"/terms\",\"className\":\"block text-xs text-muted-foreground/70 hover:text-muted-foreground transition-colors\",\"children\":\"Syarat Layanan\"}]]}]\n1d:[\"$\",\"div\",null,{\"className\":\"mt-16 sm:mt-20 flex flex-col items-center justify-between gap-6 border-t border-border/30 pt-8 sm:pt-10 sm:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2.5\",\"children\":[[\"$\",\"$L1f\",null,{\"src\":\"/logos/SVG-Logo-02-GampanginAI-Text-White.svg\",\"alt\":\"Gampangin AI\",\"width\":120,\"height\":30,\"className\":\"hidden h-6 w-auto opacity-70 dark:block\"}],[\"$\",\"$L1f\",null,{\"src\":\"/logos/SVG-Logo-02-GampanginAI-Text-Black.svg\",\"alt\":\"Gampangin AI\",\"width\":120,\"height\":30,\"className\":\"block h-6 w-auto opacity-70 dark:hidden\"}]]}],[\"$\",\"p\",null,{\"className\":\"font-mono text-xs text-muted-foreground\",\"children\":[\"$\",\"a\",null,{\"href\":\"https://si.co.id\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-[#17A2B8] transition-colors\",\"children\":\"PT Saint Technologies Indonesia\"}]}],[\"$\",\"p\",null,{\"className\":\"font-mono text-xs text-muted-foreground text-center sm:text-right\",\"children\":\"© 2026 Gampangin AI — Hak cipta dilindungi\"}]]}]\n8:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n6:null\na:[[\"$\",\"title\",\"0\",{\"children\":\"Gampangin AI — Kelola Marketing \u0026 Sales Pakai AI\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Satu dashboard buat kelola marketing \u0026 sales: landing page \u0026 leads, iklan Meta \u0026 Google, dan sosmed IG/YouTube/Facebook/TikTok. AI-nya baca data, kasih strategi, tulis copywriting, dan jaga akun kamu tiap hari.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/logo-icon.svg\"}],[\"$\",\"link\",\"3\",{\"rel\":\"apple-touch-icon\",\"href\":\"/logo-icon.svg\"}],[\"$\",\"$L20\",\"4\",{}]]\n"])</script>
1<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a45d41fdbf5cf5f2',t:'MTc5MTIxMjAyNg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1</body></html>

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