Footer Columns

Three-column footer link grid with uppercase section headings and plain-text links underneath each.

Product
Company
Resources

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Nav21 } from "@/components/beste/piece/nav21";

<Nav21
  columns={[
    {
      "heading": "Product",
      "links": [
        "Overview",
        "Pricing",
        "Changelog",
        "Roadmap"
      ]
    },
    {
      "heading": "Company",
      "links": [
        "About",
        "Careers",
        "Press",
        "Contact"
      ]
    },
    {
      "heading": "Resources",
      "links": [
        "Docs",
        "Community",
        "Status"
      ]
    }
  ]}
/>