Build faster with real-world 🧩UI Blocksfor your next project.

import { PricingCard } from "@/components/ui/pricing";
import { Hero } from "@/components/ui/hero";

export default function Page() {
  return (
    <main className="flex flex-col gap-12">
      <Hero 
        title="Ship UI instantly" 
        subtitle="Extract production-ready layouts." 
      />
      <section className="grid grid-cols-2 gap-8 px-4">
        <PricingCard tier="Basic" price="$0" />
        <PricingCard tier="Pro" price="$29" highlighted />
      </section>
    </main>
  )
}