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-zinc-50 dark:bg-black text-center">
            <div className="bg-white dark:bg-zinc-900 p-8 rounded-3xl border border-zinc-200 dark:border-zinc-800 shadow-xl max-w-md w-full space-y-6">
                <div className="text-8xl font-black text-amber-600/20">404</div>

                <div className="space-y-2">
                    <h2 className="text-2xl font-black text-zinc-900 dark:text-white">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-amber-600 hover:bg-amber-700 text-white rounded-xl font-bold flex items-center justify-center gap-2 transition-all shadow-lg shadow-amber-600/20"
                    >
                        <Home size={18} />
                        Zurück zum Vault
                    </Link>
                </div>
            </div>
        </div>
    );
}
