{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "navbar",
  "title": "Navbar",
  "description": "A top navigation bar with brand wordmark, a responsive link list, and sign-in / get-started actions.",
  "registryDependencies": [
    "button",
    "https://www.quilldesignsystem.com/r/icon.json"
  ],
  "files": [
    {
      "path": "registry/blocks/navbar.tsx",
      "content": "import { Button } from '@/components/ui/button'\nimport { Icon } from '@/components/ui/icon'\n\nconst links = ['Product', 'Solutions', 'Pricing', 'Docs']\n\n/** A top navigation bar with brand wordmark, a responsive link list, and sign-in / get-started actions. */\nexport function Navbar() {\n  return (\n    <nav className=\"flex h-14 w-full items-center gap-6 border-b border-border bg-background px-6 text-foreground\">\n      <span className=\"font-[family-name:var(--font-fraunces,Georgia,serif)] text-lg\">Quill</span>\n      <ul className=\"hidden flex-1 items-center gap-1 md:flex\">\n        {links.map((l) => (\n          <li key={l}>\n            <a\n              href=\"#\"\n              className=\"rounded-lg px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\"\n            >\n              {l}\n            </a>\n          </li>\n        ))}\n      </ul>\n      <div className=\"ml-auto flex items-center gap-2\">\n        <Button variant=\"ghost\" size=\"sm\">\n          Sign in\n        </Button>\n        <Button size=\"sm\">\n          Get started <Icon name=\"arrow_forward\" size={16} />\n        </Button>\n      </div>\n    </nav>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/quill/navbar.tsx"
    }
  ],
  "meta": {
    "intent": [
      "navigation"
    ],
    "use_when": "You need a top navigation bar with wordmark, links, and sign-in / get-started actions."
  },
  "docs": "A top navigation bar with brand wordmark, a responsive link list, and sign-in / get-started actions. Do: Keep \"Get started\" as the one default-variant (primary) button; \"Sign in\" stays ghost so it doesn't compete. Don't: Style both actions as equally prominent primary buttons. Use sidebar-nav when primary navigation belongs in a persistent side rail for an app, not a top bar for a marketing site. Use command-palette when navigation is keyboard-driven and searchable, not a fixed row of links.",
  "categories": [
    "navigation"
  ],
  "type": "registry:block"
}