---
import { Image } from "astro:assets";
import BaseLayout from "../layouts/BaseLayout.astro";
import NotFoundImage from "../assets/images/404.jpeg";
---

<BaseLayout>
  <section class="mx-auto max-w-4xl px-3 pt-12 pb-8 sm:px-6">
    <h1
      class="mb-8 text-center font-serif text-3xl font-light tracking-wide text-gray-600 sm:text-4xl"
    >
      PAgE nOT fOuNd
    </h1>

    <Image
      src={NotFoundImage}
      alt="404 Not Found"
      width={800}
      quality="mid"
      class="mx-auto w-80 max-w-full rounded-lg shadow-xl"
    />
  </section>
</BaseLayout>