{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-2",
  "title": "Slim Single Bar",
  "description": "Compact single-bar footer with a brand mark and tagline, an inline row of nav links, and a copyright notice in one slim row.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "separator"
  ],
  "files": [
    {
      "path": "registry/blocks/footer/2/footer-block.tsx",
      "content": "import { Separator } from \"@/components/ui/separator\"\n\nconst NAV_LINKS = [\n  { label: \"Product\", href: \"#\" },\n  { label: \"Pricing\", href: \"#\" },\n  { label: \"Docs\", href: \"#\" },\n  { label: \"Blog\", href: \"#\" },\n  { label: \"Privacy\", href: \"#\" },\n  { label: \"Terms\", href: \"#\" },\n]\n\nexport default function FooterBlock() {\n  return (\n    <section className=\"flex w-full flex-col items-stretch bg-background text-foreground\">\n      <Separator />\n      <footer className=\"w-full px-6 py-6\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex items-center gap-3\">\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n              aria-hidden=\"true\"\n              className=\"size-6 shrink-0 text-primary\"\n            >\n              <rect\n                x=\"3\"\n                y=\"3\"\n                width=\"8\"\n                height=\"8\"\n                transform=\"rotate(-6 7 7)\"\n              />\n              <rect\n                x=\"3\"\n                y=\"13\"\n                width=\"8\"\n                height=\"8\"\n                transform=\"rotate(5 7 17)\"\n              />\n              <rect\n                x=\"13\"\n                y=\"13\"\n                width=\"8\"\n                height=\"8\"\n                transform=\"rotate(-4 17 17)\"\n              />\n              <rect\n                x=\"13\"\n                y=\"3\"\n                width=\"8\"\n                height=\"8\"\n                transform=\"rotate(15 17 7)\"\n              />\n            </svg>\n            <div className=\"flex flex-col leading-none\">\n              <span className=\"text-sm font-bold tracking-tight\">Acme</span>\n              <span className=\"text-xs text-muted-foreground\">\n                Build fast. Ship faster.\n              </span>\n            </div>\n          </div>\n\n          <nav\n            aria-label=\"Footer\"\n            className=\"flex flex-wrap items-center gap-x-5 gap-y-1\"\n          >\n            {NAV_LINKS.map((link) => (\n              <a\n                key={link.label}\n                href={link.href}\n                className=\"text-xs text-muted-foreground transition-colors hover:text-foreground\"\n              >\n                {link.label}\n              </a>\n            ))}\n          </nav>\n\n          <p className=\"shrink-0 text-xs text-muted-foreground\">\n            &copy; {new Date().getFullYear()} Acme, Inc.\n          </p>\n        </div>\n      </footer>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/footer-2.tsx"
    }
  ],
  "meta": {
    "height": "93px",
    "tier": "free"
  },
  "categories": [
    "footer"
  ],
  "type": "registry:block"
}