Lumina — AI Analytics SaaS
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Lumina</title><script src="https://cdn.tailwindcss.com"></script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
<style>body{font-family:Inter,sans-serif}h1,h2,h3,.dh{font-family:'Space Grotesk',sans-serif}</style><style>
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.blob{animation:blob 14s ease-in-out infinite}
.floaty{animation:floaty 6s ease-in-out infinite}
.reveal{animation:fadeUp .8s ease both}
.r1{animation-delay:.1s}.r2{animation-delay:.25s}.r3{animation-delay:.4s}.r4{animation-delay:.55s}
.gradtext{background-size:200% auto;animation:shimmer 4s linear infinite}
.card-lift{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.card-lift:hover{transfo...
Copy & download HTML + Tailwind siap pakai. Atau bikin versimu sendiri dari nol — lebih cepat.
✨ Remix gratis (2 credit) Daftar untuk copy code →