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

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