Marc Mintel
95a8b702fe
Some checks failed
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🏗️ Build (push) Failing after 8m32s
Build & Deploy / 🔍 Prepare (push) Successful in 18s
Build & Deploy / 🧪 QA (push) Failing after 1m33s
Build & Deploy / 🩺 Health Check (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 1s
53 lines
2.1 KiB
TypeScript
53 lines
2.1 KiB
TypeScript
export const metadata = {
|
|
title: "404 - Seite nicht gefunden | Marc Mintel",
|
|
description: "Diese Seite konnte leider nicht gefunden werden.",
|
|
};
|
|
|
|
import Link from "next/link";
|
|
import { Button } from "@/src/components/Button";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="flex flex-col items-center justify-center min-h-[70vh] px-5 py-20 text-center">
|
|
<div className="space-y-6 max-w-2xl mx-auto">
|
|
<span className="inline-block px-3 py-1 bg-slate-50 border border-slate-100 rounded text-[10px] font-mono text-slate-500 uppercase tracking-widest">
|
|
Error 404
|
|
</span>
|
|
<h1 className="text-5xl md:text-7xl font-black text-slate-900 tracking-tighter">
|
|
System-Anomalie.
|
|
</h1>
|
|
<p className="text-xl md:text-2xl text-slate-500 font-serif italic max-w-xl mx-auto leading-relaxed">
|
|
Die angeforderte URL existiert nicht in dieser Zeitleiste.
|
|
Möglicherweise wurde die Seite verschoben oder gelöscht.
|
|
</p>
|
|
|
|
<div className="pt-8 flex flex-col sm:flex-row items-center justify-center gap-4">
|
|
<Button href="/" variant="primary">
|
|
Zurück zur Basis
|
|
</Button>
|
|
<Button href="/blog" variant="outline">
|
|
Aktuelle Artikel lesen
|
|
</Button>
|
|
</div>
|
|
|
|
<div className="pt-16 max-w-sm mx-auto">
|
|
<div className="bg-slate-50 p-6 rounded-2xl border border-slate-100 text-left font-mono text-xs text-slate-400">
|
|
<div className="flex justify-between border-b border-slate-200/60 pb-2 mb-2">
|
|
<span>STATUS</span>
|
|
<span className="text-red-500">404 NOT_FOUND</span>
|
|
</div>
|
|
<div className="flex justify-between border-b border-slate-200/60 pb-2 mb-2">
|
|
<span>ACTION</span>
|
|
<span>REROUTE_SUGGESTED</span>
|
|
</div>
|
|
<div className="flex justify-between">
|
|
<span>SYSTEM</span>
|
|
<span className="text-green-500">ONLINE</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|