{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "error-3",
  "dependencies": [
    "lucide-react",
    "motion"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/components/watermelon-ui/error-3.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"motion/react\";\nimport { ArrowLeft } from \"lucide-react\";\n\nexport default function ErrorPage() {\n  return (\n    <div className=\"relative min-h-screen w-full overflow-hidden bg-black font-mono selection:bg-lime-500/30\">\n      <div className=\"relative z-10 flex min-h-screen flex-col items-center justify-center p-4\">\n        <div className=\"relative z-10 max-w-2xl space-y-8 text-center\">\n          <motion.div\n            initial={{ opacity: 0, y: 20 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ duration: 0.5, delay: 0.2 }}\n            className=\"relative inline-block\"\n          >\n            <h1\n              className=\"text-8xl font-black tracking-tighter text-transparent select-none md:text-[10rem]\"\n              style={{ WebkitTextStroke: \"2px rgba(132, 204, 22, 0.2)\" }}\n            >\n              404\n            </h1>\n            <motion.h1\n              animate={{ x: [-3, 3, -3], opacity: [0.8, 1, 0.8] }}\n              transition={{\n                duration: 0.15,\n                repeat: Infinity,\n                repeatType: \"mirror\",\n              }}\n              className=\"absolute inset-0 text-8xl font-black tracking-tighter text-lime-500 mix-blend-screen select-none md:text-[10rem]\"\n              style={{ clipPath: \"polygon(0 0, 100% 0, 100% 45%, 0 45%)\" }}\n            >\n              404\n            </motion.h1>\n            <motion.h1\n              animate={{ x: [3, -3, 3], opacity: [0.8, 1, 0.8] }}\n              transition={{\n                duration: 0.25,\n                repeat: Infinity,\n                repeatType: \"mirror\",\n              }}\n              className=\"absolute inset-0 text-8xl font-black tracking-tighter text-lime-400 mix-blend-screen select-none md:text-[10rem]\"\n              style={{\n                clipPath: \"polygon(0 55%, 100% 55%, 100% 100%, 0 100%)\",\n              }}\n            >\n              404\n            </motion.h1>\n            <h1 className=\"absolute inset-0 text-8xl font-black tracking-tighter text-white select-none md:text-[10rem]\">\n              404\n            </h1>\n          </motion.div>\n\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            transition={{ duration: 0.5, delay: 0.4 }}\n            className=\"border border-lime-500/10 bg-black/40 p-6 backdrop-blur-sm\"\n          >\n            <div className=\"mb-4 flex items-center justify-center gap-3\">\n              <h2 className=\"text-xl font-bold tracking-[0.2em] text-lime-500 uppercase md:text-2xl\">\n                Connection Severed\n              </h2>\n            </div>\n\n            <p className=\"leading-relaxed text-zinc-400 md:text-lg\">\n              Critical routing failure. The endpoint you requested has been\n              redacted, moved, or never existed in the main sequence.\n            </p>\n          </motion.div>\n\n          <motion.div\n            initial={{ opacity: 0, y: 20 }}\n            animate={{ opacity: 1, y: 0 }}\n            transition={{ duration: 0.5, delay: 0.6 }}\n            className=\"flex flex-col items-center justify-center gap-4 pt-4 sm:flex-row\"\n          >\n            <a\n              href=\"/\"\n              className=\"group relative overflow-hidden bg-lime-500 px-8 py-4 text-sm font-bold tracking-widest text-black uppercase transition-all duration-300 hover:scale-105\"\n            >\n              <div className=\"absolute inset-0 translate-y-full bg-white transition-transform duration-300 ease-in-out group-hover:translate-y-0\" />\n              <div className=\"relative flex items-center gap-2\">\n                <ArrowLeft className=\"h-4 w-4 transition-transform group-hover:-translate-x-1\" />\n                <span>Initialize Reboot</span>\n              </div>\n            </a>\n\n            <button\n              onClick={() => window.location.reload()}\n              className=\"border border-lime-500/30 px-8 py-4 text-sm font-bold tracking-widest text-lime-500 uppercase transition-all duration-300 hover:bg-lime-500 hover:text-black\"\n            >\n              Retry Uplink\n            </button>\n          </motion.div>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/ui/error-3.tsx"
    }
  ],
  "type": "registry:ui"
}