Footer Columns

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

Product

Company

Resources

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"
      ]
    }
  ]}
/>

More Nav pieces

View all Nav

On this page

Anchor Nav

Docs-style on-this-page list with left borders and a primary active rail on the current section.

Underline Tabs

Horizontal tabs with a thin bottom rail and a primary underline under the active label.

Pagination

Numbered pagination with prev/next chevrons, ellipsis truncation, and a filled primary active tile.

Breadcrumb

Compact breadcrumb trail with chevron separators and the trailing crumb rendered in bold.

Pagination

Numbered pagination with prev/next arrows and ellipses for long ranges. Active page flips to foreground.

Account

Team

Billing

4Done

Stepper

Multi-step stepper with emerald done, primary current, and muted pending tiles linked by colored rails.