{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-footer-2","type":"registry:block","title":"Footer 2","description":"Tailark Veil footer variant 2 block","registryDependencies":["@tailark-oss/veil-logo"],"meta":{"aspect-ratio":"96/19","width":686,"height":136},"files":[{"path":"veil/blocks/footer/two.tsx","type":"registry:component","target":"@components/footer-2.tsx","content":"import Link from 'next/link'\nimport { Logo } from '@/components/logo'\nimport { Github, Linkedin, Twitter } from 'lucide-react'\n\nconst links = [\n    { label: 'Features', href: '#' },\n    { label: 'Pricing', href: '#' },\n    { label: 'About', href: '#' },\n    { label: 'Blog', href: '#' },\n    { label: 'Contact', href: '#' },\n]\n\nconst social = [\n    { icon: Twitter, href: '#', label: 'Twitter' },\n    { icon: Github, href: '#', label: 'GitHub' },\n    { icon: Linkedin, href: '#', label: 'LinkedIn' },\n]\n\nexport default function Footer() {\n    return (\n        <footer className=\"bg-background @container border-t py-12\">\n            <div className=\"mx-auto max-w-2xl px-6\">\n                <div className=\"flex flex-col items-center text-center\">\n                    <Link\n                        href=\"/\"\n                        className=\"flex items-center gap-2\"\n                    >\n                        <Logo className=\"h-5\" />\n                    </Link>\n                    <nav className=\"mt-8 flex flex-wrap justify-center 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 className=\"mt-8 flex gap-4\">\n                        {social.map((item) => (\n                            <Link\n                                key={item.label}\n                                href={item.href}\n                                className=\"text-muted-foreground hover:text-foreground size-8 rounded-full transition-colors\"\n                                aria-label={item.label}\n                            >\n                                <item.icon className=\"size-4\" />\n                            </Link>\n                        ))}\n                    </div>\n                    <p className=\"text-muted-foreground mt-8 text-sm\">&copy; {2026} Veil.</p>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}