Pricing

A three-tier pricing grid built from Card.

The Pricing block is a responsive Card grid — the simplest block, and the one that shows how far the surface recipe alone carries a page in each preset.

Starter
For side projects.
$0/mo
  • 3 projects
  • Community support
Pro
For growing teams.
Popular
$24/mo
  • Unlimited projects
  • Priority support
  • SSO
Enterprise
For organizations.
Custom
  • Dedicated support
  • On-prem presets

Composition

<div className="grid gap-6 md:grid-cols-3">
  <Card>…price, features, CTA…</Card>
  <Card className="border-primary/50">…highlighted tier…</Card>
  <Card>…</Card>
</div>