<div class="flex">
  <div class="hero min-h-screen">
    <div class="hero-content text-center">
      <div class="max-w-lg rounded-md bg-base-200 p-16">
        <h1 class="text-5xl font-bold">There was an error.</h1>
        <div class="join py-6">
          <a class="btn btn-primary btn-lg" href="/">Home</a>
        </div>
      </div>
    </div>
  </div>

  <footer
    class="footer footer-center fixed bottom-0 bg-base-300 p-4 text-base-content"
  >
    <aside class="text-2xl">
      <p>
        <a
          href="https://github.com/TheOnlyWayUp"
          class="underline"
          target="_blank">TheOnlyWayUp</a
        > © 2024
      </p>
    </aside>
  </footer>
</div>
