{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-footer-1","type":"registry:block","title":"Footer 1","description":"Tailark Dusk footer variant 1 block","registryDependencies":["@tailark-oss/dusk-logo","@tailark-oss/dusk-button","@tailark-oss/dusk-input","@tailark-oss/dusk-label"],"meta":{"aspect-ratio":"60/26","width":686,"height":297},"files":[{"path":"dusk/blocks/footer/one.tsx","type":"registry:component","target":"@components/footer-1.tsx","content":"import Link from 'next/link'\nimport { Button } from '@/components/ui/button'\nimport { Label } from '@/components/ui/label'\nimport { Input } from '@/components/ui/input'\nimport { LogoIcon } from '@/components/logo'\n\nconst communityLinks = [\n    { href: '#', label: 'GitHub' },\n    { href: '#', label: 'Discord' },\n    { href: '#', label: 'Slack' },\n    { href: '#', label: 'X / Twitter' },\n]\n\nconst footerLinks = [\n    {\n        name: 'Product',\n        links: [\n            { href: '#', label: 'Security' },\n            { href: '#', label: 'Customization' },\n            { href: '#', label: 'Enterprise' },\n            { href: '#', label: 'Partners' },\n        ],\n    },\n    {\n        name: 'Company',\n        links: [\n            { href: '#', label: 'About' },\n            { href: '#', label: 'Customers' },\n            { href: '#', label: 'Enterprise' },\n            { href: '#', label: 'Partners' },\n            { href: '#', label: 'Jobs' },\n        ],\n    },\n    {\n        name: 'Legal',\n        links: [\n            { href: '#', label: 'Licence' },\n            { href: '#', label: 'Privacy Policy' },\n            { href: '#', label: 'Terms of Service' },\n            { href: '#', label: 'Cookie Policy' },\n        ],\n    },\n]\n\nexport default function Footer() {\n    return (\n        <footer>\n            <div className=\"mx-auto max-w-7xl space-y-16 px-6 pb-16 pt-32\">\n                <div className=\"grid grid-cols-2 gap-x-3 gap-y-12 sm:grid-cols-4 lg:grid-cols-5\">\n                    <div className=\"max-lg:col-span-full\">\n                        <Link\n                            href=\"/\"\n                            aria-label=\"go home\"\n                        >\n                            <LogoIcon uniColor />\n                        </Link>\n                    </div>\n\n                    {footerLinks.map((linksGroup, index) => (\n                        <div key={index}>\n                            <span className=\"text-sm font-medium\">{linksGroup.name}</span>\n                            <ul className=\"mt-4 list-inside space-y-4\">\n                                {linksGroup.links.map((link, index) => (\n                                    <li key={index}>\n                                        <Link\n                                            href={link.href}\n                                            className=\"hover:text-primary text-muted-foreground text-sm duration-150\"\n                                        >\n                                            {link.label}\n                                        </Link>\n                                    </li>\n                                ))}\n                            </ul>\n                        </div>\n                    ))}\n                    <div>\n                        <span className=\"text-sm font-medium\">Community</span>\n                        <ul className=\"mt-4 list-inside space-y-4\">\n                            {communityLinks.map((link, index) => (\n                                <li key={index}>\n                                    <Link\n                                        href={link.href}\n                                        className=\"hover:text-primary text-muted-foreground text-sm duration-150\"\n                                    >\n                                        {link.label}\n                                    </Link>\n                                </li>\n                            ))}\n                        </ul>\n\n                        <form className=\"mt-12 w-full max-w-xs\">\n                            <div className=\"space-y-2.5\">\n                                <Label\n                                    className=\"block text-sm font-medium\"\n                                    htmlFor=\"email\"\n                                >\n                                    Subscribe to our newsletter\n                                </Label>\n                                <Input\n                                    className=\"text-sm\"\n                                    placeholder=\"Your email\"\n                                    type=\"email\"\n                                    id=\"email\"\n                                    required\n                                    name=\"email\"\n                                />\n                            </div>\n                            <Button\n                                type=\"submit\"\n                                className=\"mt-3\"\n                                size=\"sm\"\n                            >\n                                <span>Subscribe</span>\n                            </Button>\n                        </form>\n                    </div>\n                </div>\n                <div className=\"mt-16\">\n                    <span className=\"text-muted-foreground block text-sm\">&copy; Tailark 2025 - Present</span>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}