{
    "$schema": "https://ui.shadcn.com/schema/registry-item.json",
    "name": "site-header",
    "type": "registry:component",
    "title": "Site header",
    "description": "Marketing navigation: a white rounded bar with the logo, menu items with dropdown carets, log-in and a gold Contact CTA.",
    "registryDependencies": [
        "tokens",
        "button"
    ],
    "meta": {
        "category": "Marketing",
        "layout": "block"
    },
    "files": [
        {
            "path": "components/site-header.html",
            "type": "registry:file",
            "target": "components/site-header.html",
            "content": "<!-- Site header\n     Marketing navigation. Menu items with a dropdown open a mega-menu (wire the\n     panel with the menu component or a details element). The Contact CTA uses\n     the gold button. Marketing theme (no data-theme). -->\n\n<header class=\"dp-site-header\">\n  <nav class=\"dp-site-nav\" aria-label=\"Primary\">\n    <a class=\"dp-site-logo\" href=\"/\" aria-label=\"Dataprovider.com\">\n      <svg viewBox=\"0 0 294 82\" role=\"img\" aria-label=\"Dataprovider.com\"><g fill=\"currentColor\"><path d=\"M121.52.73h7.79c2.98.04 7.48.1 10.6 2.88 2.53 2.29 3.5 5.72 3.5 9.14 0 2.11-.31 3.67-.62 4.71-2.25 7.55-9.08 7.69-11.64 7.72h-9.63zm6.17 5.16v14.37h1.87c3.26-.07 7.76-.24 7.76-7.27 0-1.7-.17-3.39-1.28-4.92-1.66-2.22-4.02-2.18-5.89-2.18zM157.17.73l9.01 24.45h-6.51l-1.21-3.91h-9.01l-1.21 3.91h-6.51L150.8.73zm-3.29 5.82c-.31 1.25-.66 2.53-1 3.78-.52 1.84-1.45 4.71-2.01 6.55h6.2zM162.08.7h18.84v4.85h-6.34v19.64h-6.13V5.55h-6.37zM192.16.73l9.01 24.45h-6.51l-1.21-3.91h-9.01l-1.21 3.91h-6.51L185.79.73zm-3.29 5.82c-.31 1.25-.66 2.53-1 3.78-.52 1.84-1.45 4.71-2.01 6.55h6.2zM121.52 28.82h9.84c4.02 0 7.59 0 9.73 3.08.94 1.39 1.39 3.36 1.39 5.02 0 1.35-.28 2.67-.83 3.81-2.11 4.36-6.62 4.47-9.94 4.54h-4.05v8h-6.13V28.82zm6.13 4.51v7.41h3.67c2.29 0 5.06-.07 5.06-3.84 0-3.57-3.08-3.57-4.85-3.57zM143.84 28.82h11.01c2.56.04 5.75.07 8 2.49 1.14 1.28 1.94 3.22 1.94 5.44 0 4.92-3.36 6.13-5.02 6.75l5.65 9.77h-6.75l-4.85-8.73h-3.84v8.73h-6.13V28.82zm6.13 4.57v6.62h5.06c.87-.03 3.67-.1 3.67-3.36 0-3.12-2.25-3.22-3.53-3.26zM177.79 53.97c-7.76 0-12.16-5.96-12.16-13.02 0-6.62 4.19-12.88 12.05-12.88 1.45 0 2.98.21 4.47.73 7.48 2.6 7.97 10.74 7.97 12.4 0 4.23-1.94 8.04-4.64 10.22-2.39 1.96-5.17 2.55-7.69 2.55m4.22-19.02c-1.04-1.11-2.63-1.8-4.3-1.8-3.71 0-6.06 3.26-6.06 7.69 0 5.82 3.26 7.97 6.13 7.97 2.91 0 6.03-2.08 6.2-7.2.11-2.57-.58-5.17-1.97-6.66M204.9 28.82h6.51l-8.49 24.45h-6.23l-8.38-24.45h6.51l5.06 17.39zM218.22 28.82v24.45h-6.1V28.82zM220.82 28.82h7.79c2.98.04 7.48.1 10.6 2.88 2.53 2.29 3.5 5.72 3.5 9.14 0 2.11-.31 3.67-.62 4.71-2.25 7.55-9.08 7.69-11.64 7.72h-9.63zm6.17 5.16v14.37h1.87c3.26-.07 7.76-.24 7.76-7.27 0-1.7-.17-3.4-1.28-4.92-1.66-2.22-4.02-2.18-5.89-2.18zM244.28 28.82h18.08v4.75h-11.98V38h11.19v4.64h-11.19v5.82h13.06v4.81h-19.15zM265.05 28.82h11.01c2.56.04 5.75.07 8 2.49 1.14 1.28 1.94 3.22 1.94 5.44 0 4.92-3.36 6.13-5.02 6.75l5.65 9.77h-6.75l-4.85-8.73h-3.84v8.73h-6.13V28.82zm6.13 4.57v6.62h5.06c.87-.03 3.67-.1 3.67-3.36 0-3.12-2.25-3.22-3.53-3.26zM287.75 47.49h5.47v5.78h-5.47zM142.79 75.21c-.9 1.42-1.77 2.81-3.71 4.16-1.04.73-3.43 2.15-6.82 2.15-6.48 0-11.71-4.71-11.71-12.99 0-7.24 4.92-12.95 11.85-12.95 2.81 0 5.3.97 7.14 2.42 1.7 1.35 2.49 2.7 3.19 3.91l-4.85 2.42c-.35-.8-.76-1.63-1.84-2.53-1.18-.94-2.36-1.21-3.36-1.21-3.95 0-6.03 3.67-6.03 7.76 0 5.37 2.74 8.04 6.03 8.04 3.19 0 4.47-2.22 5.3-3.64z\"></path><path d=\"M154.48 81.48c-7.76 0-12.16-5.96-12.16-13.02 0-6.62 4.19-12.88 12.05-12.88 1.45 0 2.98.21 4.47.73 7.48 2.6 7.97 10.74 7.97 12.4 0 4.23-1.94 8.04-4.64 10.22-2.39 1.97-5.16 2.55-7.69 2.55m4.22-19.01c-1.04-1.11-2.63-1.8-4.3-1.8-3.71 0-6.06 3.26-6.06 7.69 0 5.82 3.26 7.97 6.13 7.97 2.91 0 6.03-2.08 6.2-7.2.11-2.57-.58-5.17-1.97-6.66M195.27 56.34v24.45h-5.85l.38-17.42.07-2.46-.21.87c-.31 1.39-.35 1.56-.62 2.6l-4.61 16.42h-5.26l-4.43-15.73-1.07-4.36c.1 1.94.1 2.36.21 4.68l.31 15.41h-5.92V56.35h8.94l3.74 13.72.87 3.91c.35-1.7.38-1.87.66-3.01l3.91-14.62h8.88z\"></path><circle cx=\"77.71\" cy=\"71.82\" r=\"9.55\"></circle><path d=\"M34.86.72c5.16 0 9.96.82 14.41 2.47s8.3 4.11 11.55 7.4 5.79 7.4 7.62 12.33 2.75 10.73 2.75 17.38c0 5.83-.75 11.21-2.24 16.15q-2.25 7.395-6.78 12.78c-3.03 3.59-6.8 6.41-11.33 8.46-4.52 2.06-9.85 3.08-15.98 3.08H.33V.72z\"></path></g></svg>\n    </a>\n\n    <ul class=\"dp-site-menu\">\n      <li><button type=\"button\">Our data <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button></li>\n      <li><button type=\"button\">Data Access <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button></li>\n      <li><button type=\"button\">Use Cases <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></button></li>\n      <li><a href=\"/blog/\">Blog</a></li>\n      <li><a href=\"/about/\">Company</a></li>\n    </ul>\n\n    <div class=\"dp-site-actions\">\n      <a class=\"dp-site-login\" href=\"#\">Log in</a>\n      <a class=\"dp-btn\" data-variant=\"cta\" href=\"/contact/\">Contact</a>\n    </div>\n  </nav>\n</header>\n"
        },
        {
            "path": "components/site-header.css",
            "type": "registry:file",
            "target": "components/site-header.css",
            "content": "/* Site header\n   The marketing navigation: a white rounded bar with the logo, menu items\n   (some with a dropdown caret) and log-in plus a CTA. Colour and type from\n   tokens.css (marketing theme). */\n\n.dp-site-header {\n  padding: var(--dp-space-4) var(--dp-space-6);\n}\n\n.dp-site-nav {\n  display: flex;\n  align-items: center;\n  gap: var(--dp-space-6);\n  max-width: 72rem;\n  margin: 0 auto;\n  padding: var(--dp-space-3) var(--dp-space-5);\n  background: var(--dp-surface);\n  border: 1px solid var(--dp-border);\n  border-radius: var(--dp-radius-lg);\n  box-shadow: var(--dp-shadow-sm);\n}\n\n.dp-site-logo {\n  display: inline-flex;\n  color: var(--dp-navy);\n  flex: none;\n}\n\n.dp-site-logo svg { height: 24px; width: auto; display: block; }\n\n.dp-site-menu {\n  display: flex;\n  align-items: center;\n  gap: var(--dp-space-5);\n  margin: 0 auto;\n  padding: 0;\n  list-style: none;\n}\n\n.dp-site-menu > li > a,\n.dp-site-menu > li > button {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-family: var(--dp-font-sans);\n  font-size: var(--dp-text-sm);\n  font-weight: var(--dp-weight-bold);\n  color: var(--dp-navy);\n  text-decoration: none;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n}\n\n.dp-site-menu > li > a:hover,\n.dp-site-menu > li > button:hover { color: var(--dp-link); }\n\n.dp-site-menu svg { width: 1rem; height: 1rem; }\n\n.dp-site-actions {\n  display: flex;\n  align-items: center;\n  gap: var(--dp-space-4);\n  flex: none;\n}\n\n.dp-site-login {\n  font-family: var(--dp-font-sans);\n  font-size: var(--dp-text-sm);\n  font-weight: var(--dp-weight-bold);\n  color: var(--dp-navy);\n  text-decoration: none;\n}\n\n.dp-site-login:hover { color: var(--dp-link); }\n\n@media (max-width: 860px) {\n  .dp-site-menu { display: none; }\n}\n"
        }
    ]
}