import Link from "next/link";
import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Page not found",
  robots: { index: false, follow: false },
};

export default function NotFound() {
  return (
    <div className="mx-container py-24 text-center">
      <p className="mx-eyebrow">404 — Page not found</p>
      <h1 className="mt-2.5 text-4xl font-bold tracking-tight">
        This page doesn&apos;t exist.
      </h1>
      <p className="mx-auto mt-4 max-w-md text-muted">
        The link may be broken, or the page may have moved. Head back home or
        request a demo.
      </p>
      <div className="mt-8 flex justify-center gap-3">
        <Link
          href="/"
          className="inline-flex min-h-[44px] items-center rounded-lg bg-brand px-5 text-sm font-semibold text-white"
        >
          Go home
        </Link>
        <Link
          href="/request-demo"
          className="inline-flex min-h-[44px] items-center rounded-lg border border-line px-5 text-sm font-semibold"
        >
          Request a demo
        </Link>
      </div>
    </div>
  );
}