37 lines
1.7 KiB
TypeScript
37 lines
1.7 KiB
TypeScript
import Link from "next/link";
|
||
|
||
export default function NotFound() {
|
||
return (
|
||
<main className="relative isolate min-h-screen flex items-center justify-center bg-gradient-to-b from-neutral-50 via-white to-neutral-100 dark:from-neutral-950 dark:via-neutral-900 dark:to-neutral-950">
|
||
<section className="container mx-auto max-w-lg px-6 py-16 text-center animate-[fadeInUp_0.6s_ease_forwards]">
|
||
<div className="mx-auto inline-flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 text-white text-3xl shadow-lg">
|
||
404
|
||
</div>
|
||
|
||
<h1 className="mt-6 text-4xl font-bold tracking-tight bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 bg-clip-text text-transparent">
|
||
Page not found
|
||
</h1>
|
||
|
||
<p className="mt-4 text-neutral-700 dark:text-neutral-300">
|
||
The page you’re looking for doesn’t exist or has been moved.
|
||
</p>
|
||
|
||
<div className="mt-8 flex flex-wrap items-center justify-center gap-4">
|
||
<Link
|
||
href="/"
|
||
className="inline-flex items-center rounded-lg bg-gradient-to-r from-blue-600 via-purple-600 to-blue-600 text-white px-6 py-2.5 text-sm font-medium hover:opacity-90 transition no-underline"
|
||
>
|
||
Go home
|
||
</Link>
|
||
<Link
|
||
href="/services"
|
||
className="inline-flex items-center rounded-lg border border-neutral-300 dark:border-neutral-700 px-6 py-2.5 text-sm font-medium text-neutral-800 dark:text-neutral-200 hover:bg-neutral-50 dark:hover:bg-neutral-800 transition no-underline"
|
||
>
|
||
Browse services
|
||
</Link>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
);
|
||
}
|