@extends('layouts.front_app')
@section('content')

    <div class="innerBan">
        <img src="{{ asset('images/innerbnr1.png') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="slideOne text-center">
                            <h1 class="mainHeading" data-swiper-parallax="-200">Photo Gallery</h1>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="gallerySec galleryInner">
        <div class="container">

                    <div class="galleryMain">
                        <div class="row">


                        @forelse($gallery as $galleries)
                                <div class="col-md-3">
                            <div class="galleryWraps" data-aos="fade-up">
                                <a href="{{ asset('storage/' . $galleries->image) }}" data-fancybox=""
                                   class="galleryImg">
                                    <img src="{{ asset('storage/' . $galleries->image) }}" class="img-fluid w-100 h-100"
                                         alt="image">
                                </a>
                            </div>
                                </div>
                        @empty
                            <h3 class="text-center">Gallery Not Found</h3>
                        @endforelse
{{--                    </div>--}}
                </div>
            </div>
        </div>
    </section>

    @include('front.include.contact-form')
@endsection