---

import PageLayout from "@/layouts/Base.astro";

import { Image } from "astro:assets";

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="/icon.png" width={256} height={256} alt="stevedylan.dev site logo" loading="eager" />

	</div>

</PageLayout>