@extends('layouts.layout2')
@section('title', 'Home Two || Erepair || Erepair Laravel Template ')

@section('content')

<x-strickyHeader/>

        <!-- Main Slider Two Start -->
        <section class="main-slider-two">
            <div class="main-slider-two__carousel owl-carousel owl-theme">

                <div class="item">
                    <div class="main-slider-two__shape-1"></div>
                    <div class="main-slider-two__shape-2"></div>
                    <div class="main-slider-two__img-box">
                        <div class="main-slider-two__img-box-inner">
                            <div class="main-slider-two__img">
                                <img src="assets/images/resources/main-slider-two-img-1-1.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="main-slider-two__small-img">
                        <img src="assets/images/resources/main-slider-two-small-img-1-1.jpg" alt="">
                    </div>
                    <div class="container">
                        <div class="main-slider-two__content">
                            <div class="main-slider-two__sub-title-box">
                                <p class="main-slider-two__sub-title">Best Repairs</p>
                            </div>
                            <h2 class="main-slider-two__title">Cooling Comfort <br> One Repair at Time <br>
                                In Your Home</h2>
                            <p class="main-slider-two__text">We have been operating for over a decade, providing
                                top-notch services We have been <br> operating for over a decade lenitive antique
                                corrupt quo quad molestation</p>
                            <div class="main-slider-two__btn-box">
                                <a href="{{ url('about') }}" class="main-slider-two__btn thm-btn">More About Us</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="main-slider-two__shape-1"></div>
                    <div class="main-slider-two__shape-2"></div>
                    <div class="main-slider-two__img-box">
                        <div class="main-slider-two__img-box-inner">
                            <div class="main-slider-two__img">
                                <img src="assets/images/resources/main-slider-two-img-1-2.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="main-slider-two__small-img">
                        <img src="assets/images/resources/main-slider-two-small-img-1-2.jpg" alt="">
                    </div>
                    <div class="container">
                        <div class="main-slider-two__content">
                            <div class="main-slider-two__sub-title-box">
                                <p class="main-slider-two__sub-title">Best Repairs</p>
                            </div>
                            <h2 class="main-slider-two__title">Cooling Comfort <br> One Repair at Time <br>
                                In Your Home</h2>
                            <p class="main-slider-two__text">We have been operating for over a decade, providing
                                top-notch services We have been <br> operating for over a decade lenitive antique
                                corrupt quo quad molestation</p>
                            <div class="main-slider-two__btn-box">
                                <a href="{{ url('about') }}" class="main-slider-two__btn thm-btn">More About Us</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="main-slider-two__shape-1"></div>
                    <div class="main-slider-two__shape-2"></div>
                    <div class="main-slider-two__img-box">
                        <div class="main-slider-two__img-box-inner">
                            <div class="main-slider-two__img">
                                <img src="assets/images/resources/main-slider-two-img-1-3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="main-slider-two__small-img">
                        <img src="assets/images/resources/main-slider-two-small-img-1-3.jpg" alt="">
                    </div>
                    <div class="container">
                        <div class="main-slider-two__content">
                            <div class="main-slider-two__sub-title-box">
                                <p class="main-slider-two__sub-title">Best Repairs</p>
                            </div>
                            <h2 class="main-slider-two__title">Cooling Comfort <br> One Repair at Time <br>
                                In Your Home</h2>
                            <p class="main-slider-two__text">We have been operating for over a decade, providing
                                top-notch services We have been <br> operating for over a decade lenitive antique
                                corrupt quo quad molestation</p>
                            <div class="main-slider-two__btn-box">
                                <a href="{{ url('about') }}" class="main-slider-two__btn thm-btn">More About Us</a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!--Main Slider Start -->

        <!--Services Three Start -->
        <section class="service-three">
            <div class="service-three__shape-1 float-bob-y">
                <img src="assets/images/shapes/services-three-shape-1.png" alt="">
            </div>
            <div class="container">
                <div class="section-title-two text-center">
                    <div class="section-title-two__tagline-box">
                        <span class="section-title-two__tagline">Our Service</span>
                    </div>
                    <div class="section-title-two__title-box sec-title-animation animation-style1">
                        <h2 class="section-title-two__title title-animation">Keeping Your AC Running<br> With Smoothly
                        </h2>
                    </div>
                </div>
                <div class="row">
                    <!--Services Three Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="service-three__single">
                            <div class="service-three__img-box">
                                <div class="service-three__img">
                                    <img src="assets/images/services/services-2-1.jpg" alt="">
                                </div>
                            </div>
                            <div class="service-three__content">
                                <div class="service-three__icon">
                                    <span class="icon-ac1"></span>
                                </div>
                                <h3 class="service-three__title"><a href="{{ url('installing-ceiling-fan') }}">A/C
                                        Installation</a></h3>
                                <p class="service-three__text">Velit esse quam nihil molestiae consequatur, vel dolorem
                                    eum fugiat quo voluptas nulla pariatur. She says doloire ipsum quail dolor</p>
                                <div class="service-three__read-more">
                                    <a href="{{ url('installing-ceiling-fan') }}">Read More<span
                                            class="icon-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services Three Single End-->
                    <!--Services Three Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="service-three__single">
                            <div class="service-three__img-box">
                                <div class="service-three__img">
                                    <img src="assets/images/services/services-2-2.jpg" alt="">
                                </div>
                            </div>
                            <div class="service-three__content">
                                <div class="service-three__icon">
                                    <span class="icon-air-conditioning"></span>
                                </div>
                                <h3 class="service-three__title"><a href="{{ url('commercial-services') }}">Heating Service</a>
                                </h3>
                                <p class="service-three__text">Velit esse quam nihil molestiae consequatur, vel dolorem
                                    eum fugiat quo voluptas nulla pariatur. She says doloire ipsum quail dolor</p>
                                <div class="service-three__read-more">
                                    <a href="{{ url('commercial-services') }}">Read More<span
                                            class="icon-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services Three Single End-->
                    <!--Services Three Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="300ms">
                        <div class="service-three__single">
                            <div class="service-three__img-box">
                                <div class="service-three__img">
                                    <img src="assets/images/services/services-2-3.jpg" alt="">
                                </div>
                            </div>
                            <div class="service-three__content">
                                <div class="service-three__icon">
                                    <span class="icon-ac"></span>
                                </div>
                                <h3 class="service-three__title"><a href="{{ url('maintenance-service') }}">Dust Cleaning</a>
                                </h3>
                                <p class="service-three__text">Velit esse quam nihil molestiae consequatur, vel dolorem
                                    eum fugiat quo voluptas nulla pariatur. She says doloire ipsum quail dolor</p>
                                <div class="service-three__read-more">
                                    <a href="{{ url('maintenance-service') }}">Read More<span
                                            class="icon-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services Three Single End-->
                </div>
            </div>
        </section>
        <!--Services Three End -->

        <!--About Two Start -->
        <section class="about-two">
            <div class="about-two__shape-1 img-bounce">
                <img src="assets/images/shapes/about-two-shape-1.png" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="about-two__left wow fadeInLeft" data-wow-delay="300ms">
                            <div class="section-title-two text-left">
                                <div class="section-title-two__tagline-box">
                                    <span class="section-title-two__tagline">About Us</span>
                                </div>
                                <div class="section-title-two__title-box sec-title-animation animation-style2">
                                    <h2 class="section-title-two__title title-animation">Heating & AC Installation
                                        Repair Company Since 2003</h2>
                                </div>
                            </div>
                            <p class="about-two__text">Velit esse quam nihil molestiae consequatur, vel qui dolorem eum
                                fugiat quo voluptas nulla pariatur. She says doloire ipsum quail dolor sit amen,
                                consectetur,</p>
                            <div class="about-two__points-box">
                                <ul class="about-two__points-list list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-like"></span>
                                        </div>
                                        <h3 class="about-two__title"><a href="{{ url('services') }}">Providing Awesome
                                                Service</a></h3>
                                        <p class="about-two__points-text">Duis acute arura dolor in reprehenderit in<br>
                                            voluptate velit esse cillum dolore
                                        </p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-services"></span>
                                        </div>
                                        <h3 class="about-two__title"><a href="{{ url('contact') }}">24/7 Our Support</a></h3>
                                        <p class="about-two__points-text">Duis acute arura dolor in reprehenderit in<br>
                                            voluptate velit esse cillum dolore
                                        </p>
                                    </li>
                                </ul>
                            </div>
                            <div class="about-two__btn-box">
                                <a href="{{ url('about') }}" class="about-two__btn thm-btn">More About Us</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="about-two__right wow fadeInRight" data-wow-delay="300ms">
                            <div class="about-two__right-top">
                                <div class="about-two__award-box">
                                    <div class="icon">
                                        <span class="icon-medal"></span>
                                    </div>
                                    <h3 class="about-two__award-title"><a href="{{ url('about') }}">Best Awarded Company</a>
                                    </h3>
                                    <p class="about-two__award-text">Lorem ipsum dolor sit amet, consetetur sadipscing
                                        elitr, sed</p>
                                </div>
                                <div class="about-two__video">
                                    <div class="about-two__video-img">
                                        <img src="assets/images/resources/about-two-video-img.jpg" alt="">
                                        <div class="about-two__video-link">
                                            <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                                <div class="about-two__video-icon">
                                                    <span class="fas fa-play"></span>
                                                    <i class="ripple"></i>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="about-two__img wow fadeInUp" data-wow-delay="600ms">
                                <img src="assets/images/resources/about-two-img-1.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--About Two End -->

        <!--Contact And Counter Start -->
        <section class="contact-and-counter">
            <div class="contact-and-counter__inner">
                <div class="container">
                    <div class="contact-one">
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="contact-one__left wow fadeInLeft" data-wow-delay="300ms">
                                    <div class="contact-one__img">
                                        <img src="assets/images/resources/contact-one-img-1.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="contact-one__right wow fadeInRight" data-wow-delay="400ms">
                                    <h3 class="contact-one__form-title">Request A Free Quote</h3>
                                    <form class="contact-form-validated contact-one__form"
                                        action="assets/inc/sendemail.php" method="post" novalidate="novalidate">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <div class="contact-one__input-box">
                                                    <input type="text" name="name" placeholder="Full Name" required="">
                                                </div>
                                            </div>
                                            <div class="col-xl-12">
                                                <div class="contact-one__input-box">
                                                    <input type="email" name="email" placeholder="Email Address"
                                                        required="">
                                                </div>
                                            </div>
                                            <div class="col-xl-12">
                                                <div class="contact-one__input-box">
                                                    <input type="text" name="Phone" placeholder="Phone Number"
                                                        required="">
                                                </div>
                                            </div>
                                            <div class="col-xl-12">
                                                <div class="contact-one__input-box">
                                                    <div class="select-box">
                                                        <select class="selectmenu wide">
                                                            <option selected="selected">Service Tyte</option>
                                                            <option>Type Of Service 01</option>
                                                            <option>Type Of Service 02</option>
                                                            <option>Type Of Service 03</option>
                                                            <option>Type Of Service 04</option>
                                                            <option>Type Of Service 05</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-12">
                                                <div class="contact-one__btn-box">
                                                    <button type="submit" class="thm-btn contact-one__btn">Submit
                                                        Appointment</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="result"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="counter-two">
                    <div class="container">
                        <div class="counter-two__inner">
                            <div class="row">
                                <!--Counter Two Single Start-->
                                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                                    <div class="counter-two__single counter-two__single-1">
                                        <div class="counter-two__icon">
                                            <span class="icon-technician-1"></span>
                                        </div>
                                        <div class="counter-two__count-box">
                                            <h3 class="odometer" data-count="360">00</h3>
                                            <span>+</span>
                                        </div>
                                        <p class="counter-two__text">Expert Team Member</p>
                                    </div>
                                </div>
                                <!--Counter Two Single End-->
                                <!--Counter Two Single Start-->
                                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                                    <div class="counter-two__single counter-two__single-2">
                                        <div class="counter-two__icon">
                                            <span class="icon-project-complete"></span>
                                        </div>
                                        <div class="counter-two__count-box">
                                            <h3 class="odometer" data-count="800">00</h3>
                                            <span>+</span>
                                        </div>
                                        <p class="counter-two__text">Project Completed</p>
                                    </div>
                                </div>
                                <!--Counter Two Single End-->
                                <!--Counter Two Single Start-->
                                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="600ms">
                                    <div class="counter-two__single counter-two__single-3">
                                        <div class="counter-two__icon">
                                            <span class="icon-happy-customer"></span>
                                        </div>
                                        <div class="counter-two__count-box">
                                            <h3 class="odometer" data-count="760">00</h3>
                                            <span>+</span>
                                        </div>
                                        <p class="counter-two__text">Happy Customer</p>
                                    </div>
                                </div>
                                <!--Counter Two Single End-->
                                <!--Counter Two Single Start-->
                                <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="900ms">
                                    <div class="counter-two__single counter-two__single-4">
                                        <div class="counter-two__icon">
                                            <span class="icon-hands-on-experience"></span>
                                        </div>
                                        <div class="counter-two__count-box">
                                            <h3 class="odometer" data-count="16">00</h3>
                                            <span>+</span>
                                        </div>
                                        <p class="counter-two__text">Years of experience</p>
                                    </div>
                                </div>
                                <!--Counter Two Single End-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Contact And Counter End -->

        <!--Project Two Start -->
        <section class="project-two">
            <div class="container">
                <div class="section-title-two text-center">
                    <div class="section-title-two__tagline-box">
                        <span class="section-title-two__tagline">Our Project</span>
                    </div>
                    <div class="section-title-two__title-box sec-title-animation animation-style1">
                        <h2 class="section-title-two__title title-animation">We Have Completed Our<br> Commercial
                            Project</h2>
                    </div>
                </div>
                <div class="project-two__filter-box">
                    <ul class="project-two__filter style1 post-filter list-unstyled clearfix">
                        <li data-filter=".filter-item" class="active"><span class="filter-text">All</span>
                        </li>
                        <li data-filter=".instal"><span class="filter-text">Installation</span></li>
                        <li data-filter=".clean"><span class="filter-text">Cleaning</span></li>
                        <li data-filter=".repair"><span class="filter-text">Repair</span></li>
                        <li data-filter=".test"><span class="filter-text">Testing</span></li>
                    </ul>
                </div>
                <div class="row filter-layout">
                    <!--Project Two Single Start-->
                    <div class="col-xl-6 col-lg-6 col-md-6 filter-item test repair clean">
                        <div class="project-two__single">
                            <div class="project-two__img-box">
                                <div class="project-two__img">
                                    <img src="assets/images/project/project-2-1.jpg" alt="">
                                    <div class="project-two__arrow">
                                        <a href="assets/images/project/project-2-1.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-two__content">
                                    <p class="project-two__sub-title">cleaning service</p>
                                    <h3 class="project-two__title"><a href="{{ url('project-details') }}">A/C Installation</a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                    <!--Project Two Single Start-->
                    <div class="col-xl-6 col-lg-6 col-md-6 filter-item instal test clean">
                        <div class="project-two__single">
                            <div class="project-two__img-box">
                                <div class="project-two__img">
                                    <img src="assets/images/project/project-2-2.jpg" alt="">
                                    <div class="project-two__arrow">
                                        <a href="assets/images/project/project-2-1.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-two__content">
                                    <p class="project-two__sub-title">cleaning service</p>
                                    <h3 class="project-two__title"><a href="{{ url('project-details') }}">Heating Service</a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                    <!--Project Two Single Start-->
                    <div class="col-xl-6 col-lg-6 col-md-6 filter-item test repair clean">
                        <div class="project-two__single">
                            <div class="project-two__img-box">
                                <div class="project-two__img">
                                    <img src="assets/images/project/project-2-3.jpg" alt="">
                                    <div class="project-two__arrow">
                                        <a href="assets/images/project/project-2-1.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-two__content">
                                    <p class="project-two__sub-title">cleaning service</p>
                                    <h3 class="project-two__title"><a href="{{ url('project-details') }}">A/C Dust Cleaning</a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                    <!--Project Two Single Start-->
                    <div class="col-xl-6 col-lg-6 col-md-6 filter-item instal repair clean">
                        <div class="project-two__single">
                            <div class="project-two__img-box">
                                <div class="project-two__img">
                                    <img src="assets/images/project/project-2-4.jpg" alt="">
                                    <div class="project-two__arrow">
                                        <a href="assets/images/project/project-2-1.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-two__content">
                                    <p class="project-two__sub-title">cleaning service</p>
                                    <h3 class="project-two__title"><a href="{{ url('project-details') }}">Awesome
                                            Service</a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project Two Single End-->
                </div>
            </div>
        </section>
        <!--Project Two End -->

        <!--Team One Start -->
        <section class="team-one">
            <div class="container">
                <div class="team-one__top">
                    <div class="row">
                        <div class="col-xl-7 col-lg-7">
                            <div class="section-title-two text-left">
                                <div class="section-title-two__tagline-box">
                                    <span class="section-title-two__tagline">Best Team</span>
                                </div>
                                <div class="section-title-two__title-box sec-title-animation animation-style2">
                                    <h2 class="section-title-two__title title-animation">Meet Our Professional<br> Team
                                        Member
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5 col-lg-5 wow fadeInRight" data-wow-delay="100ms">
                            <p class="team-one__text">The wise man therefore always holds in these matters to this
                                principle of selection. He rejects pleasures to secure other greater pleasures, or else
                                he endures pains to avoid worse pains to the selection point.</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <!--Team One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="team-one__single">
                            <div class="team-one__img-box">
                                <div class="team-one__img">
                                    <img src="assets/images/team/team-1-1.jpg" alt="">
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__title"><a href="{{ url('team-details') }}">Wade Warren</a></h3>
                                    <p class="team-one__sub-title">Electrician</p>
                                    <div class="team-one__social">
                                        <a href="#"><span class="icon-facebook"></span></a>
                                        <a href="#"><span class="icon-xpa"></span></a>
                                        <a href="#"><span class="icon-link-in"></span></a>
                                        <a href="#"><span class="icon-instagram"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Team One Single End-->
                    <!--Team One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="team-one__single">
                            <div class="team-one__img-box">
                                <div class="team-one__img">
                                    <img src="assets/images/team/team-1-2.jpg" alt="">
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__title"><a href="{{ url('team-details') }}">Darrell Steward</a></h3>
                                    <p class="team-one__sub-title">Marketing Manager</p>
                                    <div class="team-one__social">
                                        <a href="#"><span class="icon-facebook"></span></a>
                                        <a href="#"><span class="icon-xpa"></span></a>
                                        <a href="#"><span class="icon-link-in"></span></a>
                                        <a href="#"><span class="icon-instagram"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Team One Single End-->
                    <!--Team One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="300ms">
                        <div class="team-one__single">
                            <div class="team-one__img-box">
                                <div class="team-one__img">
                                    <img src="assets/images/team/team-1-3.jpg" alt="">
                                </div>
                                <div class="team-one__content">
                                    <h3 class="team-one__title"><a href="{{ url('team-details') }}">Warren Wade </a></h3>
                                    <p class="team-one__sub-title">Co-founder</p>
                                    <div class="team-one__social">
                                        <a href="#"><span class="icon-facebook"></span></a>
                                        <a href="#"><span class="icon-xpa"></span></a>
                                        <a href="#"><span class="icon-link-in"></span></a>
                                        <a href="#"><span class="icon-instagram"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Team One Single End-->
                </div>
            </div>
        </section>
        <!--Team One End -->

        <!--Testimonial Two Start -->
        <section class="testimonial-two">
            <div class="container">
                <div class="testimonial-two__carousel owl-theme owl-carousel">
                    <!--Testimonial One Single Start-->
                    <div class="item">
                        <div class="testimonial-two__single">
                            <div class="testimonial-two__client-info">
                                <div class="testimonial-two__client-img">
                                    <img src="assets/images/testimonial/testimonial-2-1.jpg" alt="">
                                    <div class="testimonial-two__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                </div>
                                <h3><a href="{{ url('testimonials') }}">Mitchel Satnar</a></h3>
                                <p>Manager</p>
                            </div>
                            <p class="testimonial-two__text">The wise man therefore always holds in these design matters
                                to this principle of selection. He rejects pleasures to secure others designers greater
                                pleasures, or else he endures pains to avoid
                                worse pains to the selection point.</p>
                            <div class="testimonial-two__ratting">
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                            </div>
                        </div>
                    </div>
                    <!--Testimonial One Single End-->
                    <!--Testimonial One Single Start-->
                    <div class="item">
                        <div class="testimonial-two__single">
                            <div class="testimonial-two__client-info">
                                <div class="testimonial-two__client-img">
                                    <img src="assets/images/testimonial/testimonial-2-2.jpg" alt="">
                                    <div class="testimonial-two__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                </div>
                                <h3><a href="{{ url('testimonials') }}">Tom latham</a></h3>
                                <p>Manager</p>
                            </div>
                            <p class="testimonial-two__text">The wise man therefore always holds in these design matters
                                to this principle of selection. He rejects pleasures to secure others designers greater
                                pleasures, or else he endures pains to avoid
                                worse pains to the selection point.</p>
                            <div class="testimonial-two__ratting">
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                            </div>
                        </div>
                    </div>
                    <!--Testimonial One Single End-->
                    <!--Testimonial One Single Start-->
                    <div class="item">
                        <div class="testimonial-two__single">
                            <div class="testimonial-two__client-info">
                                <div class="testimonial-two__client-img">
                                    <img src="assets/images/testimonial/testimonial-2-3.jpg" alt="">
                                    <div class="testimonial-two__quote">
                                        <span class="icon-quote"></span>
                                    </div>
                                </div>
                                <h3><a href="{{ url('testimonials') }}">Alisha Martin</a></h3>
                                <p>Manager</p>
                            </div>
                            <p class="testimonial-two__text">The wise man therefore always holds in these design matters
                                to this principle of selection. He rejects pleasures to secure others designers greater
                                pleasures, or else he endures pains to avoid
                                worse pains to the selection point.</p>
                            <div class="testimonial-two__ratting">
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                                <span class="fas fa-star"></span>
                            </div>
                        </div>
                    </div>
                    <!--Testimonial One Single End-->
                </div>
            </div>
        </section>
        <!--Testimonial Two End -->

        <!--FAQ One Start -->
        <section class="faq-one">
            <div class="faq-one__bg" style="background-image: url(assets/images/backgrounds/faq-one-bg.jpg);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-5"></div>
                    <div class="col-xl-7 wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
                        <div class="faq-one__right">
                            <div class="section-title-two text-left">
                                <div class="section-title-two__tagline-box">
                                    <span class="section-title-two__tagline">FAQ</span>
                                </div>
                                <div class="section-title-two__title-box sec-title-animation animation-style2">
                                    <h2 class="section-title-two__title title-animation">Frequently Asking Any Question
                                    </h2>
                                </div>
                            </div>
                            <p class="faq-one__text">He rejects pleasures to secure other greater pleasures, or else he
                                endures pains to avoid worse pains to the selection point. But in certain circumstances
                                and owing </p>
                            <div class="accrodion-grp faq-one-accrodion" data-grp-name="faq-one-accrodion-1">
                                <div class="accrodion active">
                                    <div class="accrodion-title">
                                        <h4>Why is my air conditioner not cooling properly ?</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>It is a long established fact that a reader will be distr acted bioiiy
                                                the rea dablea content of a page when looking at its layout Thoiie point
                                            </p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div>
                                <div class="accrodion">
                                    <div class="accrodion-title">
                                        <h4>How often should I service my air conditioner ?</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>It is a long established fact that a reader will be distr acted bioiiy
                                                the rea dablea content of a page when looking at its layout Thoiie point
                                            </p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div>
                                <div class="accrodion">
                                    <div class="accrodion-title">
                                        <h4>Why is my AC making strange noises ?</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>It is a long established fact that a reader will be distr acted bioiiy
                                                the rea dablea content of a page when looking at its layout Thoiie point
                                            </p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--FAQ One End -->

        <!--Blog Two Start -->
        <section class="blog-two">
            <div class="container">
                <div class="blog-two__top">
                    <div class="section-title-two text-left">
                        <div class="section-title-two__tagline-box">
                            <span class="section-title-two__tagline">blog & News</span>
                        </div>
                        <div class="section-title-two__title-box sec-title-animation animation-style2">
                            <h2 class="section-title-two__title title-animation">Cool Solutions for Your
                                <br> Hot Problems</h2>
                        </div>
                    </div>
                    <div class="blog-two__btn-box">
                        <a href="{{ url('blog') }}" class="blog-two__btn thm-btn">View all Blog</a>
                    </div>
                </div>
                <div class="row">
                    <!--Blog Two Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="blog-two__single">
                            <div class="blog-two__single-border"></div>
                            <div class="blog-two__img-box">
                                <div class="blog-two__img">
                                    <img src="assets/images/blog/blog-2-1.jpg" alt="">
                                </div>
                                <div class="blog-two__date">
                                    <p>22 Jun 2025</p>
                                </div>
                            </div>
                            <div class="blog-two__content">
                                <h3 class="blog-two__title"><a href="{{ url('blog-details') }}">Elapse They Endures Pains to
                                        Avoid The Worse Pains Taken To Clean</a></h3>
                                <p class="blog-two__text">Secure to other greater pleasures, or the selection point. But
                                    in certain circumstances</p>
                                <div class="blog-two__read-more">
                                    <a href="{{ url('blog-details') }}">Read More<span class="icon-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Blog Two Single End-->
                    <!--Blog Two Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="blog-two__single">
                            <div class="blog-two__single-border"></div>
                            <div class="blog-two__img-box">
                                <div class="blog-two__img">
                                    <img src="assets/images/blog/blog-2-2.jpg" alt="">
                                </div>
                                <div class="blog-two__date">
                                    <p>25 Jun 2025</p>
                                </div>
                            </div>
                            <div class="blog-two__content">
                                <h3 class="blog-two__title"><a href="{{ url('blog-details') }}">Secure to Other Greater
                                        Pleasures, or The Selection Point. </a></h3>
                                <p class="blog-two__text">Secure to other greater pleasures, or the selection point. But
                                    in certain circumstances</p>
                                <div class="blog-two__read-more">
                                    <a href="{{ url('blog-details') }}">Read More<span class="icon-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Blog Two Single End-->
                    <!--Blog Two Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="300ms">
                        <div class="blog-two__single">
                            <div class="blog-two__img-box">
                                <div class="blog-two__img">
                                    <img src="assets/images/blog/blog-2-3.jpg" alt="">
                                </div>
                                <div class="blog-two__date">
                                    <p>29 Jun 2025</p>
                                </div>
                            </div>
                            <div class="blog-two__content">
                                <h3 class="blog-two__title"><a href="{{ url('blog-details') }}">The Selection Point Erase in
                                        Certain Circumstances And Owing </a></h3>
                                <p class="blog-two__text">Secure to other greater pleasures, or the selection point. But
                                    in certain circumstances</p>
                                <div class="blog-two__read-more">
                                    <a href="{{ url('blog-details') }}">Read More<span class="icon-arrow-right"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Blog Two Single End-->
                </div>
            </div>
        </section>
        <!--Blog Two End -->

        <!--Brand Two Start-->
        <section class="brand-two">
            <div class="container">
                <div class="brand-two__inner">
                    <div class="brand-two__carousel owl-theme owl-carousel">
                        <!--Brand Two Single-->
                        <div class="brand-two__single">
                            <div class="brand-two__img">
                                <img src="assets/images/brand/brand-2-1.png" alt="">
                            </div>
                        </div>
                        <!--Brand Two Single-->
                        <div class="brand-two__single">
                            <div class="brand-two__img">
                                <img src="assets/images/brand/brand-2-2.png" alt="">
                            </div>
                        </div>
                        <!--Brand Two Single-->
                        <div class="brand-two__single">
                            <div class="brand-two__img">
                                <img src="assets/images/brand/brand-2-3.png" alt="">
                            </div>
                        </div>
                        <!--Brand Two Single-->
                        <div class="brand-two__single">
                            <div class="brand-two__img">
                                <img src="assets/images/brand/brand-2-4.png" alt="">
                            </div>
                        </div>
                        <!--Brand Two Single-->
                        <div class="brand-two__single">
                            <div class="brand-two__img">
                                <img src="assets/images/brand/brand-2-5.png" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- If we need navigation buttons -->
                </div>
            </div>
        </section>
        <!--Brand Two End-->

<x-footer2/>
<x-mobileMenu/>
<x-searchPopup/>
<x-scroll-to-top/>
@endsection