<section id="gallery">

<div class="container">

<div class="section-title">

<small>OUR GALLERY</small>

<h2>Galeri Foto</h2>

<p>

Setiap foto menyimpan cerita,
setiap momen menjadi kenangan.

</p>

</div>

<div class="swiper gallerySwiper">

<div class="swiper-wrapper">

<?php for($i=1;$i<=6;$i++): ?>

<div class="swiper-slide">

<a href="assets/img/gallery/<?= $i ?>.png" class="gallery-item">

<img src="assets/img/gallery/<?= $i ?>.png">

</a>

</div>

<?php endfor; ?>

</div>

<div class="swiper-button-next"></div>

<div class="swiper-button-prev"></div>

<div class="swiper-pagination"></div>

</div>

</div>

<!-- LIGHTBOX -->

<div id="lightbox">

<button class="lb-close">

<i class="fa-solid fa-xmark"></i>

</button>

<button class="lb-prev">

<i class="fa-solid fa-chevron-left"></i>

</button>

<div class="lb-content">

<img id="lightbox-img">

<div class="lb-counter">

<span id="current-photo"></span>

/

<span id="total-photo"></span>

</div>

</div>

<button class="lb-next">

<i class="fa-solid fa-chevron-right"></i>

</button>

</div>

</section>