---

import PageLayout from "@/layouts/Base";

import { Image } from "@astrojs/image/components";

import img from "../assets/512x512.png";

const meta = {

	title: "Oops! You found a missing page!",

	description: "Oops! It looks like this page is lost in space!",

};

---

<PageLayout meta={meta}>

	<h1 class="title mb-6">404 | Oops something went wrong</h1>

	<p class="mb-8">Please use the navigation to find your way back</p>

	<div class="my-4 grid justify-center">

		<Image

			src={img}

			alt="A cartoon cactus looking at the 'Astro.build' logo"

			loading="eager"

		/>

	</div>

</PageLayout>