{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-footer-3","type":"registry:block","title":"Footer 3","description":"Tailark Veil footer variant 3 block","registryDependencies":["@tailark-oss/veil-logo"],"meta":{"aspect-ratio":"80/13","width":686,"height":111},"files":[{"path":"veil/blocks/footer/three.tsx","type":"registry:component","target":"@components/footer-3.tsx","content":"import Link from 'next/link'\nimport { Logo } from '@/components/logo'\n\nconst links = [\n    { label: 'Home', href: '#' },\n    { label: 'Features', href: '#' },\n    { label: 'Pricing', href: '#' },\n    { label: 'About', href: '#' },\n    { label: 'Blog', href: '#' },\n    { label: 'Contact', href: '#' },\n]\n\nexport default function Footer() {\n    return (\n        <footer className=\"bg-background @container py-12\">\n            <div className=\"mx-auto max-w-2xl px-6\">\n                <div className=\"border-y py-8\">\n                    <div className=\"@xl:flex-row @xl:items-center flex flex-col gap-6\">\n                        <Link\n                            href=\"/\"\n                            aria-label=\"home\"\n                        >\n                            <Logo className=\"h-5 w-fit\" />\n                        </Link>\n                        <nav className=\"@xl:ml-auto flex flex-wrap gap-x-6 gap-y-2\">\n                            {links.map((link) => (\n                                <Link\n                                    key={link.label}\n                                    href={link.href}\n                                    className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                                >\n                                    {link.label}\n                                </Link>\n                            ))}\n                        </nav>\n                    </div>\n                </div>\n                <div className=\"@xl:flex-row @xl:justify-between flex flex-col-reverse gap-4 pt-8\">\n                    <p className=\"text-muted-foreground text-sm\">&copy; {2026} Veil.</p>\n                    <div className=\"flex flex-wrap gap-4\">\n                        <Link\n                            href=\"#\"\n                            className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                        >\n                            Privacy Policy\n                        </Link>\n                        <Link\n                            href=\"#\"\n                            className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                        >\n                            Terms of Service\n                        </Link>\n                        <Link\n                            href=\"#\"\n                            className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                        >\n                            Cookies\n                        </Link>\n                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}