{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error-6",
  "title": "Oversized 404 Numeral",
  "description": "404 not found page led by a display-sized 404 numeral, a friendly headline, short copy, and go home plus go back buttons.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/blocks/error/6/error-block.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport { IconPlaceholder } from \"@/components/icons/icon-placeholder\"\n\nexport default function ErrorBlock() {\n  return (\n    <section className=\"flex min-h-svh w-full items-center justify-center bg-background px-6 py-16 text-foreground\">\n      <div className=\"mx-auto flex max-w-lg flex-col items-center text-center\">\n        <span\n          className=\"text-[8rem] leading-none font-bold tracking-tighter text-foreground tabular-nums select-none sm:text-[11rem]\"\n          aria-hidden=\"true\"\n        >\n          404\n        </span>\n        <h1 className=\"-mt-2 font-heading text-2xl font-bold tracking-tight sm:text-3xl\">\n          This page took a wrong turn\n        </h1>\n        <p className=\"mt-3 max-w-sm text-sm text-pretty text-muted-foreground\">\n          The page you&apos;re looking for doesn&apos;t exist or may have been\n          moved. Let&apos;s get you back on track.\n        </p>\n        <div className=\"mt-8 flex flex-col gap-3 sm:flex-row\">\n          <Button render={<a href=\"#\" />} nativeButton={false}>\n            <IconPlaceholder\n              lucide=\"Home\"\n              tabler=\"IconHome\"\n              hugeicons=\"HomeIcon\"\n              phosphor=\"House\"\n              remixicon=\"RiHome4Line\"\n              data-icon=\"inline-start\"\n              aria-hidden=\"true\"\n            />\n            Go home\n          </Button>\n          <Button\n            render={<a href=\"#\" />}\n            nativeButton={false}\n            variant=\"outline\"\n          >\n            <IconPlaceholder\n              lucide=\"ArrowLeft\"\n              tabler=\"IconArrowLeft\"\n              hugeicons=\"ArrowLeftIcon\"\n              phosphor=\"ArrowLeft\"\n              remixicon=\"RiArrowLeftLine\"\n              data-icon=\"inline-start\"\n              aria-hidden=\"true\"\n            />\n            Go back\n          </Button>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/error-6.tsx"
    }
  ],
  "meta": {
    "height": "456px",
    "tier": "free"
  },
  "docs": "Requires a `base-*` style in components.json (the `shadcn init` default). Legacy `new-york`/`radix-*` styles install Radix primitives, which reject the `render` prop this block uses.",
  "categories": [
    "error"
  ],
  "type": "registry:block"
}