@extends('frontend.layout.app')
@section('content')
    <!--Start breadcrumb area paroller-->
    <section class="breadcrumb-area">
        <div class="breadcrumb-area-bg" style="background-image: url(frontend/images/breadcrumb/breadcrumb-1.jpg);"></div>
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="inner-content text-center">
                        <div class="title">
                            <h2>Our Gallery</h2>
                        </div>
                        <div class="breadcrumb-menu">
                            <ul>
                                <li><a href="{{ route('front.index') }}">Home</a></li>
                                <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                                <li class="active">Gallery</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End breadcrumb area-->

    <!--Start Service Style1 Area-->
    <section class="gallery-style1-area gallery-page-sec1">
        <div class="container">
            <div class="sec-title">
                <div class="sub-title">
                    <h5>Our Gallery</h5>
                </div>
                <h2>Your people deserve <br>great water.</h2>
                <div class="decor">
                    <img src="frontend/images/shape/decor.png" alt="">
                </div>
            </div>
            <div class="row">
                @foreach ($galleries as $data)
                    <div class="col-xl-4 col-lg-4">
                        <div class="gallery">
                            <a href="{{ asset('storage/gallery/' . $data->image) }}" class="popupimg glightbox"
                                data-gallery="gallery1">
                                <img src="{{ asset('storage/gallery/' . $data->image) }}" alt="Snow">
                            </a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--End Service Style1 Area-->
@endsection