{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "header-17",
  "title": "Classic header with sheet menu",
  "description": "Logo left, nav center, ghost sign-in and solid pill CTA right — mobile nav opens in a Sheet slide-out.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "sheet"
  ],
  "files": [
    {
      "path": "content/components/header/header-17.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowRight, Menu } from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\n\nconst navLinks = [\n  { label: \"Product\", href: \"#product\" },\n  { label: \"Pricing\", href: \"#pricing\" },\n  { label: \"Docs\", href: \"#docs\" },\n  { label: \"Blog\", href: \"#blog\" },\n]\n\nexport default function Header17() {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <section className=\"bg-background\">\n      <header className=\"mx-auto flex max-w-7xl items-center justify-between px-6 py-4 sm:px-10\">\n        {/* Logo */}\n        <a\n          href=\"#\"\n          className=\"flex items-center gap-2 font-semibold tracking-tight text-foreground\"\n        >\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src=\"https://blockus.lndevui.com/brand/logo.svg\"\n            alt=\"blockus\"\n            className=\"size-6 dark:invert\"\n          />\n          blockus\n        </a>\n\n        {/* Desktop nav */}\n        <nav className=\"hidden items-center gap-0.5 md:flex\">\n          {navLinks.map((link) => (\n            <a\n              key={link.label}\n              href={link.href}\n              className=\"rounded-md px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground\"\n            >\n              {link.label}\n            </a>\n          ))}\n        </nav>\n\n        {/* Desktop actions */}\n        <div className=\"hidden items-center gap-2 md:flex\">\n          <Button size=\"sm\" variant=\"ghost\">\n            Sign in\n          </Button>\n          <Button size=\"sm\" className=\"rounded-full px-5\">\n            Get started <ArrowRight />\n          </Button>\n        </div>\n\n        {/* Mobile sheet trigger */}\n        <Sheet open={open} onOpenChange={setOpen}>\n          <SheetTrigger asChild>\n            <button\n              type=\"button\"\n              aria-label=\"Open menu\"\n              className=\"grid size-9 place-items-center rounded-full border border-border text-foreground transition-colors hover:bg-muted md:hidden\"\n            >\n              <Menu className=\"size-4\" />\n            </button>\n          </SheetTrigger>\n          <SheetContent side=\"right\" className=\"flex w-72 flex-col p-6\">\n            <SheetHeader className=\"mb-6 text-left\">\n              <SheetTitle asChild>\n                <a\n                  href=\"#\"\n                  className=\"flex items-center gap-2 font-semibold tracking-tight text-foreground\"\n                  onClick={() => setOpen(false)}\n                >\n                  {/* eslint-disable-next-line @next/next/no-img-element */}\n                  <img\n                    src=\"https://blockus.lndevui.com/brand/logo.svg\"\n                    alt=\"blockus\"\n                    className=\"size-6 dark:invert\"\n                  />\n                  blockus\n                </a>\n              </SheetTitle>\n            </SheetHeader>\n\n            <nav className=\"flex flex-col gap-1\">\n              {navLinks.map((link) => (\n                <a\n                  key={link.label}\n                  href={link.href}\n                  onClick={() => setOpen(false)}\n                  className=\"rounded-md px-3 py-2.5 text-sm font-medium text-foreground transition-colors hover:bg-muted\"\n                >\n                  {link.label}\n                </a>\n              ))}\n            </nav>\n\n            <div className=\"mt-auto flex flex-col gap-2 border-t border-border pt-6\">\n              <Button variant=\"outline\" className=\"w-full rounded-md\">\n                Sign in\n              </Button>\n              <Button className=\"w-full rounded-full\">\n                Get started <ArrowRight />\n              </Button>\n            </div>\n          </SheetContent>\n        </Sheet>\n      </header>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/header-17.tsx"
    }
  ],
  "categories": [
    "header"
  ],
  "type": "registry:block"
}