Pelajaran hari ini
Unit 3 · 8/12
Few-shot prompting
Kasih contoh biar AI nurut. 10 menit.
Learning path
{paths.map((p, i) => (
{p.done ? : p.locked ? : i + 1}
{p.name}
{p.locked ? "Terkunci" : `${p.pct}% selesai`}
{!p.locked && (
)}
))}
{showMascot && (
Ayo streak ke-13! Cuma 10 menit hari ini ✨
)}
);
}
function PhoneMockup({ showMascot }) {
return (
);
}
// ---------- Floating cards ----------
function XPToast() {
return (
);
}
function StreakChip() {
return (
);
}
function BadgeCard() {
return (
Selesaikan 20 prompt engineering drills
);
}
// ---------- Avatars ----------
function Avatars() {
const palette = [["#FF8A3D", "RA"], ["var(--accent)", "BP"], ["#6BA4FF", "SI"], ["var(--secondary)", "DW"]];
return (
{palette.map(([c, t], i) => (
{t}
))}
);
}
// ---------- Hero ----------
function Hero({ glow, showMascot }) {
return (
BETA
Launch Juli 2026 — 423 di waiting list
Belajar AI{" "}
10 menit sehari
.
Dari ChatGPT sampai bikin agent sendiri.
Platform micro-learning gaya game — dalam Bahasa Indonesia. 5 path belajar, streak harian, tantangan nyata yang langsung bisa lu terapin di kerjaan.
423 profesional udah gabung dari
Telkomsel · Tokopedia · Mandiri · Gojek
);
}
// ---------- Trusted ----------
function TrustedStrip() {
const companies = ["NUSANET", "ARTAJAYA", "KAWANKU", "RIMBATECH", "SAWALA", "GRANTRA"];
return (
Dipercaya oleh tim di
{companies.map((c, i) => (
{c}
))}
);
}
// ---------- Problems ----------
function Problems() {
const items = [
{ emoji: "😵💫", title: "Overwhelmed sama AI jargon", body: "RAG, MCP, fine-tuning, embedding — pusing duluan sebelum mulai." },
{ emoji: "📚", title: "Bootcamp 3 bulan kelamaan", body: "Kerjaan udah nunggu. Lu butuh skill yang bisa dipake minggu depan." },
{ emoji: "🌊", title: "YouTube tutorial acak", body: "Loncat-loncat topik, nggak ada progress nyata, lupa besoknya." },
];
return (
Masalahnya
Belajar AI sekarang rasanya kayak
minum dari selang pemadam.
{items.map((it, i) => (
{it.emoji}
{it.title}
{it.body}
0{i+1}
))}
);
}
// ---------- Stat ----------
function StatStrip({ glow }) {
return (
The gap
92% knowledge worker Indonesia udah pakai GenAI.
Cuma 18% yang tau cara pakai MCP atau agent.
Arcai close that gap.
{[["10", "menit/hari"], ["5", "learning paths"], ["90+", "real challenges"]].map(([n, l], i) => (
))}
);
}
// ---------- Footer CTA ----------
function FooterCTA({ glow }) {
const [email, setEmail] = useState("");
const [submitted, setSubmitted] = useState(false);
return (
Siap jadi top 18%?
Daftar waiting list. Dapet early access Juli 2026 + 3 bulan Pro gratis buat 500 pertama.
{!submitted ? (
) : (
Sampai ketemu di Juli!
Cek email buat konfirmasi.
)}
Gratis selamanya · No credit card · Unsubscribe kapan aja
);
}
// ---------- Footer ----------
function Footer() {
return (
);
}
// ---------- App ----------
function App() {
const [t, setTweak] = useTweaks(window.TWEAK_DEFAULTS);
useEffect(() => { applyPalette(t.palette); }, [t.palette]);
return (
{t.grid && (
)}
")`,
}}/>
setTweak("palette", v)}
/>
setTweak("glow", v)}/>
setTweak("grid", v)}/>
setTweak("mascot", v)}/>
);
}
// Expose TWEAK_DEFAULTS from inline script to this scope
window.TWEAK_DEFAULTS = window.TWEAK_DEFAULTS || {palette:"lime-acid", glow:1, grid:true, mascot:true};
// init palette immediately so first paint matches
applyPalette(window.TWEAK_DEFAULTS.palette);
ReactDOM.createRoot(document.getElementById("root")).render(
);