{
    "$schema": "https://ui.shadcn.com/schema/registry-item.json",
    "name": "site-footer",
    "type": "registry:component",
    "title": "Site footer",
    "description": "Marketing footer with link columns, a social column and MCP cards with a New badge.",
    "registryDependencies": [
        "tokens"
    ],
    "meta": {
        "category": "Marketing",
        "layout": "block"
    },
    "files": [
        {
            "path": "components/site-footer.html",
            "type": "registry:file",
            "target": "components/site-footer.html",
            "content": "<!-- Site footer\n     Marketing footer with link columns, a social column and MCP cards.\n     External links carry a small arrow icon. Marketing theme. -->\n\n<footer class=\"dp-site-footer\">\n  <div class=\"dp-footer-inner\">\n    <div class=\"dp-footer-cols\">\n      <div class=\"dp-footer-col\">\n        <h4>Our data</h4>\n        <ul>\n          <li><a href=\"/our-data/domain/\">Domain</a></li>\n          <li><a href=\"/our-data/business/\">Business</a></li>\n          <li><a href=\"/our-data/technology/\">Technology detection</a></li>\n          <li><a href=\"/our-data/classifications/\">Classifications</a></li>\n          <li><a href=\"/our-data/engagement/\">Engagement</a></li>\n          <li><a href=\"/our-data/risk/\">Risk</a></li>\n        </ul>\n      </div>\n      <div class=\"dp-footer-col\">\n        <h4>Data Access</h4>\n        <ul>\n          <li><a href=\"/data-access/search-engine/\">Search engine</a></li>\n          <li><a href=\"/data-access/ai-navigator-mcp/\">AI navigator + MCP</a></li>\n          <li><a href=\"/data-access/dashboards/\">Dashboards</a></li>\n          <li><a href=\"#\">API <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a></li>\n          <li><a href=\"/data-access/data-warehouses/\">Data warehouses</a></li>\n          <li><a href=\"/data-access/know-your-business/\">Know your business</a></li>\n          <li><a href=\"/recipes/\">Recipes</a></li>\n        </ul>\n      </div>\n      <div class=\"dp-footer-col\">\n        <h4>Use Cases</h4>\n        <ul>\n          <li><a href=\"/cases/assets/\">Asset management</a></li>\n          <li><a href=\"/cases/brand-protection/\">Online brand protection</a></li>\n          <li><a href=\"/cases/business-information/\">Business information</a></li>\n          <li><a href=\"/cases/registries-registrars/\">Registries &amp; registrars</a></li>\n          <li><a href=\"/cases/public/\">Public sector</a></li>\n          <li><a href=\"/cases/psp/\">Payment service providers</a></li>\n        </ul>\n      </div>\n      <div class=\"dp-footer-col\">\n        <h4>Company</h4>\n        <ul>\n          <li><a href=\"/about/\">About us</a></li>\n          <li><a href=\"#\">Career <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a></li>\n          <li><a href=\"/contact/\">Contact</a></li>\n          <li><a href=\"/crawler/\">Crawler</a></li>\n        </ul>\n      </div>\n      <div class=\"dp-footer-col\">\n        <h4>Blog</h4>\n        <ul>\n          <li><a href=\"/blog/\">Articles</a></li>\n          <li><a href=\"#\">Videos <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a></li>\n          <li><a href=\"#\">Newsletter</a></li>\n        </ul>\n      </div>\n      <div class=\"dp-footer-col\">\n        <h4>Social</h4>\n        <ul>\n          <li><a href=\"#\">LinkedIn <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a></li>\n          <li><a href=\"#\">Instagram <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 17 17 7\"></path><path d=\"M7 7h10v10\"></path></svg></a></li>\n        </ul>\n      </div>\n    </div>\n\n    <div class=\"dp-footer-mcp\">\n      <div class=\"dp-footer-mcp-head\">MCP <span class=\"dp-footer-new\">New</span></div>\n      <div class=\"dp-footer-mcp-card\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" style=\"color: var(--dp-navy);\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></svg>\n        <span class=\"dp-footer-mcp-label\"><small>MCP available on</small><b>ChatGPT</b></span>\n      </div>\n      <div class=\"dp-footer-mcp-card\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\" style=\"color: #d97757;\"><path d=\"M12 2v20M2 12h20M5 5l14 14M19 5 5 19\"></path></svg>\n        <span class=\"dp-footer-mcp-label\"><small>MCP available on</small><b>Claude</b></span>\n      </div>\n    </div>\n  </div>\n</footer>\n"
        },
        {
            "path": "components/site-footer.css",
            "type": "registry:file",
            "target": "components/site-footer.css",
            "content": "/* Site footer\n   The marketing footer: link columns, a social column and MCP cards. Colour and\n   type from tokens.css (marketing theme). */\n\n.dp-site-footer {\n  padding: var(--dp-space-12) var(--dp-space-6);\n}\n\n.dp-footer-inner {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--dp-space-10);\n  max-width: 72rem;\n  margin: 0 auto;\n}\n\n.dp-footer-cols {\n  flex: 1 1 30rem;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: var(--dp-space-8);\n}\n\n.dp-footer-col h4 {\n  margin: 0 0 var(--dp-space-4);\n  font-size: var(--dp-text-base);\n  font-weight: var(--dp-weight-bold);\n  color: var(--dp-navy);\n}\n\n.dp-footer-col ul {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--dp-space-3);\n}\n\n.dp-footer-col a {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: var(--dp-text-sm);\n  color: var(--dp-text-muted);\n  text-decoration: none;\n}\n\n.dp-footer-col a:hover { color: var(--dp-navy); }\n.dp-footer-col a svg { width: 0.85rem; height: 0.85rem; }\n\n.dp-footer-mcp {\n  flex: 0 0 16rem;\n}\n\n.dp-footer-mcp-head {\n  display: flex;\n  align-items: center;\n  gap: var(--dp-space-2);\n  margin-bottom: var(--dp-space-3);\n  font-size: var(--dp-text-base);\n  font-weight: var(--dp-weight-bold);\n  color: var(--dp-navy);\n}\n\n.dp-footer-new {\n  font-size: var(--dp-text-xs);\n  font-weight: var(--dp-weight-bold);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--dp-gold-800);\n  background: var(--dp-gold-200);\n  padding: 2px 6px;\n  border-radius: var(--dp-radius-xs);\n}\n\n.dp-footer-mcp-card {\n  display: flex;\n  align-items: center;\n  gap: var(--dp-space-3);\n  padding: var(--dp-space-3) var(--dp-space-4);\n  margin-bottom: var(--dp-space-3);\n  background: var(--dp-surface);\n  border: 1px solid var(--dp-border);\n  border-radius: var(--dp-radius-lg);\n}\n\n.dp-footer-mcp-card svg,\n.dp-footer-mcp-card img { width: 1.75rem; height: 1.75rem; flex: none; }\n\n.dp-footer-mcp-label { line-height: 1.2; }\n.dp-footer-mcp-label small { display: block; font-size: var(--dp-text-xs); color: var(--dp-text-muted); }\n.dp-footer-mcp-label b { color: var(--dp-navy); }\n"
        }
    ]
}