"use client"; import Link from 'next/link'; import { useEffect, useState } from 'react'; import { Home, Search, MoveLeft } from 'lucide-react'; export default function NotFound() { const [isLoaded, setIsLoaded] = useState(false); useEffect(() => { setIsLoaded(true); }, []); return (
{/* Animated 404 number */}

404

{/* Page not found message */}

Oops! Page Not Found

The page you are looking for seems to have wandered off into the digital void. Let's guide you back to reality.

{/* Animated dots - glowing effect */}
{[0, 1, 2, 3, 4].map((dot) => (
))}
{/* Home link button - glowing effect */} Return to Home
{/* Floating particles for atmosphere */}
{[...Array(20)].map((_, i) => (
))}
{/* Add keyframes for floating animation */}
); }