Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
Three layered sections that read top-to-bottom as a company narrative:
md+, asymmetric cell spans (1 + 2 / 3 / 2 + 1) so the founder's portrait reads as the visual anchor in the middle and the two stat cards (dark "10X", yellow "240K+") balance diagonally at top-left and bottom-right.text-foreground followed by text-zinc-400) for a low-key editorial rhythm.Key features
md:h-[640px] so the row template divides evenly — the dark/yellow stat cards take 1/3 of the grid height, the side photos take 2/3, the founder portrait takes the full 3/3aspect-[4/5] so nothing squishesbg-stone-50 dark:bg-stone-950, headlines flow through text-foreground, dark stat card inverts in dark mode| Element | Purpose |
|---|---|
| Header block | Centered title + supporting paragraph (max-w-2xl) |
StatCard variant="dark" | Top-left bento card — big metric over muted body |
StatCard variant="yellow" | Bottom-right bento card — same pattern, soft-yellow surface |
ImageCard (3×) | Team photo, founder portrait (spans all 3 rows), and one workplace photo |
| Two-tone band #1 | Half-and-half text grid: editorial headline left, two body paragraphs right |
| Two-tone band #2 | Editorial headline + plus-icon chip + body + rounded-full CTA on the left, image on the right |
Button from shadcn but overrides the variant via Tailwind classes (bg-slate-900 rounded-full) because a pill-shaped, deep-navy primary doesn't map to the default variant theme. If your design tokens already define this shape, replace the className with the right variant.<Plus> lucide glyph inside. Easy to remove if your design doesn't need it.