@extends('layouts.app')
@section('content')
    <div class="preLoader black">
        <img src="{{asset('images/newlogo.png')}}" alt="img">
    </div>
    <div class="preLoader white"></div>

    <section class="main-slider p-0" id="mainSlider">
        <div class="swiper-container homeSlider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="slide-inner bg-image" data-background="{{asset('images/mainBnnr.jpg')}}">
                        <div class="container">
                            <div class="row bgClr">
                                <div class="col-lg-7">
                                    <div class="slideOne">
                                        <h1 class="secHeading text-white" data-swiper-parallax="-200">Welcome to Par5
                                            Construction!</h1>
                                    </div>
                                </div>
                                <div class="col-lg-5">
                                    <div class="slideOne">
                                        <p>We take pride in offering top-notch and reliable Residential Home Remodeling
                                            and Business Construction to clients. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slide-inner bg-image" data-background="{{asset('images/mainBnnr.jpg')}}">
                        <div class="container">
                            <div class="row bgClr">
                                <div class="col-lg-7">
                                    <div class="slideOne">
                                        <h1 class="secHeading text-white" data-swiper-parallax="-200">Welcome to Par5
                                            Construction!</h1>
                                    </div>
                                </div>
                                <div class="col-lg-5">
                                    <div class="slideOne">
                                        <p>We take pride in offering top-notch and reliable Residential Home Remodeling
                                            and Business Construction to clients. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="banLinks">
            <span>Follow us on social</span>
            <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="#"><i class="fab fa-instagram"></i></a></li>
                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
            </ul>
        </div>
        <div class="estimate">
            <h3>FREE ESTIMATE</h3>
        </div>
        <img src="{{asset('images/bannerBar.png')}}" class="img-fluid bannerPath" alt="">
    </section>

    <section class="aboutSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5" data-aos="fade-up">
                    <div class="aboutHead">
                        <h2><span>About us</span></h2>
                        <img src="{{asset('images/newlogo.png')}}" class="img-fluid mt-3" alt="">
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="aboutPara" data-aos="fade-up">
                        <p>At Par5 Construction, excellence meets expertise when it comes to Residential Home Remodeling
                            and Business Construction. With a steadfast commitment to delivering exceptional services,
                            we take pride in being a trusted partner for clients seeking unparalleled craftsmanship and
                            reliability in the construction industry. </p>
                        <p>As remodeling contractors in Katy, TX, we have a decade of dedicated service! Par5
                            Construction has emerged as a beacon of quality and innovation. Established 10 years ago,
                            our journey has been defined by a passion for transforming spaces into inspired living
                            environments. Whether it's breathing new life into homes through meticulous remodeling or
                            crafting cutting-edge commercial spaces, we approach each project with a blend of
                            creativity, precision, and a customer-centric focus. Our home remodeling services include:
                        </p>
                        <a href="#">FREE ESTIMATE</a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-5" data-aos="fade-up">
                    <img src="{{asset('images/abt1.jpg')}}" class="img-fluid" alt="">
                </div>
                <div class="col-md-7" data-aos="fade-up">
                    <figure>
                        <img src="{{asset('images/abt2.jpg')}}" class="img-fluid" alt="">
                        <img src="{{asset('images/abt3.jpg')}}" class="img-fluid" alt="">
                    </figure>
                    <div class="aboutContent">
                        @forelse($services_secs as $service)
                            <a href="{{ route('front.services.gallery',['id'=>$service->id]) }}"><i class="fas fa-check-square"></i>{{$service->title ? : ''}}</a>
                        @empty
                            <h4>Service Not Found</h4>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
        <img src="{{asset('images/parlogo.png')}}" class="img-fluid parlgo" alt="">
    </section>

    @foreach($services as $key => $service)

        @if($key % 2 == 0)
            <section
                class="ServiceSec {{ $key === 3 ? 'fourSrv' : ($key % 3 === 2 ? 'thirdSrv' : ($key % 3 === 0 ? '' : 'secondService')) }}">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5">
                            @if($key === 0)
                                <div class="aboutHead{{ $key + 1 }}" data-aos="fade-right" data-aos-duration="2000">
                                    <h2 class="subHeading"><span>Our</span>Services</h2>
                                    <figure>
                                        <img src="{{ asset('admin/service_images/'.$service->image ?: 'noimage') }}"
                                             class="img-fluid w-100" alt="">
                                    </figure>
                                </div>
                            @else
                                <div class="aboutHead{{ $key + 1 }}" data-aos="fade-right" data-aos-duration="2000">
                                    <figure>
                                        <img src="{{ asset('admin/service_images/'.$service->image ?: 'noimage') }}"
                                             class="img-fluid w-100" alt="">
                                    </figure>
                                </div>
                            @endif
                        </div>
                        <div class="col-md-7" data-aos="fade-down" data-aos-duration="2000">
                            <div class="aboutBox">
                                <h2 class="secHeading"><span>0{{ $key + 1 }}</span>{{ $service->title ?? '' }}</h2>
                                <p>{{ $service->description ?? '' }}</p>
                                <a href="{{ route('front.estimation', $service->id) }}">FREE ESTIMATE</a>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="abtImg" data-aos="fade-left" data-aos-duration="2000">
                                <figure>
                                    <img src="{{ asset('admin/service_images/'.$service->image2 ?: 'noimage') }}"
                                         class="img-fluid" alt="">
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

        @else

            <section class="ServiceSec secondService">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7" data-aos="fade-down" data-aos-duration="2000">
                            <div class="aboutBox">
                                <h2 class="secHeading"><span>0{{ $key + 1 }}</span>{{ $service->title ?? '' }}</h2>
                                <p>{{ $service->description ?? '' }} </p>
                                <a href="{{ route('front.estimation', $service->id) }}">FREE ESTIMATE</a>
                            </div>
                        </div>
                        <div class="col-md-5">
                            <div class="aboutHead" data-aos="fade-right" data-aos-duration="2000">
                                <figure>
                                    <img src="{{ asset('admin/service_images/'.$service->image ?: 'noimage') }}"
                                         class="img-fluid w-100" alt="">
                                </figure>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="abtImg" data-aos="fade-left" data-aos-duration="2000">
                                <figure>
                                    <img src="{{ asset('admin/service_images/'.$service->image2 ?: 'noimage') }}"
                                         class="img-fluid" alt="">
                                </figure>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        @endif
    @endforeach



    {{--    @foreach($services as $key => $service)--}}

    <!--        <section class="ServiceSec">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="aboutHead" data-aos="fade-right" data-aos-duration="2000">
                            <h2 class="subHeading"><span>Our</span>Services</h2>
                            <figure>
                                <img src="{{asset('images/srv1.jpg')}}" class="img-fluid w-100" alt="">
                            </figure>
                        </div>
                    </div>
                    <div class="col-md-7" data-aos="fade-down" data-aos-duration="2000">
                        <div class="aboutBox">
                            <h2 class="secHeading"><span>01</span>Turf Installation</h2>
                            <p>
                                Transform your outdoor living experience with Par5 Construction's Outdoor Kitchen Remodeling
                            in Katy services. Our skilled team of designers and builders collaborates with you to create
                            a personalized outdoor culinary haven that seamlessly integrates with your lifestyle. From
                            custom-built grilling stations to functional countertops and stylish seating areas, we bring
                            your outdoor kitchen dreams to life. We prioritize durability and aesthetic appeal, using
                            weather-resistant materials and innovative design concepts to ensure that your outdoor
                            kitchen becomes a focal point for gatherings, celebrations, and the enjoyment of nature's
                            beauty. With Par5 Construction, elevate your outdoor space into a culinary oasis that
                            reflects your taste and enhances your outdoor living experience. We assure to provide
                            quality kitchen and bath remodels to our clients!
                            </p>
                            <a href="{{route('front.estimation',$service->id)}}">FREE ESTIMATE</a>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="abtImg" data-aos="fade-left" data-aos-duration="2000">
                            <figure>
                                <img src="{{asset('admin/service_images/'.$service->image ?: 'noimage')}}" class="img-fluid" alt="">
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="ServiceSec secondService">
            <div class="container">
                <div class="row">
                    <div class="col-md-7" data-aos="fade-down" data-aos-duration="2000">
                        <div class="aboutBox">
                            <h2 class="secHeading"><span>02</span>Bathroom Remodeling</h2>
                            <p>Step into a world of luxury and functionality with Par5 Construction's Bathroom
                                Remodeling
                                services. Our experienced team understands that the bathroom is a sanctuary within your
                                home, and we are dedicated to crafting spaces that reflect your unique style and meet
                                your
                                practical needs. From conceptualization to completion, we guide you through the entire
                                remodeling process, offering innovative design solutions, premium fixtures, and
                                excellent
                                craftsmanship. Whether you're looking for a contemporary spa retreat or a classic,
                                timeless
                                design, our attention to detail ensures a bathroom transformation that exceeds your
                                expectations. We are your commercial bathroom remodeling contractors that offer
                                remarkable
                                bathroom remodeling in Katy. </p>
                            <a href="#">FREE ESTIMATE</a>
                        </div>
                    </div>
                    <div class="col-md-5">
                        <div class="aboutHead" data-aos="fade-right" data-aos-duration="2000">
                            <figure>
                                <img src="{{asset('images/srv3.jpg')}}" class="img-fluid w-100" alt="">
                            </figure>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="abtImg" data-aos="fade-left" data-aos-duration="2000">
                            <figure>
                                <img src="{{asset('images/srv4.jpg')}}" class="img-fluid" alt="">
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="ServiceSec thirdSrv">
            <div class="container">
                <div class="row">
                    <div class="col-md-5">
                        <div class="aboutHead" data-aos="fade-right" data-aos-duration="2000">
                            <figure>
                                <img src="{{asset('images/srv5.jpg')}}" class="img-fluid w-100" alt="">
                            </figure>
                        </div>
                    </div>
                    <div class="col-md-7" data-aos="fade-down" data-aos-duration="2000">
                        <div class="aboutBox">
                            <h2 class="secHeading"><span>03</span>Flooring Installation</h2>
                            <p>Elevate the foundation of your space with Par5 Construction's Flooring Installation
                                services.
                                With our Professional Flooring Solutions in Sugarland, we specialize in bringing your
                                vision
                                to life through a diverse range of flooring options, including hardwood, laminate, tile,
                                and
                                more. Our expert craftsmen combine precision installation techniques with high-quality
                                materials to create floors that not only enhance the aesthetics of your space but also
                                stand
                                up to the rigors of daily life. From residential living rooms to commercial office
                                spaces,
                                our commitment to excellence ensures that every step you take is on a surface that
                                reflects
                                your style and withstands the test of time.</p>
                            <a href="#">FREE ESTIMATE</a>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="abtImg" data-aos="fade-left" data-aos-duration="2000">
                            <figure>
                                <img src="{{asset('images/srv6.jpg')}}" class="img-fluid" alt="">
                            </figure>
                        </div>
                    </div>
                </div>
            </div>
        </section>



    <section class="ServiceSec secondService fourSrv">
        <div class="container">
            <div class="row">
                <div class="col-md-7" data-aos="fade-down" data-aos-duration="2000">
                    <div class="aboutBox">
                        <h2 class="secHeading"><span>04</span>Outdoor Kitchen </h2>
                        <p>
                            Transform your outdoor living experience with Par5 Construction's Outdoor Kitchen Remodeling
                            in Katy services. Our skilled team of designers and builders collaborates with you to create
                            a personalized outdoor culinary haven that seamlessly integrates with your lifestyle. From
                            custom-built grilling stations to functional countertops and stylish seating areas, we bring
                            your outdoor kitchen dreams to life. We prioritize durability and aesthetic appeal, using
                            weather-resistant materials and innovative design concepts to ensure that your outdoor
                            kitchen becomes a focal point for gatherings, celebrations, and the enjoyment of nature's
                            beauty. With Par5 Construction, elevate your outdoor space into a culinary oasis that
                            reflects your taste and enhances your outdoor living experience. We assure to provide
                            quality kitchen and bath remodels to our clients!
                        </p>
                        <a href="#">FREE ESTIMATE</a>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="aboutHead" data-aos="fade-right" data-aos-duration="2000">
                        <figure>
                            <img src="{{asset('images/srv7.jpg')}}" class="img-fluid w-100" alt="">
                        </figure>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="abtImg" data-aos="fade-left" data-aos-duration="2000">
                        <figure>
                            <img src="{{asset('images/srv8.jpg')}}" class="img-fluid" alt="">
                        </figure>
                        <div class="srvBtn text-center pt-5">
                            <a href="#">VIEW All</a>
                        </div>
                    </div>

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

    <section class="constructionSec">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="constructionHead">
                        <h2>Par5
                            Construction</h2>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonialSec">
        <div class="container">
            <h2 class="subHeading text-center" data-aos="fade-up">Testimonials</h2>
            <div class="row justify-content-center testBorder">
                <div class="quoteImg">
                    <img src="{{asset('images/quote1.png')}}" class="img-fluid quoteOne" alt="">
                    <img src="{{asset('images/quote2.png')}}" class="img-fluid quoteTwo" alt="">
                </div>
                <div class="col-md-11">
                    <div class="swiper testimonialSlider" data-aos="fade-up">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="testimonialWrap">
                                    <figure>
                                        <img src="{{asset('images/testImg.png')}}" class="img-fluid" alt="">
                                    </figure>
                                    <p>" Par5 Construction exceeded our expectations in every way possible. We recently
                                        had our backyard transformed with their Turf Installation service, and the
                                        results are simply stunning. The attention to detail and commitment to quality
                                        were evident from the initial consultation to the final installation. Our
                                        outdoor space has been completely revitalized, and we couldn't be happier with
                                        the lush and vibrant turf. Par5 Construction is truly a team of professionals
                                        who take pride in their work, and it shows in the results! "</p>
                                    <h4>Jacob Black</h4>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testimonialWrap">
                                    <figure>
                                        <img src="{{asset('images/testImg.png')}}" class="img-fluid" alt="">
                                    </figure>
                                    <p>“When it comes to Bathroom Remodeling in Katy, Par5 Construction is the name you
                                        can trust. They turned our outdated bathroom into a modern oasis of luxury and
                                        functionality. The design ideas they brought to the table were innovative, and
                                        the craftsmanship was exceptional. The entire team was a pleasure to work with,
                                        and they made the remodeling process seamless. We now have a bathroom that not
                                        only meets our practical needs but also feels like a spa retreat. Thank you,
                                        Par5 Construction, for making our vision a reality!"”</p>
                                    <h4>Jessica Benson</h4>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testimonialWrap">
                                    <figure>
                                        <img src="{{asset('images/testImg.png')}}" class="img-fluid" alt="">
                                    </figure>
                                    <p>“Par5 Construction recently handled the Flooring Installation for our new home,
                                        and we are thoroughly impressed with the results. From the selection of
                                        materials to the installation process, the attention to detail was outstanding.
                                        The flooring has transformed our living spaces, and we appreciate the durability
                                        and high quality of the materials used. The team at Par5 Construction is
                                        professional, skilled, and dedicated to customer satisfaction. If you're looking
                                        for top-notch flooring services, look no further!”</p>
                                    <h4>Mark and Hannah </h4>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testimonialWrap">
                                    <figure>
                                        <img src="{{asset('images/testImg.png')}}" class="img-fluid" alt="">
                                    </figure>
                                    <p>“Our experience with Par5 Construction's Outdoor Kitchen service was nothing
                                        short of fantastic. They took our ideas and turned our backyard into a culinary
                                        paradise. The design was tailored to our preferences, and the craftsmanship was
                                        exceptional. The outdoor kitchen has become the focal point of our outdoor
                                        entertaining, and we receive compliments from everyone who sees it. Par5
                                        Construction delivered on time and within budget, and we couldn't be happier
                                        with the results. Thank you for creating an outdoor space and overall home
                                        remodeling services that exceed our expectations!”</p>
                                    <h4>Justin Keith </h4>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
    </section>

    <section class="portfolioSec">
        <div class="container">
            <h2 class="subHeading pb-0 mb-4" data-aos="fade-up">View Our Portfolio</h2>
            <div class="row">
                <div class="col-md-12">
                    <div class="swiper portfolioSlider">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="portfolioWrap">
                                    <figure>
                                        <img src="{{asset('images/portfolioImg.png')}}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="portfolioContent">
                                        <h3>Outdoor Kitchen / Pergola </h3>
                                        <a href="{{ route('front.portfolio') }}">View gallery</a>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="portfolioWrap">
                                    <figure>
                                        <img src="{{asset('images/portfolioImg.png')}}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="portfolioContent">
                                        <h3>Outdoor Kitchen / Pergola </h3>
                                        <a href="{{ route('front.portfolio') }}">View gallery</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="blogSec">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-md-12">
                    <div class="swiper blogSlider">
                        <h2 class="subHeading pb-0 mb-4" data-aos="fade-up">Our Services</h2>
                        <div class="swiper-wrapper">
                            @foreach($services_secs as $service)
                            <div class="swiper-slide">
                                <div class="blogWrap">
                                    <figure>
                                            <img src="{{ asset('admin/service_images/'.$service->image ?: 'noimage') }}" class="img-fluid" alt="">
                                    </figure>
                                    <div class="blogContent">
                                        <h3><span>Sep 9, 2021 2 min</span>{{ $service->title ?? '' }}</h3>
                                        <p>{{ $service->description ?? '' }}</p>
                                        <a href="{{route('front.services')}}">Learn More</a>
                                    </div>
                                </div>
                            </div>
                        @endforeach

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


@endsection