1
import { FileQuestion } from "lucide-react";
2
import { ButtonLink } from "@/client/components/ui";
3
 
4
export const NotFoundPage = () => (
5
  <div className="flex min-h-[60vh] animate-slide-up flex-col items-center justify-center text-center">
6
    <div className="mb-6 inline-flex rounded-2xl bg-zinc-800/60 p-4 text-zinc-400">
7
      <FileQuestion className="h-10 w-10" />
8
    </div>
9
    <h1 className="text-2xl font-bold tracking-tight text-zinc-100">Page not found</h1>
10
    <p className="mt-3 max-w-md text-sm leading-6 text-zinc-400">
11
      The page you're looking for doesn't exist or has been moved.
12
    </p>
13
    <ButtonLink to="/" variant="secondary" className="mt-6">
14
      Back to home
15
    </ButtonLink>
16
  </div>
17
);