{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error-1",
  "title": "404 Not Found With Actions",
  "description": "Centered 404 not found page led by a monospace numeral, with a short explanation and Go Home plus Go Back buttons.",
  "dependencies": [
    "@base-ui/react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/blocks/error/1/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 flex-col items-center justify-center gap-6 bg-background px-6 py-12 text-center text-foreground\">\n      <p className=\"font-mono text-7xl font-bold tracking-tighter sm:text-8xl\">\n        404\n      </p>\n\n      <div className=\"flex flex-col items-center gap-2\">\n        <h1 className=\"font-heading text-2xl font-bold tracking-tight sm:text-3xl\">\n          Page not found\n        </h1>\n        <p className=\"max-w-md text-sm text-muted-foreground\">\n          The page you are looking for does not exist or has been moved. Check\n          the URL, or head back to safety.\n        </p>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2 sm:flex-row\">\n        <Button\n          render={<a href=\"#\" />}\n          nativeButton={false}\n          className=\"w-full sm:w-auto\"\n        >\n          <IconPlaceholder\n            lucide=\"Compass\"\n            tabler=\"IconCompass\"\n            hugeicons=\"CompassIcon\"\n            phosphor=\"Compass\"\n            remixicon=\"RiCompass3Line\"\n            data-icon=\"inline-start\"\n            aria-hidden=\"true\"\n          />\n          Go Home\n        </Button>\n        <Button\n          variant=\"outline\"\n          render={<a href=\"#\" />}\n          nativeButton={false}\n          className=\"w-full sm:w-auto\"\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    </section>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/blocks/error-1.tsx"
    }
  ],
  "meta": {
    "height": "364px",
    "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"
}