import{q as a,G as i,C as n}from"./index-CzR-3Dh3.js";import{P as r}from"./pen-line-EQfLI_s8.js";import{C as l}from"./cpu-CZlCaI47.js";import{W as o}from"./wand-sparkles-PGhodxra.js";const d=[{n:"01",icon:r,title:"Isi brief 30 detik",body:"Pilih kategori industri, isi nama produk, headline, dan warna brand. Tidak ada form panjang yang bikin males."},{n:"02",icon:l,title:"Engine racik visualnya",body:`${n.brandName} otomatis menyusun komposisi, lighting, typography, dan color grading — semua dipetakan presisi.`},{n:"03",icon:o,title:"Design jadi, tinggal upload",body:"Visualmu lahir dalam hitungan detik — siap pasang ke feed, story, thumbnail, atau bahan iklan."}];function g(){return a.jsxs("section",{id:"cara",className:"relative py-24 overflow-hidden",children:[a.jsx(i,{size:500,color:"rgba(var(--accent-rgb),0.10)",className:"right-[-180px] top-20"}),a.jsxs("div",{className:"relative max-w-7xl mx-auto px-4 sm:px-6",children:[a.jsxs("div",{className:"max-w-2xl reveal",children:[a.jsxs("span",{className:"eyebrow",children:[a.jsx("span",{className:"dot"})," alurnya simpel"]}),a.jsxs("h2",{className:"h-section mt-4",children:["Tiga langkah, ",a.jsx("span",{className:"text-grad-red",children:"tanpa skill desain"}),"."]}),a.jsx("p",{className:"mt-4 text-text-mut",children:"Dari kotak kosong ke visual siap upload — semua dalam satu sesi browser."})]}),a.jsxs("div",{className:"mt-14 relative grid md:grid-cols-3 gap-6",children:[a.jsx("div",{className:"hidden md:block absolute top-12 left-[16%] right-[16%] h-px bg-gradient-to-r from-transparent via-accent/40 to-transparent"}),d.map((e,s)=>{const t=e.icon;return a.jsxs("div",{className:"relative reveal",style:{animationDelay:`${s*120}ms`},children:[a.jsxs("div",{className:"relative z-10 mx-auto w-24 h-24 rounded-2xl bg-bg-panel border border-border-strong shadow-[0_0_32px_rgba(var(--accent-rgb),0.25)] flex items-center justify-center mb-6",children:[a.jsx(t,{className:"w-9 h-9 text-accent"}),a.jsx("span",{className:"absolute -top-2 -right-2 px-1.5 py-0.5 rounded bg-accent text-white mono text-[10px] font-bold tracking-widest",children:e.n})]}),a.jsxs("div",{className:"soft-border p-5 text-center",children:[a.jsx("h3",{className:"text-base font-bold text-text",children:e.title}),a.jsx("p",{className:"mt-2 text-xs text-text-mut leading-relaxed",children:e.body})]})]},e.n)})]})]})]})}export{g as default};