import { Head } from "$fresh/runtime.ts";

export default function Error404() {
  return (
    <>
      <Head>
        <title>404 - Page not found</title>
      </Head>
      <div class="container w-full">
        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
          <img
            class="my-6 rounded-3xl"
            src="/bearcam.gif"
            alt="a gif of a bear playing with the camera"
          />
          <h1 class="text-4xl font-bold">404 - Page not found</h1>
          <p class="my-4">
            Looks like we couldn't find what you were looking for, but this bear found a camera!
          </p>
          <a href="/" class="underline text-sky">Go back home</a>
        </div>
      </div>
    </>
  );
}
