@extends('layouts.layout3')
@section('title', 'Home Three || Erepair || Erepair Laravel Template ')

@section('content')

<x-strickyHeader/>

          <!-- Main Slider Three Start -->
          <section class="main-slider-three">
            <div class="main-slider-three__carousel owl-carousel owl-theme">

                <div class="item">
                    <div class="main-slider-three__bg"
                        style="background-image: url(assets/images/backgrounds/slider-3-1.jpg);">
                    </div>
                    <div class="main-slider-three__shape-1">
                        <img src="assets/images/shapes/main-slider-three-shape-1.png" alt="">
                    </div>
                    <div class="main-slider-three__shape-2">
                        <img src="assets/images/shapes/main-slider-three-shape-2.png" alt="">
                    </div>
                    <div class="main-slider-three__shape-3">
                        <img src="assets/images/shapes/main-slider-three-shape-3.png" alt="" class="img-bounce">
                    </div>
                    <div class="container">
                        <div class="main-slider-three__content">
                            <div class="main-slider-three__sub-title-box">
                                <p class="main-slider-three__sub-title">Best Repairs</p>
                            </div>
                            <h2 class="main-slider-three__title">We Are Experts At <br> Cell Phone Repair!</h2>
                            <p class="main-slider-three__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-three__btn-box">
                                <a href="{{ url('services') }}" class="main-slider-three__btn thm-btn">Repair My Device</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="main-slider-three__bg"
                        style="background-image: url(assets/images/backgrounds/slider-3-2.jpg);">
                    </div>
                    <div class="main-slider-three__shape-1">
                        <img src="assets/images/shapes/main-slider-three-shape-1.png" alt="">
                    </div>
                    <div class="main-slider-three__shape-2">
                        <img src="assets/images/shapes/main-slider-three-shape-2.png" alt="">
                    </div>
                    <div class="main-slider-three__shape-3">
                        <img src="assets/images/shapes/main-slider-three-shape-3.png" alt="" class="img-bounce">
                    </div>
                    <div class="container">
                        <div class="main-slider-three__content">
                            <div class="main-slider-three__sub-title-box">
                                <p class="main-slider-three__sub-title">Best Repairs</p>
                            </div>
                            <h2 class="main-slider-three__title">We Are Experts At <br> Cell Phone Repair!</h2>
                            <p class="main-slider-three__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-three__btn-box">
                                <a href="{{ url('services') }}" class="main-slider-three__btn thm-btn">Repair My Device</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="main-slider-three__bg"
                        style="background-image: url(assets/images/backgrounds/slider-3-3.jpg);">
                    </div>
                    <div class="main-slider-three__shape-1">
                        <img src="assets/images/shapes/main-slider-three-shape-1.png" alt="">
                    </div>
                    <div class="main-slider-three__shape-2">
                        <img src="assets/images/shapes/main-slider-three-shape-2.png" alt="">
                    </div>
                    <div class="main-slider-three__shape-3">
                        <img src="assets/images/shapes/main-slider-three-shape-3.png" alt="" class="img-bounce">
                    </div>
                    <div class="container">
                        <div class="main-slider-three__content">
                            <div class="main-slider-three__sub-title-box">
                                <p class="main-slider-three__sub-title">Best Repairs</p>
                            </div>
                            <h2 class="main-slider-three__title">We Are Experts At <br> Cell Phone Repair!</h2>
                            <p class="main-slider-three__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-three__btn-box">
                                <a href="{{ url('services') }}" class="main-slider-three__btn thm-btn">Repair My Device</a>
                            </div>
                        </div>
                    </div>
                </div>



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

        <!--About Three Start -->
        <section class="about-three">
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 col-lg-6">
                        <div class="about-three__left">
                            <div class="about-three__main-progress-box">
                                <div class="about-three__progress-single">
                                    <div class="about-three__progress-box">
                                        <div class="circle-progress"
                                            data-options='{ "value": 0.8,"thickness": 10,"emptyFill": "#F4FBF9","lineCap": "square", "size": 110, "fill": { "color": "#2AB97E" } }'>
                                        </div><!-- /.circle-progress -->
                                        <div class="about-three__pack">
                                            <p>85%</p>
                                        </div>
                                    </div>
                                    <div class="about-three__progress-content">
                                        <p>Repair Device</p>
                                    </div>
                                </div>
                                <div class="about-three__progress-single">
                                    <div class="about-three__progress-box">
                                        <div class="circle-progress"
                                            data-options='{ "value": 0.9,"thickness": 10,"emptyFill": "#F4FBF9","lineCap": "square", "size": 110, "fill": { "color": "#2AB97E" } }'>
                                        </div><!-- /.circle-progress -->
                                        <div class="about-three__pack">
                                            <p>95%</p>
                                        </div>
                                    </div>
                                    <div class="about-three__progress-content">
                                        <p>Replace Device</p>
                                    </div>
                                </div>
                            </div>
                            <div class="about-three__img-box">
                                <div class="about-three__img">
                                    <img src="assets/images/resources/about-3-1.jpg" alt="">
                                </div>
                                <div class="about-three__img-two">
                                    <img src="assets/images/resources/about-3-2.jpg" alt="">
                                    <div class="about-three__video-link">
                                        <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                            <div class="about-three__video-icon">
                                                <span class="fa fa-play"></span>
                                                <i class="ripple"></i>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="about-three__shape-1 shapeMover">
                                <img src="assets/images/shapes/about-three-shape-1.png" alt="">
                            </div>
                            <div class="about-three__shape-2 float-bob-y">
                                <img src="assets/images/shapes/about-three-shape-2.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 col-lg-6">
                        <div class="about-three__right">
                            <div class="section-title-three text-left sec-title-animation animation-style2">
                                <div class="section-title-three__tagline-box">
                                    <div class="section-title-three__tagline-shape"></div>
                                    <span class="section-title-three__tagline">Quality Repair</span>
                                </div>
                                <h2 class="section-title-three__title title-animation">We Can Fix It Almost As Fast
                                    As You Can Break It.</h2>
                            </div>
                            <p class="about-three__text-1">Duis aute irure dolor in repreh enderit in volup tate velit
                                esse cillum dolore</p>
                            <ul class="list-unstyled about-three__points">
                                <li>
                                    <div class="icon">
                                        <span class="icon-like"></span>
                                    </div>
                                    <div class="text">
                                        <p>WE ALWAYS PUT QUALITY FIRST</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-hands-on-experience"></span>
                                    </div>
                                    <div class="text">
                                        <p>CUSTOMER SATISFACTION IS ABSOLUTE</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="icon">
                                        <span class="icon-project-complete"></span>
                                    </div>
                                    <div class="text">
                                        <p>FAST AND QUALITY WORK</p>
                                    </div>
                                </li>
                            </ul>
                            <p class="about-three__text-2">Duis aute irure dolor in repreh enderit in volup tate velit
                                esse cillum dolore eu fugiat nulla dolor atur with Lorem ipsum is simply free text
                                market web bites eius mod ut labore duis aute irure pari</p>
                            <a href="{{ url('contact') }}" class="thm-btn">Contact Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--About Three Start -->

        <!--Services Four Start-->
        <section class="services-four">
            <div class="services-four-shape-1 float-bob-x">
                <img src="assets/images/shapes/services-four-shape-1.png" alt="">
            </div>
            <div class="services-four-shape-2 float-bob-y">
                <img src="assets/images/shapes/services-four-shape-2.png" alt="">
            </div>
            <div class="container">
                <div class="section-title-three text-center sec-title-animation animation-style1">
                    <div class="section-title-three__tagline-box justify-content-center">
                        <div class="section-title-three__tagline-shape"></div>
                        <span class="section-title-three__tagline">Our Services</span>
                        <div class="section-title-three__tagline-shape"></div>
                    </div>
                    <h2 class="section-title-three__title title-animation">Our Efficient Solution</h2>
                </div>
                <div class="row">
                    <!--Services One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
                        <div class="services-four__single">
                            <div class="services-four__img">
                                <img src="assets/images/services/services-4-1.jpg" alt="">
                                <div class="services-four__icon">
                                    <span class="icon-laptop"></span>
                                </div>
                            </div>
                            <div class="services-four__content">
                                <h3 class="services-four__title"><a href="{{ url('services') }}">Laptop Repair</a></h3>
                                <p class="services-four__text">Duis aute irure dolor in repreh enderit in volup tate
                                    velit esse cillum dolore fugiat nulla dolor atur</p>
                                <div class="services-four__btn-box">
                                    <a href="{{ url('services') }}" class="thm-btn services-four__btn">Repair Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single Start-->
                    <!--Services One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="services-four__single">
                            <div class="services-four__img">
                                <img src="assets/images/services/services-4-2.jpg" alt="">
                                <div class="services-four__icon">
                                    <span class="icon-mobile-phone"></span>
                                </div>
                            </div>
                            <div class="services-four__content">
                                <h3 class="services-four__title"><a href="{{ url('services') }}">Phone Repair</a></h3>
                                <p class="services-four__text">Duis aute irure dolor in repreh enderit in volup tate
                                    velit esse cillum dolore fugiat nulla dolor atur</p>
                                <div class="services-four__btn-box">
                                    <a href="{{ url('services') }}" class="thm-btn services-four__btn">Repair Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single Start-->
                    <!--Services One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
                        <div class="services-four__single">
                            <div class="services-four__img">
                                <img src="assets/images/services/services-4-3.jpg" alt="">
                                <div class="services-four__icon">
                                    <span class="icon-tablet"></span>
                                </div>
                            </div>
                            <div class="services-four__content">
                                <h3 class="services-four__title"><a href="{{ url('services') }}">Tablet Repair</a></h3>
                                <p class="services-four__text">Duis aute irure dolor in repreh enderit in volup tate
                                    velit esse cillum dolore fugiat nulla dolor atur</p>
                                <div class="services-four__btn-box">
                                    <a href="{{ url('services') }}" class="thm-btn services-four__btn">Repair Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Services One Single Start-->
                </div>
            </div>
        </section>
        <!--Services Four End-->

        <!--Process One Start-->
        <section class="process-one">
            <div class="process-one__bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
                style="background-image: url(assets/images/backgrounds/process-one-bg.jpg);">
            </div>
            <div class="container">
                <div class="section-title-three text-center sec-title-animation animation-style1">
                    <div class="section-title-three__tagline-box justify-content-center">
                        <div class="section-title-three__tagline-shape"></div>
                        <span class="section-title-three__tagline">Working Process</span>
                        <div class="section-title-three__tagline-shape"></div>
                    </div>
                    <h2 class="section-title-three__title title-animation">See our 4 easy steps how
                        we works</h2>
                </div>
                <div class="row">
                    <!--Process One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="process-one__single">
                            <div class="process-one__icon">
                                <span class="icon-ac1"></span>
                                <div class="process-one__count-box"></div>
                            </div>
                            <h3 class="process-one__title">Damage Device</h3>
                        </div>
                    </div>
                    <!--Process One Single End-->
                    <!--Process One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="process-one__single">
                            <div class="process-one__icon">
                                <span class="icon-send"></span>
                                <div class="process-one__count-box"></div>
                            </div>
                            <h3 class="process-one__title">Send it to Us</h3>
                        </div>
                    </div>
                    <!--Process One Single End-->
                    <!--Process One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="process-one__single">
                            <div class="process-one__icon">
                                <span class="icon-setting"></span>
                                <div class="process-one__count-box"></div>
                            </div>
                            <h3 class="process-one__title">Repair Device</h3>
                        </div>
                    </div>
                    <!--Process One Single End-->
                    <!--Process One Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="process-one__single">
                            <div class="process-one__icon">
                                <span class="icon-services"></span>
                                <div class="process-one__count-box"></div>
                            </div>
                            <h3 class="process-one__title">Quick Return</h3>
                        </div>
                    </div>
                    <!--Process One Single End-->
                </div>
            </div>
        </section>
        <!--Process One End-->

        <!--Skill One Start-->
        <section class="skill-one">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-6">
                        <div class="skill-one__left">
                            <div class="section-title-three text-left sec-title-animation animation-style1">
                                <div class="section-title-three__tagline-box">
                                    <div class="section-title-three__tagline-shape"></div>
                                    <span class="section-title-three__tagline">Our Skills & Expertise</span>
                                </div>
                                <h2 class="section-title-three__title title-animation">We Specialize In Quick &
                                    <br> Professional Repairs</h2>
                            </div>
                            <p class="skill-one__text">There are many variations of passages of Lorem Ipsum available,
                                but the majority have suffered alteration in some words which don't look even slightly
                                believable. There are many variations of passages of Lorem Ipsum available</p>
                            <p class="skill-one__text-2">There are many variations of passages of Lorem Ipsum available,
                                but the majority have suffered alteration in some words which don't look even slightly
                                believable. There are many variations of passages of Lorem Ipsum available</p>
                            <div class="skill-one__progress">
                                <div class="skill-one__progress-single">
                                    <div class="bar">
                                        <div class="bar-inner count-bar" data-percent="84%">
                                            <div class="count-text">84%</div>
                                            <h4 class="skill-one__progress-title">Diagnostics</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="skill-one__progress-single">
                                    <div class="bar">
                                        <div class="bar-inner count-bar" data-percent="95%">
                                            <div class="count-text">95%</div>
                                            <h4 class="skill-one__progress-title">Replacment</h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="skill-one__progress-single">
                                    <div class="bar marb-0">
                                        <div class="bar-inner count-bar" data-percent="86%">
                                            <div class="count-text">86%</div>
                                            <h4 class="skill-one__progress-title">Device Repair</h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="skill-one__right">
                            <div class="skill-one__right-img-box wow slideInRight" data-wow-delay="100ms"
                                data-wow-duration="2500ms">
                                <div class="skill-one__right-img">
                                    <img src="assets/images/resources/skill-1-1.jpg" alt="">
                                    <div class="skill-one__video-link">
                                        <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                            <div class="skill-one__video-icon">
                                                <span class="fa fa-play"></span>
                                                <i class="ripple"></i>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="skill-one__video-content">
                                    <p>Improve gadget smartphone laptop repair services</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Skill One End-->

        <!--Pricing Two Start-->
        <section class="pricing-two">
            <div class="pricing-two__shape-1 float-bob-y"
                style="background-image: url(assets/images/shapes/pricing-two-shape-1.jpg);"></div>
            <div class="container">
                <div class="section-title-three text-center sec-title-animation animation-style1">
                    <div class="section-title-three__tagline-box justify-content-center">
                        <div class="section-title-three__tagline-shape"></div>
                        <span class="section-title-three__tagline">Our Pricing</span>
                        <div class="section-title-three__tagline-shape"></div>
                    </div>
                    <h2 class="section-title-three__title title-animation">Lighting the Way to <br>Quality Repairs</h2>
                </div>
                <div class="row">
                    <!--Pricing Two Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="pricing-two__single">
                            <div class="pricing-two__title-box">
                                <h3>Basic Plan</h3>
                                <p>Per Month</p>
                                <h2>$49</h2>
                            </div>
                            <div class="pricing-two__content">
                                <ul class="pricing-two__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-two__btn-box">
                                    <a href="{{ url('pricing') }}" class="pricing-two__btn thm-btn">Choose Plan</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Pricing Two Single End-->
                    <!--Pricing Two Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="pricing-two__single">
                            <div class="pricing-two__title-box">
                                <h3>Regular Plan</h3>
                                <p>6 Month</p>
                                <h2>$69</h2>
                            </div>
                            <div class="pricing-two__content">
                                <ul class="pricing-two__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-two__btn-box">
                                    <a href="{{ url('pricing') }}" class="pricing-two__btn thm-btn">Choose Plan</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Pricing Two Single End-->
                    <!--Pricing Two Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="pricing-two__single">
                            <div class="pricing-two__title-box">
                                <h3>Premium Plan</h3>
                                <p>Annual</p>
                                <h2>$99</h2>
                            </div>
                            <div class="pricing-two__content">
                                <ul class="pricing-two__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-two__btn-box">
                                    <a href="{{ url('pricing') }}" class="pricing-two__btn thm-btn">Choose Plan</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Pricing Two Single End-->
                </div>
            </div>
        </section>
        <!--Pricing Two End-->

        <!--Blog Three Start-->
        <div class="blog-three">
            <div class="blog-three-shape-1 float-bob-y"
                style="background-image: url(assets/images/shapes/blog-three-shape-1.png);">
            </div>
            <div class="container">
                <div class="section-title-three text-center sec-title-animation animation-style1">
                    <div class="section-title-three__tagline-box justify-content-center">
                        <div class="section-title-three__tagline-shape"></div>
                        <span class="section-title-three__tagline">From Our Blog</span>
                        <div class="section-title-three__tagline-shape"></div>
                    </div>
                    <h2 class="section-title-three__title title-animation">News And Articles</h2>
                </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-three__single">
                            <div class="blog-three__img">
                                <img src="assets/images/blog/blog-3-1.jpg" alt="">
                                <div class="blog-three__plus">
                                    <a href="{{ url('blog-details') }}"><i class="fa fa-plus"></i></a>
                                </div>
                            </div>
                            <div class="blog-three__content">
                                <ul class="blog-three__meta list-unstyled">
                                    <li>
                                        <a href="{{ url('blog-details') }}"><i class="fa fa-calendar-alt"></i>5 Jan 2025</a>
                                    </li>
                                    <li>
                                        <a href="{{ url('blog-details') }}"><i class="far fa-comments"></i>02 COMMENTS</a>
                                    </li>
                                </ul>
                                <h3 class="blog-three__title"><a href="{{ url('blog-details') }}">How To Fix Broken Back Glass
                                        On
                                        Your Phone</a></h3>
                                <div class="blog-three__btn-box">
                                    <a href="{{ url('blog-details') }}" class="thm-btn blog-three__btn">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Blog One Single End-->
                    <!--Blog One Single Start-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                        <div class="blog-three__single">
                            <div class="blog-three__img">
                                <img src="assets/images/blog/blog-3-2.jpg" alt="">
                                <div class="blog-three__plus">
                                    <a href="{{ url('blog-details') }}"><i class="fa fa-plus"></i></a>
                                </div>
                            </div>
                            <div class="blog-three__content">
                                <ul class="blog-three__meta list-unstyled">
                                    <li>
                                        <a href="{{ url('blog-details') }}"><i class="fa fa-calendar-alt"></i>5 Feb 2025</a>
                                    </li>
                                    <li>
                                        <a href="{{ url('blog-details') }}"><i class="far fa-comments"></i>02 COMMENTS</a>
                                    </li>
                                </ul>
                                <h3 class="blog-three__title"><a href="{{ url('blog-details') }}">How To Fix Broken Screen On
                                        Your
                                        Laptop</a></h3>
                                <div class="blog-three__btn-box">
                                    <a href="{{ url('blog-details') }}" class="thm-btn blog-three__btn">Read More</a>
                                </div>
                            </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-three__single">
                            <div class="blog-three__img">
                                <img src="assets/images/blog/blog-3-3.jpg" alt="">
                                <div class="blog-three__plus">
                                    <a href="{{ url('blog-details') }}"><i class="fa fa-plus"></i></a>
                                </div>
                            </div>
                            <div class="blog-three__content">
                                <ul class="blog-three__meta list-unstyled">
                                    <li>
                                        <a href="{{ url('blog-details') }}"><i class="fa fa-calendar-alt"></i>5 Mar 2022</a>
                                    </li>
                                    <li>
                                        <a href="{{ url('blog-details') }}"><i class="far fa-comments"></i>02 COMMENTS</a>
                                    </li>
                                </ul>
                                <h3 class="blog-three__title"><a href="{{ url('blog-details') }}">What Is The Best Affordable
                                        Android Phone In 2022?</a></h3>
                                <div class="blog-three__btn-box">
                                    <a href="{{ url('blog-details') }}" class="thm-btn blog-three__btn">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Blog One Single End-->
                </div>
            </div>
        </div>
        <!--Blog Three End-->

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