import Link from "next/link";
import { Home } from "lucide-react";
import { buttonVariants } from "@/components/ui/button";
import { cn } from "@/lib/utils";

export function NotFoundContent() {
  return (
    <div className="mx-auto flex max-w-md flex-col items-center gap-3 py-24 text-center">
      <span className="text-primary font-mono text-6xl font-semibold tracking-tight">
        404
      </span>
      <h1 className="font-heading text-xl font-medium">Page not found</h1>
      <p className="text-muted-foreground text-sm">
        The page you&rsquo;re looking for doesn&rsquo;t exist or may have been
        moved.
      </p>
      <Link
        href="/"
        className={cn(
          buttonVariants({ variant: "outline", size: "sm" }),
          "mt-2",
        )}
      >
        <Home className="size-3.5" />
        Back to dashboard
      </Link>
    </div>
  );
}