{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-footer-2","type":"registry:block","title":"Footer 2","description":"Tailark Mist footer variant 2 block","registryDependencies":["@tailark-oss/mist-logo"],"meta":{"aspect-ratio":"90/30","width":686,"height":229},"files":[{"path":"mist/blocks/footer/two.tsx","type":"registry:component","target":"@components/footer-2.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                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    },\n    {\n        group: 'Company',\n        items: [\n            {\n                title: 'About',\n                href: '#',\n            },\n            {\n                title: 'Careers',\n                href: '#',\n            },\n            {\n                title: 'Blog',\n                href: '#',\n            },\n            {\n                title: 'Press',\n                href: '#',\n            },\n            {\n                title: 'Contact',\n                href: '#',\n            },\n            {\n                title: 'Help',\n                href: '#',\n            },\n        ],\n    },\n    {\n        group: 'Legal',\n        items: [\n            {\n                title: 'Licence',\n                href: '#',\n            },\n            {\n                title: 'Privacy',\n                href: '#',\n            },\n            {\n                title: 'Cookies',\n                href: '#',\n            },\n            {\n                title: 'Security',\n                href: '#',\n            },\n        ],\n    },\n]\n\nexport default function Footer() {\n    return (\n        <footer className=\"bg-background border-b pt-20\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"grid gap-12 md:grid-cols-5\">\n                    <div className=\"md:col-span-2\">\n                        <Link\n                            href=\"/\"\n                            aria-label=\"go home\"\n                            className=\"block size-fit\"\n                        >\n                            <Logo />\n                        </Link>\n                    </div>\n\n                    <div className=\"col-span-3 grid grid-cols-3 gap-6\">\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                                {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                        ))}\n                    </div>\n                </div>\n                <div className=\"mt-12 flex flex-wrap items-end justify-between gap-6 border-t py-6\">\n                    <span className=\"text-muted-foreground order-last block text-center text-sm md:order-first\">© {2026} Tailark Mist, All rights reserved</span>\n                    <div className=\"order-first flex flex-wrap justify-center 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                        <Link\n                            href=\"#\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            aria-label=\"Facebook\"\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=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95\"\n                                ></path>\n                            </svg>\n                        </Link>\n                        <Link\n                            href=\"#\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            aria-label=\"Threads\"\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=\"none\"\n                                    stroke=\"currentColor\"\n                                    strokeLinecap=\"round\"\n                                    strokeLinejoin=\"round\"\n                                    strokeWidth=\"1.5\"\n                                    d=\"M19.25 8.505c-1.577-5.867-7-5.5-7-5.5s-7.5-.5-7.5 8.995s7.5 8.996 7.5 8.996s4.458.296 6.5-3.918c.667-1.858.5-5.573-6-5.573c0 0-3 0-3 2.5c0 .976 1 2 2.5 2s3.171-1.027 3.5-3c1-6-4.5-6.5-6-4\"\n                                    color=\"currentColor\"\n                                ></path>\n                            </svg>\n                        </Link>\n                        <Link\n                            href=\"#\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            aria-label=\"Instagram\"\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=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3\"\n                                ></path>\n                            </svg>\n                        </Link>\n                        <Link\n                            href=\"#\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            aria-label=\"TikTok\"\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=\"M16.6 5.82s.51.5 0 0A4.28 4.28 0 0 1 15.54 3h-3.09v12.4a2.59 2.59 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48\"\n                                ></path>\n                            </svg>\n                        </Link>\n                    </div>\n                </div>\n            </div>\n        </footer>\n    )\n}\n"}]}