<?= $this->extend('layouts/home_layout') ?>

<?= $this->section('head') ?>
<title>Home</title>
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="px-4 pt-5 my-5 text-center bg-light border-bottom rounded-3">
  <h1 class="display-4 fw-bold text-primary">Selamat Datang di <span class="text-dark">PERPUSTAKAAN<span class="text-primary"></span></span></h1>
  <div class="col-lg-8 mx-auto">
    <p class="lead mb-4 text-muted">.</p>
    <div class="d-grid gap-3 d-sm-flex justify-content-sm-center mb-5">
      <a href="<?= base_url('login'); ?>" class="btn btn-primary btn-lg px-5 py-3 rounded-pill shadow">Login Admin</a>
      <a href="<?= base_url('book'); ?>" class="btn btn-outline-primary btn-lg px-5 py-3 rounded-pill shadow">Lihat Koleksi Buku</a>
    </div>
  </div>
  <div class="overflow-hidden position-relative" style="max-height: 50vh;">
    <div class="container px-5">
      <div class="position-absolute top-0 start-50 translate-middle text-white bg-dark p-3 rounded-pill shadow-lg">
        <h4 class="mb-0">"Temukan buku favorit Anda sekarang!"</h4>
      </div>
    </div>
  </div>
</div>

<?= $this->endSection() ?>