4045

1import { buttonVariants } from "@/ui/button";
2 
3export default function _4045() {
4  return (
5    <section className="mx-auto grid max-w-3xl grid-cols-1 items-center gap-6 px-4 py-32 md:grid-cols-2">
6      <div className="space-y-6 text-center md:text-left">
7        <div className="space-y-2">
8          <h1 className="text-3xl font-bold tracking-tight">Page not found</h1>
9          <p className="text-balance text-base text-muted-foreground">
10            If you typed the URL directly, please make sure the spelling is
11            correct.
12          </p>
13        </div>
14        <div className="flex flex-col gap-2 md:flex-row">
15          <a href="#" className={buttonVariants()}>
16            Go Back Home
17          </a>
18          <a href="#" className={buttonVariants({ variant: "outline" })}>
19            Contact Support
20          </a>
21        </div>
22      </div>
23      <div className="order-first text-center md:order-last">
24        <span className="text-7xl font-thin md:text-9xl">404</span>
25      </div>
26    </section>
27  );
28}