{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-footer-4","type":"registry:block","title":"Footer 4","description":"Tailark Mist footer variant 4 block","registryDependencies":["@tailark-oss/mist-logo"],"meta":{"aspect-ratio":"90/8","width":686,"height":61},"files":[{"path":"mist/blocks/footer/four.tsx","type":"registry:component","target":"@components/footer-4.tsx","content":"import { LogoIcon } from '@/components/logo'\nimport Link from 'next/link'\n\nconst links = [\n    {\n        title: 'Features',\n        href: '#',\n    },\n    {\n        title: 'Solution',\n        href: '#',\n    },\n    {\n        title: 'Customers',\n        href: '#',\n    },\n    {\n        title: 'Pricing',\n        href: '#',\n    },\n    {\n        title: 'Help',\n        href: '#',\n    },\n    {\n        title: 'About',\n        href: '#',\n    },\n]\n\nexport default function Footer() {\n    return (\n        <footer className=\"bg-background border-b py-12\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"flex flex-wrap justify-between gap-12\">\n                    <div className=\"order-last flex items-center gap-3 md:order-first\">\n                        <Link\n                            href=\"#\"\n                            aria-label=\"go home\"\n                        >\n                            <LogoIcon />\n                        </Link>\n                        <span className=\"text-muted-foreground block text-center text-sm\">© {2026} Tailark Mist, All rights reserved</span>\n                    </div>\n\n                    <div className=\"order-first flex flex-wrap gap-x-6 gap-y-4 md:order-last\">\n                        {links.map((link, index) => (\n                            <Link\n                                key={index}\n                                href={link.href}\n                                className=\"text-muted-foreground hover:text-primary block duration-150\"\n                            >\n                                <span>{link.title}</span>\n                            </Link>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}