import Link from "next/link";

export default function NotFound() {
  return (
    <section className="py-24">
      <div className="container-xl text-center">
        <div className="text-[10px] uppercase tracking-[3px] text-[var(--color-text-muted)] mb-4">
          Error
        </div>
        <h1 className="mb-4 text-4xl font-semibold tracking-[-0.02em]">
          Page not found
        </h1>
        <p className="mb-10 text-[var(--color-text-muted)] max-w-sm mx-auto">
          The page you are looking for does not exist.
        </p>
        <Link href="/" className="btn-primary inline-block">
          Back to Home
        </Link>
      </div>
    </section>
  );
}
