{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "footer-bold",
  "title": "Bold Footer",
  "description": "Bold footer with editable headline, studio links, and socials.",
  "dependencies": [
    "next"
  ],
  "registryDependencies": [
    "@atroui/brand"
  ],
  "files": [
    {
      "path": "registry/default/blocks/footer-bold.tsx",
      "content": "import Link from \"next/link\"\n\nimport { getBrand } from \"@/lib/brand\"\n\n/**\n * Edit CONTENT to change headline, nav, and socials.\n * Defaults match the AtroUI docs Footer Bold demo.\n */\nconst CONTENT = {\n  headline: \"Have a project in mind? Let's ship something this week.\",\n  studio: [\n    { label: \"Work\", href: \"/work\" },\n    { label: \"Tools\", href: \"/tools\" },\n    { label: \"Services\", href: \"/services\" },\n    { label: \"About\", href: \"/about\" },\n    { label: \"Contact\", href: \"/contact\" },\n  ],\n  elsewhere: [\n    {\n      label: \"GitHub\",\n      href: \"https://github.com/KOUSTAV2409\",\n      external: true,\n    },\n    { label: \"X / Twitter\", href: \"https://x.com/iamk\", external: true },\n    { label: \"iamk.xyz\", href: \"https://www.iamk.xyz\", external: true },\n    { label: \"Journal\", href: \"/journal\", external: false },\n    { label: \"Resources\", href: \"/resources\", external: false },\n    { label: \"Brand & links\", href: \"/brand\", external: false },\n  ],\n  location: \"West Bengal · Remote\",\n}\n\nexport function BoldFooter() {\n  const year = new Date().getFullYear()\n  const { name, email } = getBrand()\n\n  return (\n    <footer className=\"w-full overflow-hidden border-t border-border-subtle bg-background text-foreground pb-[env(safe-area-inset-bottom)]\">\n      <div className=\"mx-auto max-w-7xl border-x border-border-subtle\">\n        <div className=\"flex flex-col items-center px-6 py-16 sm:px-10 sm:py-20\">\n          <div className=\"mb-16 flex w-full flex-col items-start justify-between gap-12 md:mb-20 md:flex-row\">\n            <div className=\"max-w-md\">\n              <h2 className=\"mb-6 text-3xl font-medium tracking-tight text-pretty text-foreground\">\n                {CONTENT.headline}\n              </h2>\n              <a\n                href={`mailto:${email}`}\n                className=\"border-b-2 border-foreground pb-1 text-lg font-medium transition-colors hover:border-[var(--color-brand,#0b7bff)] hover:text-[var(--color-brand,#0b7bff)]\"\n              >\n                {email}\n              </a>\n            </div>\n\n            <div className=\"grid grid-cols-2 gap-12 sm:gap-16\">\n              <div>\n                <p className=\"mb-4 text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase\">\n                  Studio\n                </p>\n                <nav className=\"flex flex-col gap-1 text-sm\">\n                  {CONTENT.studio.map((item) => (\n                    <Link\n                      key={item.href}\n                      href={item.href}\n                      className=\"inline-flex min-h-10 items-center font-medium hover:text-[var(--color-brand,#0b7bff)]\"\n                    >\n                      {item.label}\n                    </Link>\n                  ))}\n                </nav>\n              </div>\n              <div>\n                <p className=\"mb-4 text-[11px] font-semibold tracking-[0.14em] text-muted-foreground uppercase\">\n                  Elsewhere\n                </p>\n                <nav className=\"flex flex-col gap-1 text-sm\">\n                  {CONTENT.elsewhere.map((item) =>\n                    item.external ? (\n                      <a\n                        key={item.href}\n                        href={item.href}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className=\"inline-flex min-h-10 items-center font-medium hover:text-[var(--color-brand,#0b7bff)]\"\n                      >\n                        {item.label}\n                      </a>\n                    ) : (\n                      <Link\n                        key={item.href}\n                        href={item.href}\n                        className=\"inline-flex min-h-10 items-center font-medium hover:text-[var(--color-brand,#0b7bff)]\"\n                      >\n                        {item.label}\n                      </Link>\n                    )\n                  )}\n                </nav>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"relative w-full\">\n            <p\n              aria-hidden\n              className=\"pointer-events-none -mb-[2vw] select-none text-[12vw] leading-none font-black tracking-tighter text-foreground opacity-5\"\n            >\n              {name}\n            </p>\n            <div className=\"relative z-10 flex flex-col gap-4 border-t border-border-subtle pt-8 pb-2 sm:flex-row sm:items-end sm:justify-between\">\n              <span className=\"text-xs font-medium tracking-widest text-muted-foreground uppercase\">\n                © {year} {name}\n              </span>\n              <div className=\"flex items-center gap-6 sm:gap-8\">\n                <span className=\"hidden text-xs text-muted-foreground sm:inline\">\n                  {CONTENT.location}\n                </span>\n                <a\n                  href=\"#main\"\n                  className=\"inline-flex min-h-10 items-center text-xs font-bold tracking-widest uppercase transition-colors hover:text-[var(--color-brand,#0b7bff)]\"\n                >\n                  Back to top ↑\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/footer-bold.tsx"
    }
  ],
  "type": "registry:block"
}