{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "not-found-02",
  "title": "Not Found 02",
  "description": "A 404 not found block with big text, suggestions, and actions",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/not-found-02/components/not-found.tsx",
      "content": "import { ArrowRightIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nconst suggestions = [\n  { label: \"Home\", href: \"#\" },\n  { label: \"Blog\", href: \"/#blog\" },\n  { label: \"Pricing\", href: \"/#pricing\" },\n  { label: \"Documentation\", href: \"/#docs\" },\n  { label: \"Contact\", href: \"/#contact\" },\n];\n\nexport default function NotFound() {\n  return (\n    <div className=\"flex min-h-screen flex-col items-center justify-center px-6\">\n      <p className=\"select-none font-satoshi font-semibold text-[8rem] text-muted-foreground/50 leading-none tracking-tight\">\n        404\n      </p>\n      <h1 className=\"mt-2 font-medium text-3xl tracking-tight\">\n        Page not found\n      </h1>\n      <p className=\"mt-3 max-w-sm text-pretty text-center text-muted-foreground\">\n        The page you&apos;re looking for doesn&apos;t exist or has been moved.\n      </p>\n\n      <div className=\"mt-10 w-full max-w-xs\">\n        <p className=\"mb-3 text-center text-muted-foreground text-sm\">\n          You might be looking for:\n        </p>\n        <ul className=\"divide-y rounded-xl border\">\n          {suggestions.map((s) => (\n            <li className=\"group\" key={s.href}>\n              <Link\n                className=\"flex items-center justify-between px-4 py-3 text-sm transition-colors hover:bg-muted/50 group-first:rounded-t-xl group-last:rounded-b-xl\"\n                href={s.href}\n              >\n                {s.label}\n                <ArrowRightIcon className=\"size-3.5 text-muted-foreground\" />\n              </Link>\n            </li>\n          ))}\n        </ul>\n      </div>\n\n      <div className=\"mt-8 flex gap-3\">\n        <Button asChild>\n          <Link href=\"/\">Go home</Link>\n        </Button>\n        <Button asChild variant=\"outline\">\n          <Link href=\"/contact\">Contact support</Link>\n        </Button>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}