---
layout: base
title: 404 Not Found
permalink: 404.html
eleventyExcludeFromCollections: true
---

<div class="max-w-xl mx-auto text-center space-y-8">
  <h1
    class="pt-16 text-5xl text-center tracking-tight md:leading-tight font-bold"
  >
    404 Not Found
  </h1>

  <div>
    {% image "./src/img/404.jpg", "A sad boy carries an ID card with the number
    '404' on it", [400, 400], "mx-auto" %}
  </div>

  <div>
    <a
      href="/"
      class="truncate w-full py-2 px-4 bg-black shadow-3d-black-button bg-gradient-to-b from-gradient-btn-from to-gradient-btn-to bg-no-repeat hover:opacity-80 duration-300 font-medium text-white rounded-lg cursor-pointer text-center"
    >
      Kembali ke Beranda</a
    >
  </div>
</div>