34 lines
1.4 KiB
TypeScript
34 lines
1.4 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export default function NotFound() {
|
|
return (
|
|
<div className="min-h-screen bg-zinc-950 flex items-center justify-center px-6">
|
|
<div className="text-center">
|
|
<div className="inline-flex items-center justify-center w-16 h-16 rounded-full bg-zinc-800 mb-6">
|
|
<svg className="w-8 h-8 text-zinc-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={1.5}>
|
|
<path strokeLinecap="round" strokeLinejoin="round" d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
</div>
|
|
<h1 className="text-4xl font-bold text-zinc-100 tracking-tight">Page not found</h1>
|
|
<p className="mt-3 text-zinc-500 text-sm max-w-sm mx-auto">
|
|
The page you're looking for doesn't exist or has been moved.
|
|
</p>
|
|
<div className="mt-8 flex items-center justify-center gap-4">
|
|
<Link
|
|
href="/"
|
|
className="rounded-xl bg-zinc-800 hover:bg-zinc-700 px-5 py-2.5 text-sm font-semibold text-zinc-100 transition-colors border border-zinc-700"
|
|
>
|
|
Go home
|
|
</Link>
|
|
<Link
|
|
href="/admin"
|
|
className="rounded-xl bg-emerald-600 hover:bg-emerald-500 px-5 py-2.5 text-sm font-semibold text-white transition-colors"
|
|
>
|
|
Admin
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|