import Link from 'next/link';
import { Home, MoveLeft } from 'lucide-react';

export default function NotFound() {
    return (
        <div className="flex min-h-screen flex-col items-center justify-center p-6 bg-black text-center">
            <div className="bg-zinc-900 p-8 rounded-[32px] border border-zinc-800 shadow-xl max-w-md w-full space-y-6">
                <div className="text-8xl font-bold text-orange-600/10 tracking-tighter">404</div>

                <div className="space-y-2">
                    <h2 className="text-2xl font-bold text-white uppercase tracking-tighter">Seite nicht gefunden</h2>
                    <p className="text-zinc-500 text-sm">
                        Die gesuchte Seite existiert leider nicht oder wurde verschoben.
                    </p>
                </div>

                <div className="pt-4">
                    <Link
                        href="/"
                        className="w-full py-4 bg-orange-600 hover:bg-orange-700 text-white rounded-2xl font-bold flex items-center justify-center gap-2 transition-all shadow-lg shadow-orange-950/20"
                    >
                        <Home size={18} />
                        Zurück zum Vault
                    </Link>
                </div>
            </div>
        </div>
    );
}
