-
Notifications
You must be signed in to change notification settings - Fork 21
/
not-found.tsx
26 lines (25 loc) · 1.36 KB
/
not-found.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import Link from "next/link";
export default function NotFound() {
return (
<div className="flex flex-col min-h-screen">
<main className="flex-1 py-10 md:py-16 lg:py-20 gap-10 flex flex-col items-center justify-center text-center">
<div className="space-y-2">
<h1 className="text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl bg-gradient-to-r from-purple-500 to-pink-500 text-transparent bg-clip-text">
404: Not Found
</h1>
<p className="max-w-[600px] text-gray-500 md:text-xl/relaxed lg:text-base/relaxed xl:text-xl/relaxed mx-auto dark:text-gray-400">
We could not find the page you were looking for.
</p>
</div>
<div className="flex flex-col gap-2 min-[400px]:flex-row justify-center">
<Link
className="inline-flex h-10 items-center justify-center rounded-md border border-gray-200 bg-white px-8 text-sm font-medium shadow-sm transition-colors hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:border-gray-800 dark:bg-gray-950 dark:hover:bg-gray-800 dark:hover:text-gray-50 dark:focus-visible:ring-gray-300"
href="/"
>
Return to website
</Link>
</div>
</main>
</div>
);
}