{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-footer-4","type":"registry:block","title":"Footer 4","description":"Tailark Veil footer variant 4 block","registryDependencies":["@tailark-oss/veil-logo"],"meta":{"aspect-ratio":"60/17","width":686,"height":194},"files":[{"path":"veil/blocks/footer/four.tsx","type":"registry:component","target":"@components/footer-4.tsx","content":"import Link from 'next/link'\nimport { Logo } from '@/components/logo'\nimport { Github, Linkedin, Twitter } from 'lucide-react'\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\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-3xl px-6\">\n                <div className=\"grid gap-8\">\n                    <div className=\"col-span-full border-b pb-8\">\n                        <Link\n                            href=\"/\"\n                            className=\"flex items-center gap-2\"\n                        >\n                            <Logo className=\"h-5 w-fit\" />\n                        </Link>\n                        <p className=\"text-muted-foreground mt-4 max-w-xs text-sm\">The modern integration platform for teams who ship fast.</p>\n                        <div className=\"-ml-2 mt-6 flex\">\n                            {social.map((item) => (\n                                <Link\n                                    key={item.label}\n                                    href={item.href}\n                                    className=\"text-muted-foreground hover:text-foreground flex size-8 transition-colors *:m-auto\"\n                                    aria-label={item.label}\n                                >\n                                    <item.icon className=\"size-4\" />\n                                </Link>\n                            ))}\n                        </div>\n                    </div>\n\n                    <nav className=\"flex flex-wrap gap-x-8 gap-y-3\">\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=\"border-t pt-8\">\n                        <p className=\"text-muted-foreground text-sm\">&copy; {2026} Veil, Inc. All rights reserved.</p>\n                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}