@extends('layouts.layout1')
@section('title', 'Home One || Erepair || Erepair Laravel Template ')

@section('content')

<x-strickyHeader/>


        <!-- Main Sllider Start -->
        <section class="main-slider">
            <div class="main-slider__carousel owl-carousel owl-theme">

                <div class="item">
                    <div class="main-slider__bg"
                        style="background-image: url(assets/images/backgrounds/slider-1-1.jpg);">
                    </div><!-- /.slider-one__bg -->
                    <div class="main-slider__shape-1"></div>
                    <div class="main-slider__shape-2"></div>
                    <div class="main-slider__shape-3"></div>
                    <div class="main-slider__img">
                        <img src="assets/images/resources/main-slider-img-1-1.png" alt="">
                    </div>
                    <div class="container">
                        <div class="main-slider__content">
                            <div class="main-slider__sub-title-box">
                                <p class="main-slider__sub-title">Service Company</p>
                                <div class="main-slider__sub-title-shape"></div>
                            </div>
                            <h2 class="main-slider__title">Bright Solutions <br> for Dark Problems</h2>
                            <p class="main-slider__text">We have been operating for over a decade, providing top-notch
                                sWe have <br> operating over a decade, providing top-notch services to our clients</p>
                            <div class="main-slider__btn-box">
                                <a href="{{ url('about') }}" class="main-slider__btn thm-btn">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="main-slider__bg"
                        style="background-image: url(assets/images/backgrounds/slider-1-2.jpg);">
                    </div><!-- /.slider-one__bg -->
                    <div class="main-slider__shape-1"></div>
                    <div class="main-slider__shape-2"></div>
                    <div class="main-slider__shape-3"></div>
                    <div class="main-slider__img">
                        <img src="assets/images/resources/main-slider-img-1-2.png" alt="">
                    </div>
                    <div class="container">
                        <div class="main-slider__content">
                            <div class="main-slider__sub-title-box">
                                <p class="main-slider__sub-title">Service Company</p>
                                <div class="main-slider__sub-title-shape"></div>
                            </div>
                            <h2 class="main-slider__title">Bright Solutions <br> for Dark Problems</h2>
                            <p class="main-slider__text">We have been operating for over a decade, providing top-notch
                                sWe have <br> operating over a decade, providing top-notch services to our clients</p>
                            <div class="main-slider__btn-box">
                                <a href="{{ url('about') }}" class="main-slider__btn thm-btn">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="main-slider__bg"
                        style="background-image: url(assets/images/backgrounds/slider-1-3.jpg);">
                    </div><!-- /.slider-one__bg -->
                    <div class="main-slider__shape-1"></div>
                    <div class="main-slider__shape-2"></div>
                    <div class="main-slider__shape-3"></div>
                    <div class="main-slider__img">
                        <img src="assets/images/resources/main-slider-img-1-3.png" alt="">
                    </div>
                    <div class="container">
                        <div class="main-slider__content">
                            <div class="main-slider__sub-title-box">
                                <p class="main-slider__sub-title">Service Company</p>
                                <div class="main-slider__sub-title-shape"></div>
                            </div>
                            <h2 class="main-slider__title">Bright Solutions <br> for Dark Problems</h2>
                            <p class="main-slider__text">We have been operating for over a decade, providing top-notch
                                sWe have <br> operating over a decade, providing top-notch services to our clients</p>
                            <div class="main-slider__btn-box">
                                <a href="{{ url('about') }}" class="main-slider__btn thm-btn">Learn More</a>
                            </div>
                        </div>
                    </div>
                </div>

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

        <!--Services One Start -->
        <section class="services-one">
            <div class="container">
                <div class="services-one__inner">
                    <ul class="services-one__service-list list-unstyled">
                        <li class="wow fadeInLeft" data-wow-delay="100ms">
                            <div class="services-one__single">
                                <div class="services-one__icon">
                                    <span class="icon-affordable-price"></span>
                                </div>
                                <h3 class="services-one__title"><a href="{{ url('pricing') }}">Affordable Price</a></h3>
                                <p class="services-one__text">The wise man therefore always holds in <br>these matters
                                    to this
                                    principle of </p>
                            </div>
                        </li>
                        <li class="wow fadeInUp" data-wow-delay="200ms">
                            <div class="services-one__single">
                                <div class="services-one__icon">
                                    <span class="icon-setting"></span>
                                </div>
                                <h3 class="services-one__title"><a href="{{ url('about') }}">100% Guarantee</a></h3>
                                <p class="services-one__text">The wise man therefore always holds in <br>these matters
                                    to this
                                    principle of </p>
                            </div>
                        </li>
                        <li class="wow fadeInRight" data-wow-delay="300ms">
                            <div class="services-one__single">
                                <div class="services-one__icon">
                                    <span class="icon-services"></span>
                                </div>
                                <h3 class="services-one__title"><a href="{{ url('contact') }}">24/7 Our Service</a></h3>
                                <p class="services-one__text">The wise man therefore always holds in <br>these matters
                                    to this
                                    principle of </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!--Services One End -->

        <!--About One Start -->
        <section class="about-one">
            <div class="about-one__shape-one float-bob-y">
                <img src="assets/images/shapes/about-one-shape-1.png" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="about-one__left wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms">
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="about-one__img-box-1">
                                        <div class="about-one__img-1">
                                            <img src="assets/images/resources/about-one-img-1.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="about-one__cirtified">
                                        <div class="icon">
                                            <span class="icon-certified"></span>
                                        </div>
                                        <h3>We are certified<br> company since 1997</h3>
                                    </div>
                                    <div class="about-one__img-box-2">
                                        <div class="about-one__img-2">
                                            <img src="assets/images/resources/about-one-img-2.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="about-one__right wow fadeInRight" data-wow-delay="300ms">
                            <div class="section-title text-left">
                                <div class="section-title__tagline-box">
                                    <span class="section-title__tagline">Get To Know Us</span>
                                </div>
                                <div class="section-title__title-box sec-title-animation animation-style2">
                                    <h2 class="section-title__title title-animation">General Auto Repair & Car This
                                        Maintenance
                                        Place
                                    </h2>
                                </div>
                            </div>
                            <p class="about-one__text-1">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. But in certain
                                circumstances</p>
                            <p class="about-one__text-2">Duis acute arura dolor in reprehenderit in voluptate velit esse
                                cillum dolore Velit esse quam nihil molestiae consequatur, Velia ease chillum dolore eu
                                fugato nullar partiture. Exception sint occaecatvel qui dolorem eum fugiat quo quail
                                dolor sit amen, consectetur, </p>
                            <div class="about-one__btn-box">
                                <a href="{{ url('about') }}" class="about-one__btn thm-btn">About Us More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--About One End -->

        <!--Services Two Start -->
        <section class="services-two">
            <div class="services-two__shape-1 img-bounce">
                <img src="assets/images/shapes/services-two-shape-1.png" alt="">
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-title__tagline-box">
                        <span class="section-title__tagline">Our Services</span>
                    </div>
                    <div class="section-title__title-box sec-title-animation animation-style1">
                        <h2 class="section-title__title title-animation">Current Solutions for Your<br> Modern Problems
                        </h2>
                    </div>
                </div>
                <div class="row">
                    <!--Services Two Single Start-->
                    <div class="col-xl-4 col-lg-6 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="services-two__single">
                            <div class="services-two__icon">
                                <span class="icon-socket"></span>
                            </div>
                            <p class="services-two__sub-title">Service Type 1</p>
                            <h3 class="services-two__title"><a href="{{ url('electric-panel-repair') }}">Electric Repair</a>
                            </h3>
                            <p class="services-two__text">The wise man therefore always desi holds in these matters
                                electri to this of principle selection</p>
                            <a href="{{ url('electric-panel-repair') }}" class="services-two__learn-more">Learn More<span
                                    class="icon-arrow-right"></span></a>
                        </div>
                    </div>
                    <!--Services Two Single End-->
                    <!--Services Two Single Start-->
                    <div class="col-xl-4 col-lg-6 wow fadeInUp" data-wow-delay="300ms">
                        <div class="services-two__single">
                            <div class="services-two__icon">
                                <span class="icon-ceiling-lamp"></span>
                            </div>
                            <p class="services-two__sub-title">Service Type 2</p>
                            <h3 class="services-two__title"><a href="{{ url('lighting-fixtures') }}">Lighting & Fixtures</a>
                            </h3>
                            <p class="services-two__text">The wise man therefore always desi holds in these matters
                                electri to this of principle selection</p>
                            <a href="{{ url('lighting-fixtures') }}" class="services-two__learn-more">Learn More<span
                                    class="icon-arrow-right"></span></a>
                        </div>
                    </div>
                    <!--Services Two Single End-->
                    <!--Services Two Single Start-->
                    <div class="col-xl-4 col-lg-6 wow fadeInRight" data-wow-delay="500ms">
                        <div class="services-two__single">
                            <div class="services-two__icon">
                                <span class="icon-ceiling-lamp-2"></span>
                            </div>
                            <p class="services-two__sub-title">Service Type 3</p>
                            <h3 class="services-two__title"><a href="{{ url('maintenance-service') }}">Maintenance Service</a>
                            </h3>
                            <p class="services-two__text">The wise man therefore always desi holds in these matters
                                electri to this of principle selection</p>
                            <a href="{{ url('maintenance-service') }}" class="services-two__learn-more">Learn More<span
                                    class="icon-arrow-right"></span></a>
                        </div>
                    </div>
                    <!--Services Two Single End-->
                </div>
            </div>
        </section>
        <!--Services Two End -->

        <!--Testimonial One Start -->
        <section class="testimonial-one">
            <div class="container">
                <div class="testimonial-one__carousel owl-theme owl-carousel">
                    <!--Testimonial One Single Start-->
                    <div class="item">
                        <div class="testimonial-one__single">
                            <div class="testimonial-one__img">
                                <img src="assets/images/testimonial/testimonial-1-1.jpg" alt="">
                            </div>
                            <div class="testimonial-one__content">
                                <div class="testimonial-one__quote">
                                    <span class="icon-quote"></span>
                                </div>
                                <p class="testimonial-one__text">“Adipiscing elit, sed do eiusmod tempor incididunt ut
                                    labored etos dolore magna aliquant. Ut enim ad minim veniam nostrud exercitation
                                    ullamco laboris nisi ut aliquip</p>
                                <div class="testimonial-one__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 class="testimonial-one__client-info">
                                    <h3><a href="{{ url('testimonials') }}">Arlene McCoy</a></h3>
                                    <p>Co-founder</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Testimonial One Single End-->
                    <!--Testimonial One Single Start-->
                    <div class="item">
                        <div class="testimonial-one__single">
                            <div class="testimonial-one__img">
                                <img src="assets/images/testimonial/testimonial-1-2.jpg" alt="">
                            </div>
                            <div class="testimonial-one__content">
                                <div class="testimonial-one__quote">
                                    <span class="icon-quote"></span>
                                </div>
                                <p class="testimonial-one__text">“Adipiscing elit, sed do eiusmod tempor incididunt ut
                                    labored etos dolore magna aliquant. Ut enim ad minim veniam nostrud exercitation
                                    ullamco laboris nisi ut aliquip</p>
                                <div class="testimonial-one__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 class="testimonial-one__client-info">
                                    <h3><a href="{{ url('testimonials') }}">Wade Warrent</a></h3>
                                    <p>Manager</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Testimonial One Single End-->
                </div>
            </div>
        </section>
        <!--Testimonial One End -->

        <!--Brand One Start-->
        <section class="brand-one">
            <div class="container">
                <div class="brand-one__inner">
                    <div class="brand-one__carousel owl-theme owl-carousel">
                        <!--Brand One Single-->
                        <div class="brand-one__single">
                            <div class="brand-one__img">
                                <img src="assets/images/brand/brand-1-1.png" alt="">
                            </div>
                        </div>
                        <!--Brand One Single-->
                        <div class="brand-one__single">
                            <div class="brand-one__img">
                                <img src="assets/images/brand/brand-1-2.png" alt="">
                            </div>
                        </div>
                        <!--Brand One Single-->
                        <div class="brand-one__single">
                            <div class="brand-one__img">
                                <img src="assets/images/brand/brand-1-3.png" alt="">
                            </div>
                        </div>
                        <!--Brand One Single-->
                        <div class="brand-one__single">
                            <div class="brand-one__img">
                                <img src="assets/images/brand/brand-1-4.png" alt="">
                            </div>
                        </div>
                        <!--Brand One Single-->
                        <div class="brand-one__single">
                            <div class="brand-one__img">
                                <img src="assets/images/brand/brand-1-5.png" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- If we need navigation buttons -->
                </div>
            </div>
        </section>
        <!--Brand One End-->

        <!--Video One Start-->
        <section class="video-one">
            <div class="video-one__sahpe-1">
                <img src="assets/images/shapes/video-one-shape-1.png" alt="">
            </div>
            <div class="video-one__bg wow slideInLeft" data-wow-delay="100ms" data-wow-duration="2500ms"
                style="background-image: url(assets/images/backgrounds/video-one-bg.jpg);">
                <div class="video-one__video-link">
                    <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                        <div class="video-one__video-icon">
                            <span class="fas fa-play"></span>
                            <i class="ripple"></i>
                        </div>
                    </a>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-6"></div>
                    <div class="col-xl-6">
                        <div class="video-one__right wow fadeInRight" data-wow-delay="300ms">
                            <div class="section-title text-left">
                                <div class="section-title__tagline-box">
                                    <span class="section-title__tagline">contact with us</span>
                                </div>
                                <div class="section-title__title-box sec-title-animation animation-style2">
                                    <h2 class="section-title__title title-animation">Choose Our Electric Repair Service
                                        because its 24/7</h2>
                                </div>
                            </div>
                            <p class="video-one__text-1">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>
                            <p class="video-one__text-2">But in certain circumstances and owing iodide pianissimos
                                dulcimers quiThe wise man therefore always holds in these matters to this principle of
                                selection.</p>
                            <div class="video-one__btn-box">
                                <a href="{{ url('about') }}" class="video-one__btn thm-btn">Discover More</a>
                                <a href="{{ url('contact') }}" class="video-one__btn-two thm-btn">Free estimate</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Video One End-->

        <!--Counter One Start-->
        <section class="counter-one">
            <div class="container">
                <div class="counter-one__inner">
                    <div class="row">
                        <!--Counter One Single Start-->
                        <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                            <div class="counter-one__single counter-one__single-1">
                                <div class="counter-one__icon">
                                    <span class="icon-hands-on-experience"></span>
                                </div>
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="20">00</h3>
                                    <span>+</span>
                                </div>
                                <p class="counter-one__text">Years of experience</p>
                            </div>
                        </div>
                        <!--Counter One Single End-->
                        <!--Counter One Single Start-->
                        <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                            <div class="counter-one__single">
                                <div class="counter-one__icon">
                                    <span class="icon-technician-1"></span>
                                </div>
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="360">00</h3>
                                    <span>+</span>
                                </div>
                                <p class="counter-one__text">Expert Team Member</p>
                            </div>
                        </div>
                        <!--Counter One Single End-->
                        <!--Counter One Single Start-->
                        <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                            <div class="counter-one__single">
                                <div class="counter-one__icon">
                                    <span class="icon-project-complete"></span>
                                </div>
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="800">00</h3>
                                    <span>+</span>
                                </div>
                                <p class="counter-one__text">Project Completed</p>
                            </div>
                        </div>
                        <!--Counter One Single End-->
                        <!--Counter One Single Start-->
                        <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms">
                            <div class="counter-one__single">
                                <div class="counter-one__icon">
                                    <span class="icon-happy-customer"></span>
                                </div>
                                <div class="counter-one__count-box">
                                    <h3 class="odometer" data-count="760">00</h3>
                                    <span>+</span>
                                </div>
                                <p class="counter-one__text">Happy customer</p>
                            </div>
                        </div>
                        <!--Counter One Single End-->
                    </div>
                </div>
            </div>
        </section>
        <!--Counter One End-->

        <!--Project One Start-->
        <section class="project-one">
            <div class="container">
                <div class="project-one__top">
                    <div class="section-title text-left">
                        <div class="section-title__tagline-box">
                            <span class="section-title__tagline">Our Gallery</span>
                        </div>
                        <div class="section-title__title-box sec-title-animation animation-style2">
                            <h2 class="section-title__title title-animation">Your Brightest <br>Choice in Repairs</h2>
                        </div>
                    </div>
                    <div class="project-one__btn-box">
                        <a href="{{ url('projects') }}" class="project-one__btn thm-btn">all Gallery</a>
                    </div>
                </div>
                <div class="row">
                    <!--Project One Single Start-->
                    <div class="col-xl-6 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="project-one__single">
                            <div class="project-one__img-box">
                                <div class="project-one__img">
                                    <img src="assets/images/project/project-1-1.jpg" alt="">
                                    <div class="project-one__arrow">
                                        <a href="assets/images/project/project-1-1.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-one__content">
                                    <p class="project-one__sub-title">Express Electric</p>
                                    <h3 class="project-one__title"><a href="{{ url('project-details') }}">debris stuck in the
                                            outdoor</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project One Single End-->
                    <!--Project One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms">
                        <div class="project-one__single">
                            <div class="project-one__img-box">
                                <div class="project-one__img">
                                    <img src="assets/images/project/project-1-2.jpg" alt="">
                                    <div class="project-one__arrow">
                                        <a href="assets/images/project/project-1-2.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-one__content">
                                    <p class="project-one__sub-title">Express Electric</p>
                                    <h3 class="project-one__title"><a href="{{ url('project-details') }}">debris stuck in the
                                            outdoor</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project One Single End-->
                    <!--Project One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="600ms">
                        <div class="project-one__single">
                            <div class="project-one__img-box">
                                <div class="project-one__img">
                                    <img src="assets/images/project/project-1-3.jpg" alt="">
                                    <div class="project-one__arrow">
                                        <a href="assets/images/project/project-1-3.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-one__content">
                                    <p class="project-one__sub-title">Express Electric</p>
                                    <h3 class="project-one__title"><a href="{{ url('project-details') }}">debris stuck in the
                                            outdoor</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project One Single End-->
                    <!--Project One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="900ms">
                        <div class="project-one__single">
                            <div class="project-one__img-box">
                                <div class="project-one__img">
                                    <img src="assets/images/project/project-1-4.jpg" alt="">
                                    <div class="project-one__arrow">
                                        <a href="assets/images/project/project-1-4.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-one__content">
                                    <p class="project-one__sub-title">Express Electric</p>
                                    <h3 class="project-one__title"><a href="{{ url('project-details') }}">debris stuck in the
                                            outdoor</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project One Single End-->
                    <!--Project One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="1000ms">
                        <div class="project-one__single">
                            <div class="project-one__img-box">
                                <div class="project-one__img">
                                    <img src="assets/images/project/project-1-5.jpg" alt="">
                                    <div class="project-one__arrow">
                                        <a href="assets/images/project/project-1-5.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-one__content">
                                    <p class="project-one__sub-title">Express Electric</p>
                                    <h3 class="project-one__title"><a href="{{ url('project-details') }}">debris stuck in the
                                            outdoor</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project One Single End-->
                    <!--Project One Single Start-->
                    <div class="col-xl-6 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="1100ms">
                        <div class="project-one__single">
                            <div class="project-one__img-box">
                                <div class="project-one__img">
                                    <img src="assets/images/project/project-1-6.jpg" alt="">
                                    <div class="project-one__arrow">
                                        <a href="assets/images/project/project-1-6.jpg" class="img-popup"><span
                                                class="icon-arrow-right"></span></a>
                                    </div>
                                </div>
                                <div class="project-one__content">
                                    <p class="project-one__sub-title">Express Electric</p>
                                    <h3 class="project-one__title"><a href="{{ url('project-details') }}">debris stuck in the
                                            outdoor</a></h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Project One Single End-->
                </div>
            </div>
        </section>
        <!--Project One End-->

        <!--Pricing One Start-->
        <section class="pricing-one">
            <div class="pricing-one__shape-1">
                <img src="assets/images/shapes/pricing-one-shape-1.png" alt="">
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-title__tagline-box">
                        <span class="section-title__tagline">Our Pricing</span>
                    </div>
                    <div class="section-title__title-box sec-title-animation animation-style1">
                        <h2 class="section-title__title title-animation">Lighting the Way to <br>Quality Repairs</h2>
                    </div>
                </div>
                <div class="row">
                    <!--Pricing One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                        <div class="pricing-one__single">
                            <div class="pricing-one__price-pack">
                                <div class="pricing-one__price-month">
                                    <h3>Basic Plan</h3>
                                    <p>Per Month</p>
                                </div>
                                <h2>$49</h2>
                            </div>
                            <div class="pricing-one__points-and-btn">
                                <ul class="pricing-one__price-points list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Mistakes To Avoid</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Your Startup</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Knew About Fonts</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Winning Metric for Your Startup</p>
                                    </li>
                                </ul>
                                <div class="pricing-one__btn-box">
                                    <a href="{{ url('pricing') }}" class="pricing-one__btn thm-btn">Get Started</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Pricing One Single End-->
                    <!--Pricing One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="pricing-one__single">
                            <div class="pricing-one__price-pack">
                                <div class="pricing-one__price-month">
                                    <h3>Regular Plan</h3>
                                    <p>6 Month</p>
                                </div>
                                <h2>$69</h2>
                            </div>
                            <div class="pricing-one__points-and-btn">
                                <ul class="pricing-one__price-points list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Mistakes To Avoid</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Your Startup</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Knew About Fonts</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Winning Metric for Your Startup</p>
                                    </li>
                                </ul>
                                <div class="pricing-one__btn-box">
                                    <a href="{{ url('pricing') }}" class="pricing-one__btn thm-btn">Get Started</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Pricing One Single End-->
                    <!--Pricing One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="300ms">
                        <div class="pricing-one__single">
                            <div class="pricing-one__price-pack">
                                <div class="pricing-one__price-month">
                                    <h3>Premium Plan</h3>
                                    <p>Annual</p>
                                </div>
                                <h2>$99</h2>
                            </div>
                            <div class="pricing-one__points-and-btn">
                                <ul class="pricing-one__price-points list-unstyled">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Mistakes To Avoid</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Your Startup</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Knew About Fonts</p>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check"></span>
                                        </div>
                                        <p>Winning Metric for Your Startup</p>
                                    </li>
                                </ul>
                                <div class="pricing-one__btn-box">
                                    <a href="{{ url('pricing') }}" class="pricing-one__btn thm-btn">Get Started</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Pricing One Single End-->
                </div>
            </div>
        </section>
        <!--Pricing One End-->

        <!--Blog One Start-->
        <section class="blog-one">
            <div class="container">
                <div class="blog-one__top">
                    <div class="section-title text-left">
                        <div class="section-title__tagline-box">
                            <span class="section-title__tagline">blog & News</span>
                        </div>
                        <div class="section-title__title-box sec-title-animation animation-style2">
                            <h2 class="section-title__title title-animation">Your Brightest Choice<br> in Repairs</h2>
                        </div>
                    </div>
                    <div class="blog-one__btn-box">
                        <a href="{{ url('blog') }}" class="blog-one__btn thm-btn">View all Blog</a>
                    </div>
                </div>
                <div class="row">
                    <!--Blog One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
                        <div class="blog-one__single">
                            <div class="blog-one__img-box">
                                <div class="blog-one__img">
                                    <img src="assets/images/blog/blog-1-1.jpg" alt="@@title">
                                    <img src="assets/images/blog/blog-1-1.jpg" alt="@@title">
                                    <a href="{{ url('blog-details') }}" class="blog-one__link"><span class="sr-only"></span></a>
                                </div>
                                <div class="blog-one__date">
                                    <p>12<br>Nov</p>
                                </div>
                            </div>
                            <div class="blog-one__content">
                                <div class="blog-one__user">
                                    <p><span class="icon-user"></span>By Admin</p>
                                </div>
                                <h3 class="blog-one__title"><a href="{{ url('blog-details') }}">Elase They Endures Pains to
                                        Avoid The Worse Pains Taken </a></h3>
                                <a href="{{ url('blog-details') }}" class="blog-one__learn-more">Learn More<span
                                        class="icon-arrow-right"></span></a>
                            </div>
                        </div>
                    </div>
                    <!--Blog One Single End-->
                    <!--Blog One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
                        <div class="blog-one__single">
                            <div class="blog-one__img-box">
                                <div class="blog-one__img">
                                    <img src="assets/images/blog/blog-1-2.jpg" alt="@@title">
                                    <img src="assets/images/blog/blog-1-2.jpg" alt="@@title">
                                    <a href="{{ url('blog-details') }}" class="blog-one__link"><span class="sr-only"></span></a>
                                </div>
                                <div class="blog-one__date">
                                    <p>12<br>Nov</p>
                                </div>
                            </div>
                            <div class="blog-one__content">
                                <div class="blog-one__user">
                                    <p><span class="icon-user"></span>By Admin</p>
                                </div>
                                <h3 class="blog-one__title"><a href="{{ url('blog-details') }}">Regular maintenance cleaning or
                                        replacing air filters</a></h3>
                                <a href="{{ url('blog-details') }}" class="blog-one__learn-more">Learn More<span
                                        class="icon-arrow-right"></span></a>
                            </div>
                        </div>
                    </div>
                    <!--Blog One Single End-->
                    <!--Blog One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="600ms">
                        <div class="blog-one__single">
                            <div class="blog-one__img-box">
                                <div class="blog-one__img">
                                    <img src="assets/images/blog/blog-1-3.jpg" alt="@@title">
                                    <img src="assets/images/blog/blog-1-3.jpg" alt="@@title">
                                    <a href="{{ url('blog-details') }}" class="blog-one__link"><span class="sr-only"></span></a>
                                </div>
                                <div class="blog-one__date">
                                    <p>12<br>Nov</p>
                                </div>
                            </div>
                            <div class="blog-one__content">
                                <div class="blog-one__user">
                                    <p><span class="icon-user"></span>By Admin</p>
                                </div>
                                <h3 class="blog-one__title"><a href="{{ url('blog-details') }}">Water leakage can be due to a
                                        clogged drain line</a></h3>
                                <a href="{{ url('blog-details') }}" class="blog-one__learn-more">Learn More<span
                                        class="icon-arrow-right"></span></a>
                            </div>
                        </div>
                    </div>
                    <!--Blog One Single End-->
                </div>
            </div>
        </section>
        <!--Blog One End-->

        <!--CTA One Start-->
        <section class="cta-one">
            <div class="container">
                <div class="cta-one__inner wow fadeInUp" data-wow-delay="300ms">
                    <div class="cta-one__img">
                        <img src="assets/images/resources/cta-one-img-1.png" alt="">
                    </div>
                    <div class="section-title text-left">
                        <div class="section-title__tagline-box">
                            <span class="section-title__tagline">Get To Know Us</span>
                        </div>
                        <div class="section-title__title-box sec-title-animation animation-style2">
                            <h2 class="section-title__title title-animation">Save Money With Specials<br> Discount Offer
                            </h2>
                        </div>
                    </div>
                    <p class="cta-one__text">Pleasures to secure other greater pleasures, or else he endures pains<br>
                        to avoid worse pains to the selection circumstances</p>
                    <div class="cta-one__btn-and-call-box">
                        <div class="cta-one__btn-box">
                            <a href="{{ url('contact') }}" class="cta-one__btn thm-btn">Get Appointment</a>
                        </div>
                        <div class="cta-one__call-box">
                            <div class="icon">
                                <span class="icon-call"></span>
                            </div>
                            <div class="content">
                                <p>Make a call</p>
                                <h4><a href="tel:00554755242">00 55 475 5242</a></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--CTA One End-->

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