import { cn } from "@/lib/utils"; import { Card, CardContent, CardHeader, CardTitle, } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; import { Separator } from "@/components/ui/separator"; import { ArrowRightIcon, ShieldCheckIcon, ZapIcon, BlocksIcon, UsersIcon, SparklesIcon, LayersIcon, } from "lucide-react"; const trustSignals = [ { icon: UsersIcon, text: "10,000+ developers" }, { icon: ShieldCheckIcon, text: "Enterprise-ready" }, { icon: ZapIcon, text: "Ship in minutes" }, ]; const features = [ { icon: BlocksIcon, title: "Production Blocks", description: "Copy-paste-ready UI blocks built with shadcn, Tailwind, and TypeScript. No assembly required.", }, { icon: SparklesIcon, title: "Theme Forge", description: "Six curated themes with full dark mode support. Swap palettes without touching a single component.", }, { icon: LayersIcon, title: "Composable Architecture", description: "Every block is built from atomic components. Mix, match, and extend to fit your exact needs.", }, ]; export default function MarketingHero() { return (

{/* Hero Section */}

Now in public beta

Forge your next interface at{" "} blazing speed

UI Anvil gives you production-ready blocks, themes, and components — so you can ship polished products without starting from scratch.

{/* Trust Signals */}

{trustSignals.map((signal, i) => { const Icon = signal.icon; return (

{signal.text}

); })}

{/* Feature Grid */}

Everything you need to build faster

Purpose-built primitives for teams that move fast and ship often.

{features.map((feature) => { const Icon = feature.icon; return (

{feature.title}

{feature.description}

); })}

); }

Block Gallery

Command Palette