{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-footer-1","type":"registry:block","title":"Footer 1","description":"Tailark Veil footer variant 1 block","registryDependencies":["@tailark-oss/veil-logo"],"meta":{"aspect-ratio":"90/29","width":686,"height":221},"files":[{"path":"veil/blocks/footer/one.tsx","type":"registry:component","target":"@components/footer-1.tsx","content":"import Link from 'next/link'\nimport { Logo } from '@/components/logo'\n\nconst links = {\n    product: [\n        { label: 'Features', href: '#' },\n        { label: 'Integrations', href: '#' },\n        { label: 'Pricing', href: '#' },\n        { label: 'Changelog', href: '#' },\n    ],\n    company: [\n        { label: 'About', href: '#' },\n        { label: 'Blog', href: '#' },\n        { label: 'Careers', href: '#' },\n        { label: 'Contact', href: '#' },\n    ],\n    resources: [\n        { label: 'Documentation', href: '#' },\n        { label: 'Help Center', href: '#' },\n        { label: 'Community', href: '#' },\n        { label: 'Templates', href: '#' },\n    ],\n    legal: [\n        { label: 'Privacy', href: '#' },\n        { label: 'Terms', href: '#' },\n        { label: 'Cookie Policy', href: '#' },\n    ],\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=\"@sm:grid-cols-3 grid grid-cols-2 gap-8\">\n                    <div className=\"col-span-full\">\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\">Building the future of integrations. Connect your tools, automate your workflow.</p>\n                    </div>\n                    <div>\n                        <h3 className=\"text-foreground mb-3 text-sm font-medium\">Product</h3>\n                        <ul className=\"space-y-2\">\n                            {links.product.map((link) => (\n                                <li key={link.label}>\n                                    <Link\n                                        href={link.href}\n                                        className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                                    >\n                                        {link.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                    <div>\n                        <h3 className=\"text-foreground mb-3 text-sm font-medium\">Company</h3>\n                        <ul className=\"space-y-2\">\n                            {links.company.map((link) => (\n                                <li key={link.label}>\n                                    <Link\n                                        href={link.href}\n                                        className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                                    >\n                                        {link.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                    <div>\n                        <h3 className=\"text-foreground mb-3 text-sm font-medium\">Resources</h3>\n                        <ul className=\"space-y-2\">\n                            {links.resources.map((link) => (\n                                <li key={link.label}>\n                                    <Link\n                                        href={link.href}\n                                        className=\"text-muted-foreground hover:text-foreground text-sm transition-colors\"\n                                    >\n                                        {link.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n                    </div>\n                </div>\n                <div className=\"mt-12 flex flex-wrap items-center justify-between gap-4 border-t pt-8\">\n                    <p className=\"text-muted-foreground text-sm\">&copy; {2026} Veil. All rights reserved.</p>\n                    <div className=\"flex gap-4\">\n                        {links.legal.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                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}