{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "promote-header",
  "type": "registry:ui",
  "title": "Promote Header",
  "description": "A promotional header component for announcements and marketing messages.",
  "dependencies": [
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/ruixenui/promote-header.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { usePathname } from \"next/navigation\";\n\ntype NavItem = { href: string; label: string };\ntype Resource = {\n  href: string;\n  title: string;\n  desc: string;\n  icon: React.ReactNode;\n};\n\nconst NAV: NavItem[] = [\n  { href: \"/\", label: \"Home\" },\n  { href: \"/features\", label: \"Features\" },\n  { href: \"/pricing\", label: \"Pricing\" },\n  { href: \"/about\", label: \"About\" },\n];\n\nconst RESOURCES: Resource[] = [\n  {\n    href: \"/docs\",\n    title: \"Docs\",\n    desc: \"Guides, API, tutorials, and examples.\",\n    icon: (\n      <svg\n        viewBox=\"0 0 24 24\"\n        className=\"h-5 w-5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.8\"\n      >\n        <path d=\"M7 4h7l4 4v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\" />\n        <path d=\"M14 4v4h4\" />\n      </svg>\n    ),\n  },\n  {\n    href: \"/templates\",\n    title: \"Templates\",\n    desc: \"Production-ready starters for common use cases.\",\n    icon: (\n      <svg\n        viewBox=\"0 0 24 24\"\n        className=\"h-5 w-5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.8\"\n      >\n        <path d=\"M4 5h16M4 12h16M4 19h16\" />\n      </svg>\n    ),\n  },\n  {\n    href: \"/community\",\n    title: \"Community\",\n    desc: \"Join discussions and find support.\",\n    icon: (\n      <svg\n        viewBox=\"0 0 24 24\"\n        className=\"h-5 w-5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.8\"\n      >\n        <path d=\"M7 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8z\" />\n        <path d=\"M15 14a5 5 0 0 0-10 0v3h10v-3z\" />\n        <path d=\"M17 8h.01M21 12h.01M19 20h.01\" />\n      </svg>\n    ),\n  },\n  {\n    href: \"/changelog\",\n    title: \"Changelog\",\n    desc: \"What shipped and when, with details.\",\n    icon: (\n      <svg\n        viewBox=\"0 0 24 24\"\n        className=\"h-5 w-5\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.8\"\n      >\n        <path d=\"M3 5h18M3 12h18M3 19h18\" />\n        <path d=\"M7 5v14\" />\n      </svg>\n    ),\n  },\n];\n\nexport default function PromoteHeader() {\n  const [pathname, setPathname] = React.useState(\"/\");\n  const [open, setOpen] = React.useState(false);\n  const [isDark, setIsDark] = React.useState(false);\n\n  // Safely get pathname from Next.js hook\n  let pathnameFromHook = null;\n  try {\n    pathnameFromHook = usePathname();\n  } catch (error) {\n    // Hook not available outside Next.js router context\n    pathnameFromHook = null;\n  }\n\n  const activePath = pathnameFromHook ?? pathname;\n\n  React.useEffect(() => {\n    // Safely get pathname on client side\n    if (typeof window !== \"undefined\") {\n      setPathname(window.location.pathname);\n    }\n  }, []);\n\n  React.useEffect(() => {\n    // Initialize theme from localStorage or system\n    const stored =\n      typeof window !== \"undefined\" ? localStorage.getItem(\"theme\") : null;\n    const systemDark =\n      typeof window !== \"undefined\" &&\n      window.matchMedia?.(\"(prefers-color-scheme: dark)\")?.matches;\n    const dark = stored ? stored === \"dark\" : !!systemDark;\n    document.documentElement.classList.toggle(\"dark\", dark);\n    setIsDark(dark);\n  }, []);\n\n  const toggleTheme = () => {\n    const next = !isDark;\n    setIsDark(next);\n    document.documentElement.classList.toggle(\"dark\", next);\n    localStorage.setItem(\"theme\", next ? \"dark\" : \"light\");\n  };\n\n  const isActive = (href: string) =>\n    href === \"/\" ? activePath === \"/\" : activePath?.startsWith(href);\n\n  const primaryBtn =\n    \"inline-flex h-9 items-center justify-center rounded-md px-3 text-sm font-semibold \" +\n    \"bg-zinc-900 text-white hover:bg-zinc-900/90 \" +\n    \"dark:bg-zinc-100 dark:text-zinc-900 dark:hover:bg-zinc-100/90 \" +\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950/20 dark:focus-visible:ring-white/20\";\n\n  const secondaryBtn =\n    \"inline-flex h-9 items-center justify-center rounded-md px-3 text-sm font-medium \" +\n    \"text-zinc-800 dark:text-zinc-200 \" +\n    \"border border-zinc-950/20 dark:border-white/20 \" +\n    \"hover:bg-zinc-950/[.03] dark:hover:bg-white/5 \" +\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950/20 dark:focus-visible:ring-white/20\";\n\n  const desktopLink = (active: boolean) =>\n    [\n      \"rounded-md px-3 py-1.5 text-sm font-medium transition-colors\",\n      \"outline-none ring-0 focus-visible:ring-2 focus-visible:ring-offset-0\",\n      \"hover:bg-zinc-950/[.03] dark:hover:bg-white/5\",\n      active\n        ? \"text-zinc-950 dark:text-zinc-50 ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 bg-zinc-950/[.03] dark:bg-white/5\"\n        : \"text-zinc-600 dark:text-zinc-400\",\n    ].join(\" \");\n\n  return (\n    <>\n      {/* Skip to content */}\n      <a\n        href=\"#main\"\n        className=\"sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[100] rounded bg-zinc-900 px-3 py-2 text-sm text-white dark:bg-zinc-100 dark:text-zinc-900\"\n      >\n        Skip to content\n      </a>\n\n      {/* Announcement bar (optional) */}\n      <div className=\"w-full border-b border-zinc-950/20 bg-gradient-to-r from-zinc-50 to-white dark:from-zinc-900 dark:to-zinc-950 dark:border-white/20\">\n        <div className=\"mx-auto flex max-w-7xl items-center justify-center gap-3 px-4 py-1.5 text-xs sm:text-sm\">\n          <span className=\"rounded border border-zinc-950/20 px-1.5 py-0.5 font-medium text-zinc-700 dark:border-white/20 dark:text-zinc-200\">\n            New\n          </span>\n          <span className=\"text-zinc-700 dark:text-zinc-300\">\n            Explore our updated templates—faster starters and better docs.\n          </span>\n          <Link\n            href=\"/templates\"\n            className=\"underline decoration-zinc-400 decoration-dashed underline-offset-4 hover:decoration-solid text-zinc-900 dark:text-zinc-100\"\n          >\n            Browse templates\n          </Link>\n        </div>\n      </div>\n\n      {/* Header */}\n      <header\n        className={[\n          \"sticky top-0 z-50 w-full backdrop-blur\",\n          \"bg-white/85 dark:bg-zinc-950/80 supports-[backdrop-filter]:bg-white/60 dark:supports-[backdrop-filter]:bg-zinc-950/60\",\n          \"border-b border-zinc-950/20 dark:border-white/20\",\n        ].join(\" \")}\n      >\n        {/* subtle gradient line */}\n        <div className=\"h-[1px] w-full bg-gradient-to-r from-transparent via-zinc-950/10 to-transparent dark:via-white/10\" />\n        <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n          <div className=\"flex h-14 md:h-16 items-center justify-between gap-3\">\n            {/* Left: burger + brand + desktop nav */}\n            <div className=\"flex items-center gap-2\">\n              {/* Mobile burger */}\n              <button\n                type=\"button\"\n                aria-label=\"Toggle menu\"\n                aria-expanded={open}\n                onClick={() => setOpen((v) => !v)}\n                className={[\n                  \"md:hidden group relative size-9 rounded-md\",\n                  \"text-zinc-700 hover:text-zinc-900 dark:text-zinc-300 dark:hover:text-zinc-100\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950/20 dark:focus-visible:ring-white/20\",\n                ].join(\" \")}\n              >\n                <span\n                  className={[\n                    \"absolute inset-x-2 top-[9px] h-[2px] rounded bg-current transition-transform\",\n                    open ? \"translate-y-[6px] rotate-45\" : \"\",\n                  ].join(\" \")}\n                />\n                <span\n                  className={[\n                    \"absolute inset-x-2 top-1/2 h-[2px] -translate-y-1/2 rounded bg-current transition-opacity\",\n                    open ? \"opacity-0\" : \"opacity-100\",\n                  ].join(\" \")}\n                />\n                <span\n                  className={[\n                    \"absolute inset-x-2 bottom-[9px] h-[2px] rounded bg-current transition-transform\",\n                    open ? \"-translate-y-[6px] -rotate-45\" : \"\",\n                  ].join(\" \")}\n                />\n              </button>\n\n              {/* Brand */}\n              <Link\n                href=\"/\"\n                className=\"inline-flex items-center gap-2\"\n                aria-label=\"Home\"\n              >\n                <img\n                  src=\"https://pub-940ccf6255b54fa799a9b01050e6c227.r2.dev/ruixen-dark.png\"\n                  alt=\"Ruixen\"\n                  className=\"h-6 w-auto object-contain dark:invert\"\n                />\n                <span className=\"sr-only\">Ruixen</span>\n              </Link>\n\n              {/* Desktop Nav */}\n              <nav className=\"hidden md:flex items-center gap-1\">\n                {NAV.map((item) => (\n                  <Link\n                    key={item.href}\n                    href={item.href}\n                    aria-current={isActive(item.href) ? \"page\" : undefined}\n                    className={desktopLink(isActive(item.href))}\n                  >\n                    {item.label}\n                  </Link>\n                ))}\n\n                {/* Resources hover panel */}\n                <div className=\"relative group\">\n                  <button type=\"button\" className={desktopLink(false)}>\n                    Resources\n                  </button>\n                  <div\n                    className={[\n                      \"pointer-events-none absolute left-1/2 top-full z-40 -translate-x-1/2 pt-2 opacity-0 transition\",\n                      \"group-hover:pointer-events-auto group-hover:opacity-100\",\n                      \"group-focus-within:pointer-events-auto group-focus-within:opacity-100\",\n                    ].join(\" \")}\n                  >\n                    <div\n                      className={[\n                        \"max-w-[calc(100vw-2rem)] sm:w-[520px] rounded-xl border border-zinc-950/20 bg-white/95 p-3 shadow-xl\",\n                        \"backdrop-blur supports-[backdrop-filter]:bg-white/70\",\n                        \"dark:border-white/20 dark:bg-zinc-950/95 dark:supports-[backdrop-filter]:bg-zinc-950/70\",\n                      ].join(\" \")}\n                    >\n                      <ul className=\"grid grid-cols-1 sm:grid-cols-2 gap-2\">\n                        {RESOURCES.map((r) => (\n                          <li key={r.href}>\n                            <Link\n                              href={r.href}\n                              className={[\n                                \"flex items-start gap-3 rounded-lg p-3 transition\",\n                                \"hover:bg-zinc-950/[.03] dark:hover:bg-white/5\",\n                                \"border border-transparent hover:border-zinc-950/20 dark:hover:border-white/20\",\n                              ].join(\" \")}\n                            >\n                              <div className=\"mt-0.5 text-zinc-700 dark:text-zinc-200\">\n                                {r.icon}\n                              </div>\n                              <div className=\"min-w-0\">\n                                <div className=\"truncate text-sm font-semibold text-zinc-900 dark:text-zinc-100\">\n                                  {r.title}\n                                </div>\n                                <p className=\"mt-0.5 line-clamp-2 text-xs text-zinc-600 dark:text-zinc-400\">\n                                  {r.desc}\n                                </p>\n                              </div>\n                            </Link>\n                          </li>\n                        ))}\n                      </ul>\n                      <div className=\"mt-3 rounded-lg border border-zinc-950/20 p-2 text-xs text-zinc-600 dark:border-white/20 dark:text-zinc-400\">\n                        Looking for examples? Try the{\" \"}\n                        <Link\n                          href=\"/templates\"\n                          className=\"text-zinc-900 underline dark:text-zinc-100\"\n                        >\n                          Templates\n                        </Link>{\" \"}\n                        section or jump straight into the{\" \"}\n                        <Link\n                          href=\"/docs\"\n                          className=\"text-zinc-900 underline dark:text-zinc-100\"\n                        >\n                          Docs\n                        </Link>\n                        .\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </nav>\n            </div>\n\n            {/* Right: search + theme + CTAs (desktop) */}\n            <div className=\"hidden items-center gap-2 md:flex\">\n              {/* search */}\n              <div className=\"relative w-44 sm:w-56 lg:w-64 xl:w-80\">\n                <input\n                  type=\"search\"\n                  placeholder=\"Search docs…\"\n                  className={[\n                    \"w-full rounded-md border border-zinc-950/20 bg-white/70 px-8 py-2 text-sm text-zinc-900 placeholder:text-zinc-400\",\n                    \"focus:outline-none focus:ring-2 focus:ring-zinc-950/20\",\n                    \"backdrop-blur supports-[backdrop-filter]:bg-white/50\",\n                    \"dark:border-white/20 dark:bg-zinc-900/70 dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:focus:ring-white/20\",\n                    \"dark:supports-[backdrop-filter]:bg-zinc-900/50\",\n                  ].join(\" \")}\n                />\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  className=\"pointer-events-none absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-zinc-500 dark:text-zinc-400\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                >\n                  <circle cx=\"11\" cy=\"11\" r=\"7\" />\n                  <path d=\"M21 21l-4.3-4.3\" />\n                </svg>\n                <kbd className=\"pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 rounded border border-zinc-950/20 px-1.5 py-0.5 text-[10px] text-zinc-600 dark:border-white/20 dark:text-zinc-400\">\n                  /\n                </kbd>\n              </div>\n\n              {/* theme toggle */}\n              <button\n                type=\"button\"\n                onClick={toggleTheme}\n                className={[\n                  \"inline-flex h-9 w-9 items-center justify-center rounded-md\",\n                  \"border border-zinc-950/20 hover:bg-zinc-950/[.03]\",\n                  \"text-zinc-800 dark:text-zinc-200\",\n                  \"dark:border-white/20 dark:hover:bg-white/5\",\n                  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950/20 dark:focus-visible:ring-white/20\",\n                ].join(\" \")}\n                aria-label=\"Toggle theme\"\n                title=\"Toggle theme\"\n              >\n                {/* sun / moon swap without extra libs */}\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  className=\"h-4 w-4 dark:hidden\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"1.8\"\n                >\n                  <circle cx=\"12\" cy=\"12\" r=\"4\" />\n                  <path d=\"M12 2v2M12 20v2M4 12H2M22 12h-2M5 5l-1.5-1.5M20.5 20.5 19 19M5 19l-1.5 1.5M20.5 3.5 19 5\" />\n                </svg>\n                <svg\n                  viewBox=\"0 0 24 24\"\n                  className=\"hidden h-4 w-4 dark:block\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"1.8\"\n                >\n                  <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\" />\n                </svg>\n              </button>\n\n              {/* actions */}\n              <Link href=\"/signin\" className={secondaryBtn}>\n                Sign In\n              </Link>\n              <Link href=\"/get-started\" className={primaryBtn}>\n                Get Started\n              </Link>\n            </div>\n\n            {/* Right (mobile): quick CTA */}\n            <div className=\"md:hidden\">\n              <Link href=\"/get-started\" className={primaryBtn}>\n                Start\n              </Link>\n            </div>\n          </div>\n        </div>\n      </header>\n\n      {/* Mobile drawer */}\n      <div\n        className={[\n          \"fixed inset-0 z-50 md:hidden transition\",\n          open ? \"pointer-events-auto\" : \"pointer-events-none\",\n        ].join(\" \")}\n        aria-hidden={!open}\n      >\n        {/* overlay */}\n        <div\n          className={[\n            \"absolute inset-0 bg-black/30 backdrop-blur-sm\",\n            open ? \"opacity-100\" : \"opacity-0\",\n            \"transition-opacity\",\n          ].join(\" \")}\n          onClick={() => setOpen(false)}\n        />\n\n        {/* panel */}\n        <aside\n          className={[\n            \"absolute right-0 top-0 h-full w-80 max-w-[calc(100vw-0.75rem)] transform bg-white/95 p-4 shadow-2xl\",\n            \"backdrop-blur supports-[backdrop-filter]:bg-white/70\",\n            \"border-l border-zinc-950/20\",\n            \"dark:border-white/20 dark:bg-zinc-950/95 dark:supports-[backdrop-filter]:bg-zinc-950/70\",\n            open ? \"translate-x-0\" : \"translate-x-full\",\n            \"transition-transform\",\n            \"overflow-y-auto\",\n          ].join(\" \")}\n          role=\"dialog\"\n          aria-modal=\"true\"\n        >\n          {/* header in drawer */}\n          <div className=\"mb-3 flex items-center justify-between\">\n            <Link\n              href=\"/\"\n              onClick={() => setOpen(false)}\n              className=\"flex items-center gap-2\"\n            >\n              <img\n                src=\"https://pub-940ccf6255b54fa799a9b01050e6c227.r2.dev/ruixen-dark.png\"\n                alt=\"Ruixen\"\n                className=\"h-6 w-auto object-contain dark:invert\"\n              />\n              <span className=\"sr-only\">Ruixen</span>\n            </Link>\n            <button\n              onClick={() => setOpen(false)}\n              className=\"inline-flex size-9 items-center justify-center rounded-md border border-zinc-950/20 text-zinc-700 hover:bg-zinc-950/[.03] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950/20 dark:border-white/20 dark:text-zinc-200 dark:hover:bg-white/5 dark:focus-visible:ring-white/20\"\n              aria-label=\"Close menu\"\n            >\n              <svg\n                viewBox=\"0 0 24 24\"\n                className=\"h-4 w-4\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n              >\n                <path d=\"M18 6 6 18M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n\n          {/* search */}\n          <div className=\"mb-3\">\n            <div className=\"relative\">\n              <input\n                type=\"search\"\n                placeholder=\"Search…\"\n                className=\"w-full rounded-md border border-zinc-950/20 bg-white/80 px-8 py-2 text-sm text-zinc-900 placeholder:text-zinc-400 focus:outline-none focus:ring-2 focus:ring-zinc-950/20 dark:border-white/20 dark:bg-zinc-900/80 dark:text-zinc-100 dark:placeholder:text-zinc-500 dark:focus:ring-white/20\"\n              />\n              <svg\n                viewBox=\"0 0 24 24\"\n                className=\"pointer-events-none absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-zinc-500 dark:text-zinc-400\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n              >\n                <circle cx=\"11\" cy=\"11\" r=\"7\" />\n                <path d=\"M21 21l-4.3-4.3\" />\n              </svg>\n            </div>\n          </div>\n\n          {/* nav list */}\n          <nav className=\"space-y-1\">\n            {NAV.map((item) => (\n              <Link\n                key={item.href}\n                href={item.href}\n                onClick={() => setOpen(false)}\n                className={[\n                  \"block rounded-md px-2.5 py-2 text-sm font-medium\",\n                  \"hover:bg-zinc-950/[.03] dark:hover:bg-white/5\",\n                  isActive(item.href)\n                    ? \"text-zinc-950 dark:text-zinc-50 ring-1 ring-inset ring-zinc-950/10 dark:ring-white/10 bg-zinc-950/[.03] dark:bg-white/5\"\n                    : \"text-zinc-700 dark:text-zinc-300\",\n                ].join(\" \")}\n              >\n                {item.label}\n              </Link>\n            ))}\n          </nav>\n\n          {/* quick links */}\n          <div className=\"mt-4\">\n            <div className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400\">\n              Quick Links\n            </div>\n            <div className=\"grid grid-cols-2 gap-2\">\n              {RESOURCES.slice(0, 4).map((r) => (\n                <Link\n                  key={r.href}\n                  href={r.href}\n                  onClick={() => setOpen(false)}\n                  className=\"flex items-start gap-2 rounded-lg border border-zinc-950/20 p-2 text-sm hover:bg-zinc-950/[.03] dark:border-white/20 dark:hover:bg-white/5\"\n                >\n                  <span className=\"mt-0.5 text-zinc-700 dark:text-zinc-200\">\n                    {r.icon}\n                  </span>\n                  <span className=\"truncate text-zinc-800 dark:text-zinc-200\">\n                    {r.title}\n                  </span>\n                </Link>\n              ))}\n            </div>\n          </div>\n\n          {/* actions */}\n          <div className=\"mt-4 grid grid-cols-2 gap-2\">\n            <Link\n              href=\"/signin\"\n              onClick={() => setOpen(false)}\n              className={secondaryBtn}\n            >\n              Sign In\n            </Link>\n            <Link\n              href=\"/get-started\"\n              onClick={() => setOpen(false)}\n              className={primaryBtn}\n            >\n              Get Started\n            </Link>\n          </div>\n\n          {/* footer row in drawer */}\n          <div className=\"mt-3 flex items-center justify-between\">\n            <button\n              onClick={toggleTheme}\n              className=\"inline-flex items-center gap-2 rounded-md border border-zinc-950/20 px-3 py-2 text-sm text-zinc-800 hover:bg-zinc-950/[.03] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950/20 dark:border-white/20 dark:text-zinc-200 dark:hover:bg-white/5 dark:focus-visible:ring-white/20\"\n            >\n              <svg\n                viewBox=\"0 0 24 24\"\n                className=\"h-4 w-4 dark:hidden\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.8\"\n              >\n                <circle cx=\"12\" cy=\"12\" r=\"4\" />\n                <path d=\"M12 2v2M12 20v2M4 12H2M22 12h-2M5 5l-1.5-1.5M20.5 20.5 19 19M5 19l-1.5 1.5M20.5 3.5 19 5\" />\n              </svg>\n              <svg\n                viewBox=\"0 0 24 24\"\n                className=\"hidden h-4 w-4 dark:block\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.8\"\n              >\n                <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\" />\n              </svg>\n              Toggle theme\n            </button>\n            <Link\n              href=\"/contact\"\n              onClick={() => setOpen(false)}\n              className=\"rounded-md border border-zinc-950/20 px-3 py-2 text-sm text-zinc-700 hover:bg-zinc-950/[.03] dark:border-white/20 dark:text-zinc-300 dark:hover:bg-white/5\"\n            >\n              Contact sales\n            </Link>\n          </div>\n        </aside>\n      </div>\n    </>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ruixen/promote-header.tsx"
    }
  ]
}