@extends('layouts.main')
@section('main-section')
<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url(assets/images/banner/banner.jpg);">
    <div class="container">
        <div class="banner-inner text-white">
            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Gallery</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item active">Gallery</li>
                </ol>
            </nav>
        </div>
    </div>
</section>
<section class="gallery-slider-area py-100 rel z-1">
    <div class="section-title text-center counter-text-wrap mb-50" data-aos="fade-up" data-aos-duration="1500"
        data-aos-offset="50">
        <h2>Explore Our Photo Gallery</h2>
        <p>Journey Through Moments – Explore Our Travel Memories in the Gallery!</p>
    </div>
    <div class="gallery-slider-active">
        @foreach($gallery as $gallerys)
        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
            <div class="image">
                <img src="{{asset('uploads/post/'.$gallerys->image)}}" alt="Gallery">
            </div>
        </div>
        @endforeach

    </div>
</section>
@endsection