30 lines
1.3 KiB
TypeScript
30 lines
1.3 KiB
TypeScript
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>
|
|
);
|
|
}
|