Industrial Dark UI Overhaul: Updated colors, typography, navigation, and component styling across the application
This commit is contained in:
@@ -3,12 +3,12 @@ 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="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-black text-zinc-900 dark:text-white">Seite nicht gefunden</h2>
|
||||
<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>
|
||||
@@ -17,7 +17,7 @@ export default function NotFound() {
|
||||
<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"
|
||||
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
|
||||
|
||||
Reference in New Issue
Block a user