4043

1import { buttonVariants } from "@/ui/button";
2 
3export default function _4043() {
4  return (
5    <section className="grid place-items-center bg-muted py-32">
6      <div className="mx-4 space-y-6 rounded border bg-background p-10">
7        <div className="space-y-2 text-center md:text-left">
8          <span className="font-semibold uppercase text-muted-foreground">
9            404
10          </span>
11          <h1 className="text-balance text-3xl font-bold tracking-tight">
12            Page not found
13          </h1>
14          <p className="text-balance text-muted-foreground">
15            We couldn&apos;t find what you were looking for. Please check and
16            try again.
17          </p>
18        </div>
19 
20        <div className="flex flex-col gap-2 md:flex-row">
21          <a href="#" className={buttonVariants({ size: "sm" })}>
22            Go Back Home
23          </a>
24          <a
25            href="#"
26            className={buttonVariants({ variant: "outline", size: "sm" })}
27          >
28            Contact Support
29          </a>
30        </div>
31      </div>
32    </section>
33  );
34}