{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "not-found-2",
  "type": "registry:block",
  "description": "Animated 404 page with floating gradient orbs, soft motion effects, and clean centered layout.",
  "dependencies": [
    "motion"
  ],
  "registryDependencies": [
    "button",
    "empty"
  ],
  "files": [
    {
      "path": "registry/blocks/not-found/2/not-found.tsx",
      "content": "\"use client\";\n\nimport { Compass, Home } from \"lucide-react\";\nimport { motion } from \"motion/react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyTitle,\n} from \"@/components/ui/empty\";\n\nconst PRIMARY_ORB_HORIZONTAL_OFFSET = 40;\nconst PRIMARY_ORB_VERTICAL_OFFSET = 20;\n\nexport function NotFoundPage() {\n  return (\n    <div className=\"relative flex min-h-screen w-full items-center justify-center overflow-hidden bg-[radial-gradient(circle_at_center,rgba(99,102,241,0.1),transparent_70%)] text-[var(--foreground)]\">\n      <div\n        aria-hidden={true}\n        className=\"-z-10 absolute inset-0 overflow-hidden\"\n      >\n        <motion.div\n          animate={{\n            x: [\n              0,\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\n              0,\n            ],\n            y: [\n              0,\n              PRIMARY_ORB_VERTICAL_OFFSET,\n              -PRIMARY_ORB_VERTICAL_OFFSET,\n              0,\n            ],\n            rotate: [0, 10, -10, 0],\n          }}\n          className=\"absolute top-1/2 left-1/3 size-90 rounded-full bg-gradient-to-tr from-purple-500/20 to-blue-500/20 blur-3xl\"\n          transition={{\n            repeat: Number.POSITIVE_INFINITY,\n            duration: 4,\n            ease: \"easeInOut\",\n          }}\n        />\n        <motion.div\n          animate={{\n            x: [\n              0,\n              -PRIMARY_ORB_HORIZONTAL_OFFSET,\n              PRIMARY_ORB_HORIZONTAL_OFFSET,\n              0,\n            ],\n            y: [\n              0,\n              -PRIMARY_ORB_VERTICAL_OFFSET,\n              PRIMARY_ORB_VERTICAL_OFFSET,\n              0,\n            ],\n          }}\n          className=\"absolute right-1/4 bottom-1/3 size-120 rounded-full bg-gradient-to-br from-indigo-400/10 to-pink-400/10 blur-3xl\"\n          transition={{\n            repeat: Number.POSITIVE_INFINITY,\n            duration: 4,\n            ease: \"easeInOut\",\n          }}\n        />\n      </div>\n\n      <Empty>\n        <EmptyHeader>\n          <EmptyTitle className=\"font-extrabold text-8xl\">404</EmptyTitle>\n          <EmptyDescription className=\"text-nowrap\">\n            The page you're looking for might have been <br />\n            moved or doesn't exist.\n          </EmptyDescription>\n        </EmptyHeader>\n        <EmptyContent>\n          <div className=\"flex gap-2\">\n            <Button asChild>\n              <a href=\"#\">\n                <Home /> Go Home\n              </a>\n            </Button>\n\n            <Button asChild variant=\"outline\">\n              <a href=\"#\">\n                <Compass /> Explore\n              </a>\n            </Button>\n          </div>\n        </EmptyContent>\n      </Empty>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "not-found"
  ]
}