1
import { Link } from "@tanstack/react-router";
2
 
3
import { Button } from "@/client/components/ui/button";
4
import { paths } from "@/client/lib/paths";
5
 
6
export function NotFoundPage() {
7
  return (
8
    <div className="mx-auto flex max-w-md flex-col items-center gap-6 pt-12 text-center sm:pt-24">
9
      <p className="font-display text-5xl font-extrabold text-zinc-700">404</p>
10
      <h1 className="font-display text-3xl font-extrabold tracking-tight text-zinc-50">Page not found</h1>
11
      <p className="text-sm text-zinc-400">The page you're looking for doesn't exist on the control plane.</p>
12
      <Link to={paths.home}>
13
        <Button variant="secondary">Back to home</Button>
14
      </Link>
15
    </div>
16
  );
17
}