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

export const metadata: Metadata = {
  title: "Page Not Found",
};

export default function NotFound() {
  return (
    <main className="site-shell">
      <section className="hero" aria-labelledby="notfound-heading">
        <div className="container">
          <div className="hero-copy">
            <p className="eyebrow" aria-hidden="true">
              404
            </p>
            <h1 id="notfound-heading">Page not found</h1>
            <p className="hero-text">
              The page you&rsquo;re looking for doesn&rsquo;t exist or has been
              moved.
            </p>
            <div className="hero-actions">
              <Link href="/" className="button button-primary">
                Go home
              </Link>
            </div>
          </div>
        </div>
      </section>
    </main>
  );
}
