Building Blocks for the Web

app/pricing/page.tsx

import { PricingSection } from "@/components/pricing"

export default function Page() {
  return (
    <div className="relative mx-auto max-w-7xl border-x border-y">
      <PricingSection />
    </div>
  )
}

A pricing section.

pricing-01

A pricing table with a dropdown menu

Open in

app/pricing/page.tsx

import PricingTable from "@/components/pricing-table"

export default function Page() {
  return (
    <div className="relative mx-auto max-w-7xl border-x">
      <PricingTable />
    </div>
  )
}

A pricing table with a dropdown menu.

pricing-02