4042

1import { buttonVariants } from "@/ui/button";
2 
3export default function _4042() {
4  return (
5    <section className="mx-auto grid max-w-4xl grid-cols-1 items-center gap-6 px-4 py-16 md:grid-cols-2">
6      <div className="space-y-6">
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-3xl font-bold tracking-tight">Page not found</h1>
12          <p className="text-balance text-base text-muted-foreground">
13            If you typed the URL directly, please make sure the spelling is
14            correct.
15          </p>
16        </div>
17        <div className="flex flex-col gap-2 md:flex-row">
18          <a href="#" className={buttonVariants()}>
19            Go Back Home
20          </a>
21          <a href="#" className={buttonVariants({ variant: "outline" })}>
22            Contact Support
23          </a>
24        </div>
25      </div>
26      <div className="order-first grid place-items-center md:order-last">
27        <svg
28          className="h-96"
29          xmlns="http://www.w3.org/2000/svg"
30          width="400"
31          height="400"
32          version="1.0"
33          fill="currentColor"
34          viewBox="0 0 300 300"
35        >
36// … truncated