{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-mega",
  "type": "registry:ui",
  "title": "Footer mega",
  "description": "A multi column site footer with a brand block and titled link groups that reflow from one to five columns. A React and Tailwind footer for marketing sites.",
  "dependencies": [],
  "registryDependencies": [
    "https://ui.minidev.pro/r/link.json",
    "utils"
  ],
  "files": [
    {
      "path": "registry/ui/footer-mega.tsx",
      "type": "registry:ui",
      "target": "components/ui/footer-mega.tsx",
      "content": "\"use client\"\nimport * as React from \"react\"\nimport { cn } from \"@/lib/utils\"\nimport { Link } from \"@/components/ui/link\"\n\n/** A multi-column site footer: brand and tagline on the left, titled link columns across the rest. */\ntype Col = { title: string; links: { label: string; href: string }[] }\n\nconst SAMPLE_COLUMNS: Col[] = [\n  {\n    title: \"Product\",\n    links: [\n      { label: \"Invoicing\", href: \"#\" },\n      { label: \"Payments\", href: \"#\" },\n      { label: \"Reconciliation\", href: \"#\" },\n      { label: \"Pricing\", href: \"#\" },\n    ],\n  },\n  {\n    title: \"Developers\",\n    links: [\n      { label: \"Documentation\", href: \"#\" },\n      { label: \"API reference\", href: \"#\" },\n      { label: \"Webhooks\", href: \"#\" },\n      { label: \"Status\", href: \"#\" },\n    ],\n  },\n  {\n    title: \"Company\",\n    links: [\n      { label: \"About\", href: \"#\" },\n      { label: \"Customers\", href: \"#\" },\n      { label: \"Careers\", href: \"#\" },\n      { label: \"Contact\", href: \"#\" },\n    ],\n  },\n]\n\ntype FooterMegaProps = {\n  /** Link columns after the brand block. Defaults to three Lumen columns. */\n  columns?: Col[]\n  /** Brand name shown in the first column. */\n  brand?: string\n  /** Short line under the brand name. */\n  tagline?: string\n  className?: string\n}\n\nfunction FooterMega({\n  columns = SAMPLE_COLUMNS,\n  brand = \"Lumen\",\n  tagline = \"Invoicing and payments for teams that close their books every day.\",\n  className,\n}: FooterMegaProps) {\n  return (\n    <footer data-slot=\"footer-mega\" className={cn(\"w-full border-t border-border bg-surface\", className)}>\n      <div className=\"mx-auto grid max-w-6xl gap-8 px-6 py-12 sm:grid-cols-2 lg:grid-cols-5\">\n        <div className=\"lg:col-span-2\">\n          <p className=\"text-sm font-medium text-fg\">{brand}</p>\n          <p className=\"mt-2 max-w-xs text-sm text-fg-muted\">{tagline}</p>\n        </div>\n        {columns.map((col) => (\n          <div key={col.title}>\n            <p className=\"text-xs font-medium tracking-[0.01em] text-fg-muted uppercase\">{col.title}</p>\n            <ul className=\"mt-3 space-y-2\">\n              {col.links.map((l) => (\n                <li key={l.label}><Link href={l.href} className=\"text-sm text-fg-muted hover:text-fg\">{l.label}</Link></li>\n              ))}\n            </ul>\n          </div>\n        ))}\n      </div>\n    </footer>\n  )\n}\nexport { FooterMega }\nexport type { FooterMegaProps, Col as FooterMegaColumn }\n"
    }
  ]
}