@extends('layouts.front-app')

@section('title')
    Safe Buy Inspection
@endsection
@section('content')

    <div class="preLoader black">
        <a href="{{ route('front.home') }}">
            <img src="{{ asset('front/images/logo.png') }}" alt="img">
        </a>
    </div>
    <div class="preLoader white"></div>

    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <section class="mainSlider">
        <div class="swiper-container homeSlider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slide-inner bg-image" data-background="{{ asset('front/images/slidebg.jpg') }}">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <div class="slideContent slideOne">
                                        <h4 class="subHeading"><span></span>Welcome to</h4>
                                        <h2 class="heading">Safe Buy</h2>
                                        <h3 class="mainHeading">Inspection</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and is at dummy text ever
                                            since the 1500s,</p>
                                        <a href="#" class="themeBtn">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slide-inner bg-image" data-background="{{ asset('front/images/slidebg.jpg') }}">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <div class="slideContent slideOne">
                                        <h4 class="subHeading"><span></span>Welcome to</h4>
                                        <h2 class="heading">Safe Buy</h2>
                                        <h3 class="mainHeading">Inspection</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and is at dummy text ever
                                            since the 1500s,</p>
                                        <a href="#" class="themeBtn">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slide-inner bg-image" data-background="{{ asset('front/images/slidebg.jpg') }}">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <div class="slideContent slideOne">
                                        <h4 class="subHeading"><span></span>Welcome to</h4>
                                        <h2 class="heading">Safe Buy</h2>
                                        <h3 class="mainHeading">Inspection</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and is at dummy text ever
                                            since the 1500s,</p>
                                        <a href="#" class="themeBtn">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end swiper-wrapper -->
            <!-- <div class="swiper-pagination"></div> -->
            <!-- end swiper-pagination -->
            <!-- <div class="swiper-button-next"><span data-hover="NEXT">NEXT</span></div> -->
            <!-- end swiper-button-next -->
            <!-- <div class="swiper-button-prev"><span data-hover="PREV">PREV</span></div> -->
        </div>
        <a href="#" class="explore bounce-element"><span>explore More</span><i class="fal fa-long-arrow-down"></i></a>
    </section>



    <section class="aboutSec">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="aboutImg" data-aos="fade-right">
                        <figure>
                            <img src="{{ asset('front/images/abtimg1.jpg') }}" class="img-fluid" alt="img">
                            <img src="{{ asset('front/images/abtimg2.jpg') }}" class="img-fluid" alt="img">
                        </figure>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="aboutContent" data-aos="fade-left">
                        <h4 class="subHeading"><span></span>About us</h4>
                        <h2 class="heading">Safe Buy</h2>
                        <h3 class="mainHeading mb-3">Inspection</h3>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
                            galley of type and scrambled it to make a type specimen book. It has survived with the
                            release of Letraset sheets containing Lorem Ipsum passages, including versions of Lorem
                            Ipsum.</p>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text not only five centuries, but also the leap into
                            electronic typesetting, remaining essentially unchanged.</p>
                        <a href="#" class="themeBtn">Read More</a>
                    </div>
                </div>

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


    <section class="wellSec">
        <div class="container">
            <div class="row no-gutters align-items-start">
                <div class="col-md-8">
                    <div class="wellContent" data-aos="fade-right">
                        <h4 class="subHeading"><span></span>Product Inspection</h4>
                        <h2 class="heading">Well And Septic
                            Inspection</h2>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s, when an book. It has survived
                            with the release of Letraset sheets containing Lorem Ipsum passages, including versions of
                            Lorem Ipsum.</p>
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text not only five centuries, but also the leap into
                            electronic typesetting, remaining essentially unchanged.</p>
                        <a href="#" class="themeBtn redBg">Read More</a>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-left">
{{--                    @foreach($inspections as $inspection)--}}
{{--                    @dd($inspection->getMedia('upload_image_profile')->first()->getUrl())--}}
                    <figure class="proImg">
{{--                        <img src="{{ !empty($inspection->getMedia('upload_image_profile')->first())--}}
{{--                        ? $inspection->getMedia('upload_image_profile')->first()->getUrl()--}}
{{--                        : 'https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Image_not_available.png/640px-Image_not_available.png' }}"--}}
{{--                        <img style="background:url()"--}}
{{--                             class="img-fluid" alt="img">--}}
                        <img src="{{ asset('front/images/inspctionimg.jpg') }}" class="img-fluid" alt="img">
                    </figure>
{{--                    @endforeach--}}
                </div>
            </div>
        </div>
    </section>


    <section class="serviceSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5">
                    <figure class="proImg" data-aos="fade-right"><img src="{{ asset('front/images/serviceimg.jpg') }}"
                                                                      class="img-fluid"
                                                                      alt="img"></figure>
                </div>
                <div class="col-md-7">
                    <div class="serviceContent" data-aos="fade-left">
                        <h2 class="sectionHeading">Services</h2>
                        <ul>
                            <li>
                                This feature could highlight the experience and expertise of the inspection team, as
                                well as the thoroughness of the inspection process.
                            </li>
                            <li>
                                This feature could focus on the value of the feedback and recommendations provided by
                                the Safe by Inspection team.
                            </li>
                            <li>
                                This feature could emphasize the speed and convenience of the Safe by Inspection
                                service.
                            </li>
                            <li>
                                This feature could focus on the personalized nature of the recommendations provided by
                                the Safe by Inspection team.
                            </li>
                            <li>
                                This feature could highlight the emotional benefits of using the Safe by Inspection
                                service.
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="testimonialSec">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="swiper mySwiper2" data-aos="fade-right">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="{{ asset('front/images/userimg1.png') }}" class="img-fluid" alt="img">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('front/images/userimg1.png') }}" class="img-fluid" alt="img">
                            </div>
                            <div class="swiper-slide">
                                <img src="{{ asset('front/images/userimg1.png') }}" class="img-fluid" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="thumbMain" data-aos="fade-left">
                        <div thumbsSlider="" class="swiper mySwiper">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="testimonialContent">
                                        <h4 class="subHeading"><span></span>Testimonials</h4>
                                        <h3 class="mainHeading mb-3">What Other Says</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                            Lorem Ipsum has been the industry's standard dummy text ever since the
                                            1500s, when an unknown printer took a galley of type and scrambled it to
                                            make a type specimen passages, including versions of Lorem Ipsum.</p>
                                        <span>John Smith</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonialContent">
                                        <h4 class="subHeading"><span></span>Testimonials</h4>
                                        <h3 class="mainHeading mb-3">What Other Says</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                            Lorem Ipsum has been the industry's standard dummy text ever since the
                                            1500s, when an unknown printer took a galley of type and scrambled it to
                                            make a type specimen passages, including versions of Lorem Ipsum.</p>
                                        <span>John Smith</span>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="testimonialContent">
                                        <h4 class="subHeading"><span></span>Testimonials</h4>
                                        <h3 class="mainHeading mb-3">What Other Says</h3>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                            Lorem Ipsum has been the industry's standard dummy text ever since the
                                            1500s, when an unknown printer took a galley of type and scrambled it to
                                            make a type specimen passages, including versions of Lorem Ipsum.</p>
                                        <span>John Smith</span>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                        <ul>
                            <li><a href="#"><img src="{{ asset('front/images/userimg2.png') }}" class="img-fluid" alt="img"></a>
                            </li>
                            <li><a href="#"><img src="{{ asset('front/images/userimg3.png') }}" class="img-fluid" alt="img"></a>
                            </li>
                            <li><a href="#"><img src="{{ asset('front/images/userimg4.png') }}" class="img-fluid" alt="img"></a>
                            </li>
                            <li><a href="#"><img src="{{ asset('front/images/userimg5.png') }}" class="img-fluid" alt="img"></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="contactSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <div class="map" data-aos="fade-right">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d785917.4733763966!2d-101.73476812151749!3d39.69492586590498!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2s!4v1680606321814!5m2!1sen!2s"
                            width="100%" height="660" style="border:0;" allowfullscreen="" loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-left">
                    <div class="contactHeading">
                        <h4 class="subHeading"><span></span>Contact Us</h4>
                        <h3 class="mainHeading mb-0">Get In Touch</h3>
                        <p>Lorem Ipsum is simply dummy including versions Lorem Ipsum.</p>
                    </div>
                    <form class="contactForm">
                        <input type="text" placeholder="First Name">
                        <input type="text" placeholder="Last Name">
                        <input type="text" placeholder="Email">
                        <textarea placeholder="Your Message"></textarea>
                        <button class="themeBtn">Send Now</button>
                    </form>
                </div>
            </div>
        </div>
    </section>


    <section class="subscribeSec">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="newsleterContent" data-aos="fade-up">
                        <h2 class="sectionHeading">Subscribe to our newsletter</h2>
                        <p>Start by signing up for emails and get 15% off any order.</p>
                        <form>
                            <input type="text" placeholder="Enter email address ...">
                            <button class="themeBtn">SUBSCRIBE Now</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection