<!-- Instagram -->
<section class="instaSec" data-aos="fade-up">
    <div class="swiper instaSlider">
        <div class="swiper-wrapper">
            @forelse ($gallories as $galle)
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ $galle->galleryImage('gallery_image') }}" class="img-fluid" alt="">
                </div>
            </div>
            @empty
            <p>no data found</p>
            @endforelse

        </div>
    </div>
    <div class="instaBox" data-aos="zoom-in">
        <h3>Our Instagram</h3>
        <span>@LUXURY CANDLES</span>
    </div>
</section>
<!-- Instagram -->
{{-- 
<section class="instaSec" data-aos="fade-up">
    <div class="swiper instaSlider">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product10.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product11.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product12.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product13.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product14.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product15.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product16.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product17.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product18.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product19.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="swiper-slide">
                <div class="instaWrap">
                    <img src="{{ asset('front/images/product20.jpeg') }}" class="img-fluid" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="instaBox" data-aos="zoom-in">
        <h3>Our Instagram</h3>
        <span>@LUXURY CANDLES</span>
    </div>
</section> --}}

<!-- FOOTER -->
<footer>
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-md-2">
                <div class="footLogo">
                    <a href="#"><img src="{{ $setting->settingImage('footer_logo') ?? '' }}" class="img-fluid" alt=""></a>
                    <ul>
{{--                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>--}}
{{--                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>--}}
                        <li><a href="https://www.instagram.com/luxurycandles_llc?igsh=MjlpcmIzeGhrOTB6"
                                target="_blank"><i class="fab fa-instagram"></i></a></li>
{{--                        <li><a href="#"><i class="fab fa-pinterest"></i></a></li>--}}
                    </ul>
                </div>
            </div>
            <div class="col-md-2">
                <h3>Information</h3>
                <ul class="links">
                    <li><a href="{{ route("front.about") }}">About Us</a></li>
{{--                    <li><a href="{{route("front.luxury.candles") }}">Store Location</a></li>--}}
                    <li><a href="{{route("front.luxury.candles") }}">Product Categories</a></li>
                    <li><a href="{{ route('front.faq') }}">FAQs</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <h3>our services</h3>
                <ul class="links">
                    <li><a href="{{ route("front.delivery") }}">Delivery</a></li>
                    <li><a href="{{ route("front.return.policy") }}">Return Policy</a></li>
{{--                    <li><a href="#">Purchase History</a></li>--}}
                    <!-- <li><a href="customer-service.php">Customer Service</a></li> -->
                </ul>
            </div>
            <div class="col-md-3">
                <h3>Contact us</h3>
                <ul class="links">
                    {{-- <li><a href="#"><span>Main store:</span>{{ $setting->address ?? '' }}</a>
                    </li>
                    <li><a href="tel:{{ $setting->phone_num ?? '' }}"><span>Phone Number:</span>{{ $setting->phone_num ?? '' }}</a></li>
                    --}}
                    <li><a href="mailto:{{ $setting->email ?? '' }}"><span>Email:</span> {{ $setting->email ?? '' }}</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="copyRight">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <p>{{ $setting->footer_description ?? '' }}</p>
                </div>
                <div class="col-md-6">
                    <div class="text-right">
                        <img src="{{ asset('front/images/payment.webp') }}" class="img-fluid" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- !FOOTER -->
<script src="{{ asset('front/js/all.min.js') }}"></script>
<script src="{{ asset('front/js/custom.min.js') }}"></script>
<script src="{{asset('admin-assets/js/toastr.min.js')}}"></script>
<script type="text/javascript" src="https://js.stripe.com/v2/"></script>
<script src="https://js.stripe.com/v3/"></script>
@yield('script')
@if(session()->has('success'))
    <script type="text/javascript">  toastr.success('{{ session('success')}}');</script>
@endif
@if(session()->has('error'))
    <script type="text/javascript"> toastr.error('{{ session('error')}}');</script>
@endif

</body>

</html>
