Files

31 lines
1.3 KiB
TypeScript

import Link from "next/link"
export default function NotFoundPage() {
return (
<main className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 via-white to-sky-100 dark:from-slate-900 dark:via-blue-950 dark:to-slate-900 p-6">
<section className="w-full max-w-xl rounded-2xl border border-blue-200/70 dark:border-blue-900 bg-white/90 dark:bg-slate-900/90 p-8 shadow-xl">
<p className="text-xs font-semibold tracking-[0.2em] text-blue-600 dark:text-blue-300">ERROR 404</p>
<h1 className="mt-2 text-3xl font-bold text-slate-900 dark:text-white">Page not found</h1>
<p className="mt-3 text-sm text-slate-600 dark:text-slate-300">
The page you requested does not exist or may have been moved.
</p>
<div className="mt-6 flex flex-wrap gap-3">
<Link
href="/"
className="rounded-lg bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-700"
>
Go Home
</Link>
<Link
href="/dashboard"
className="rounded-lg border border-blue-300 px-4 py-2 text-sm font-semibold text-blue-700 hover:bg-blue-50 dark:border-blue-700 dark:text-blue-300 dark:hover:bg-blue-950/50"
>
Open Dashboard
</Link>
</div>
</section>
</main>
)
}