Footer Multi

Multi-column footer with brand info, link columns, and bottom bar.

Preview

Installation

terminal
$
Other package managers 
bunx --bun shadcn@latest add https://trents.tech/r/footer-multi.json

Usage

footer-multi-demo.tsx
import FooterMulti from "@/components/blocks/footer-multi"

export default function FooterMultiDemo() {
  return (
    <FooterMulti
      // Customize brand copy and columns.
      brand="@trents/ui"
      description="A brutalist component library for bold interfaces."
      columns={[
        {
          title: "Product",
          links: [
            { label: "Components", href: "/docs/accordion" },
            { label: "Styling", href: "/styling" },
            { label: "Changelog", href: "/docs/changelog" },
          ],
        },
        {
          title: "Resources",
          links: [
            { label: "Docs", href: "/docs" },
            { label: "Stars", href: "/stars" },
            { label: "Charts", href: "/charts" },
          ],
        },
        {
          title: "Company",
          links: [
            { label: "About", href: "/docs" },
            { label: "Support", href: "/docs/resources" },
            { label: "Status", href: "/docs" },
          ],
        },
      ]}
    />
  )
}
0