<section>
  <div class="py-8 px-4 mx-auto lg:py-16 lg:px-6">
    <div class="mx-auto max-w-screen-sm text-center h-96">
      <p class="mb-4 text-8xl tracking-tight font-thin text-primary-600">
        404
      </p>
      <p class="mb-4 text-3xl tracking-tight font-bold md:text-4xl">
        Something's missing.
      </p>
      <p class="mb-4 text-lg font-light">
        Sorry, we can't find that page. You'll find lots to explore on the home
        page.
      </p>
      <a href="/"
        class="inline-flex text-white bg-primary-600 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center my-4">Back
        to Homepage</a>
    </div>
  </div>
</section>