---
import Layout from "../layouts/Layout.astro";
---

<Layout title="404">
  <div class="grid grid-cols-2 place-items-center mx-10 my-10 mb-40">
    <h1 class="text-3xl mb-4 font-bold text-slate-800 col-span-2">404</h1>
    <p class="text-xl col-span-2">
      ¡Ups! Parece que la página que buscas no existe. Por favor, verifica la
      URL e inténtalo de nuevo.
    </p>

    <button class="col-span-2 my-10 bg-lime-700 text-white px-10 py-1 rounded-md hover:bg-lime-800 hover:scale-105 transition-transform ">
      <a href="/">Incio</a>
    </button>
  </div>

</Layout>