import Link from "next/link";

export default function NotFound() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center px-4 text-center">
      <h1 className="text-7xl font-extrabold text-[var(--accent)]">
        404
      </h1>

      <h2 className="mt-4 text-3xl font-bold text-slate-950">
        Page Not Found
      </h2>

      <p className="mt-4 max-w-xl text-slate-600">
        The page you are looking for does not exist or may have been moved.
      </p>

      <Link
        href="/"
        className="mt-8 rounded-xl bg-[var(--accent)] px-6 py-3 font-semibold text-black"
      >
        Back to Home
      </Link>
    </div>
  );
}