{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-4",
  "type": "registry:block",
  "title": "Footer 4",
  "description": "Minimal single-row footer with copyright and links.",
  "files": [
    {
      "path": "app/preview/footer/four/page.tsx",
      "content": "import Link from 'next/link'\n\nconst links = [\n    {\n        title: 'Features',\n        href: '#',\n    },\n    {\n        title: 'Solution',\n        href: '#',\n    },\n    {\n        title: 'Customers',\n        href: '#',\n    },\n    {\n        title: 'Pricing',\n        href: '#',\n    },\n    {\n        title: 'Help',\n        href: '#',\n    },\n    {\n        title: 'About',\n        href: '#',\n    },\n]\n\nexport default function FooterSection() {\n    return (\n        <footer className=\"border-b bg-white py-12 dark:bg-transparent\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"flex flex-wrap justify-between gap-6\">\n                    <span className=\"text-muted-foreground order-last block text-center text-sm md:order-first\">© {new Date().getFullYear()} Lyra, All rights reserved</span>\n                    <div className=\"order-first flex flex-wrap justify-center gap-6 text-sm md:order-last\">\n                        {links.map((link, index) => (\n                            <Link\n                                key={index}\n                                href={link.href}\n                                className=\"text-muted-foreground hover:text-primary block duration-150\">\n                                <span>{link.title}</span>\n                            </Link>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/footer.tsx"
    },
    {
      "path": "components/logo.tsx",
      "content": "import { cn } from '@/lib/utils'\n\n/**\n * Brand mark: four blocks, two squared and two rounded, stacked on a grid.\n * Purely presentational — wrap it in your own <Link> where it should navigate.\n */\nexport function Logo({ className }: { className?: string }) {\n    return (\n        <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n            className={cn('size-6 text-foreground', className)}>\n            <rect\n                x=\"2\"\n                y=\"2\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"2.25\"\n                fill=\"currentColor\"\n            />\n            <rect\n                x=\"13\"\n                y=\"2\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"4.5\"\n                fill=\"currentColor\"\n                fillOpacity=\".3\"\n            />\n            <rect\n                x=\"2\"\n                y=\"13\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"4.5\"\n                fill=\"currentColor\"\n                fillOpacity=\".3\"\n            />\n            <rect\n                x=\"13\"\n                y=\"13\"\n                width=\"9\"\n                height=\"9\"\n                rx=\"2.25\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    )\n}\n",
      "type": "registry:component"
    }
  ]
}