{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-footer-3","type":"registry:block","title":"Footer 3","description":"Tailark Mist footer variant 3 block","registryDependencies":["@tailark-oss/mist-logo"],"meta":{"aspect-ratio":"96/23","width":686,"height":164},"files":[{"path":"mist/blocks/footer/three.tsx","type":"registry:component","target":"@components/footer-3.tsx","content":"import { Logo } from '@/components/logo'\nimport Link from 'next/link'\n\nconst links = [\n    {\n        group: 'Product',\n        items: [\n            {\n                title: 'Features',\n                href: '#',\n            },\n            {\n                title: 'Solution',\n                href: '#',\n            },\n        ],\n    },\n    {\n        group: 'Company',\n        items: [\n            {\n                title: 'About',\n                href: '#',\n            },\n            {\n                title: 'Licence',\n                href: '#',\n            },\n            {\n                title: 'Privacy',\n                href: '#',\n            },\n            {\n                title: 'Cookies',\n                href: '#',\n            },\n        ],\n    },\n]\n\nexport default function Footer() {\n    return (\n        <footer className=\"bg-background border-b py-8 sm:py-20\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"grid gap-12 md:grid-cols-5\">\n                    <div className=\"space-y-6 md:col-span-2\">\n                        <Link\n                            href=\"/\"\n                            aria-label=\"go home\"\n                            className=\"block size-fit\"\n                        >\n                            <Logo />\n                        </Link>\n\n                        <div className=\"order-first flex flex-wrap gap-6 text-sm md:order-last\">\n                            <Link\n                                href=\"#\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"X/Twitter\"\n                                className=\"text-muted-foreground hover:text-primary block\"\n                            >\n                                <svg\n                                    className=\"size-6\"\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"1em\"\n                                    height=\"1em\"\n                                    viewBox=\"0 0 24 24\"\n                                >\n                                    <path\n                                        fill=\"currentColor\"\n                                        d=\"M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z\"\n                                    ></path>\n                                </svg>\n                            </Link>\n                            <Link\n                                href=\"#\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                aria-label=\"LinkedIn\"\n                                className=\"text-muted-foreground hover:text-primary block\"\n                            >\n                                <svg\n                                    className=\"size-6\"\n                                    xmlns=\"http://www.w3.org/2000/svg\"\n                                    width=\"1em\"\n                                    height=\"1em\"\n                                    viewBox=\"0 0 24 24\"\n                                >\n                                    <path\n                                        fill=\"currentColor\"\n                                        d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z\"\n                                    ></path>\n                                </svg>\n                            </Link>\n                        </div>\n                    </div>\n\n                    <div className=\"col-span-3 grid gap-6 sm:grid-cols-3\">\n                        {links.map((link, index) => (\n                            <div\n                                key={index}\n                                className=\"space-y-4\"\n                            >\n                                <span className=\"block font-medium\">{link.group}</span>\n\n                                <div className=\"flex flex-wrap gap-4 sm:flex-col\">\n                                    {link.items.map((item, index) => (\n                                        <Link\n                                            key={index}\n                                            href={item.href}\n                                            className=\"text-muted-foreground hover:text-primary block duration-150\"\n                                        >\n                                            <span>{item.title}</span>\n                                        </Link>\n                                    ))}\n                                </div>\n                            </div>\n                        ))}\n                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}