{{-- resources/views/public/fasilitas/index.blade.php --}}
<section id="fasilitas" class="featured-services section light-background">
    <div class="container section-title" data-aos="fade-up">
      <h2>Fasilitas Sekolah</h2>
      <p>Kami menyediakan sarana dan prasarana yang lengkap untuk menunjang kegiatan belajar mengajar.</p>
    </div>

    <div class="container" data-aos="fade-up" data-aos-delay="100">
      <div class="row gy-5">
        <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="200">
          <div class="service-item">
            <div class="img">
              <img src="{{ asset('bocor/assets/img/services-1.jpg') }}" class="img-fluid" alt="">
            </div>
            <div class="details position-relative">
              <div class="icon"><i class="bi bi-pc-display"></i></div>
              <a href="#" class="stretched-link"><h3>Lab Komputer</h3></a>
              <p>Dilengkapi dengan komputer spesifikasi terbaru dan akses internet berkecepatan tinggi.</p>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="300">
          <div class="service-item">
            <div class="img">
              <img src="{{ asset('bocor/assets/img/services-2.jpg') }}" class="img-fluid" alt="">
            </div>
            <div class="details position-relative">
              <div class="icon"><i class="bi bi-book"></i></div>
              <a href="#" class="stretched-link"><h3>Perpustakaan</h3></a>
              <p>Koleksi buku fiksi dan non-fiksi yang lengkap dengan ruangan membaca yang nyaman.</p>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-md-6" data-aos="zoom-in" data-aos-delay="400">
          <div class="service-item">
            <div class="img">
              <img src="{{ asset('bocor/assets/img/services-3.jpg') }}" class="img-fluid" alt="">
            </div>
            <div class="details position-relative">
              <div class="icon"><i class="bi bi-dribbble"></i></div>
              <a href="#" class="stretched-link"><h3>Lapangan Olahraga</h3></a>
              <p>Fasilitas olahraga luas untuk mengembangkan bakat dan fisik para siswa.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>