@extends('frontend.layouts.app')
@section('title', 'Index Eight')
@section('content')

    <!-- ============================ header area ============================ -->
    @include('frontend.includes.headers.headerEight')
    <!-- ============================ header area end ============================ -->

    <!-- ==== banner start ==== -->
    <section class="banner-eight-area">
        <div class="container-fluid gx-0">
            <div class="row">
                <div class="col-xl-6">
                    <div class="banner-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <h6 class="banner-eight-subtitle">God And to Each Other.</h6>
                        <h1 class="banner-eight-title char-animation">Our Church Works
                            to Support</h1>
                        <p class="banner-eight-paragraph">Charifund: where our church comes together to support those in
                            need
                            join us in creating a strong community for the hurting find comfort and connection in our
                            welcoming church environment
                            through Charifund, we provide resources and assistance to those facing difficult times be a part
                            of </p>
                        <div class="banner-eight-button">
                            <div class="btn-eight-primary-radius">
                                <a href="{{ route('contact') }}" class="btn--primary btn-eight-primary text-white fw-medium">Join
                                    in Person</a>
                            </div>
                            <a href="{{ route('contact') }}" class="btn--primary btn-eight-border text-white fw-medium">Donate
                                Now</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 col-md-6">
                            <div class="banner-eight-wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                                <div>
                                    <span class="banner-eight-join">Join Us</span>
                                </div>
                                <div class="banner-eight-content">
                                    <span>9:00 and 11:00am</span>
                                    <h4>Sundays</h4>
                                    <p>On Demand Starting At 5:00 p.m.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-6">
                            <div class="banner-eight-review" data-aos="fade-up" data-aos-duration="1000"
                                data-aos-delay="500">
                                <div class="banner-eight-review-top">
                                    <span>4.9</span>
                                    <div class="banner-eight-star">
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                        <i class="icon-star"></i>
                                    </div>
                                </div>
                                <div class="banner-eight-review-team">
                                    <span><img src="{{ asset('assets/images/banner-eight-review-team.png') }}" alt="review"></span>
                                    <p>A Team of Highly <br> Experienced Pastors</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="banner-six-slide position-relative overflow-hidden" data-aos="fade-up"
                        data-aos-duration="1000" data-aos-delay="300">
                        <div class="banner-six-slide-active swiper-container">
                            <div class="swiper-wrapper">

                                <!-- slide 1 -->
                                <div class="banner-six-slide-wrapper swiper-slide">
                                    <div class="banner-six-slide-bg"
                                        data-background="{{ asset('assets/images/banner/banner-eight-bg1.jpg') }}"></div>

                                </div>

                                <!-- slide 2 -->
                                <div class="banner-six-slide-wrapper swiper-slide">
                                    <div class="banner-six-slide-bg"
                                        data-background="{{ asset('assets/images/banner/banner-eight-bg2.jpg') }}"></div>

                                </div>

                                <!-- slide 3 -->
                                <div class="banner-six-slide-wrapper swiper-slide">
                                    <div class="banner-six-slide-bg"
                                        data-background="{{ asset('assets/images/banner/banner-eight-bg3.jpg') }}"></div>
                                </div>

                            </div>
                        </div>
                        <div class="banner-six-slide-dot banner-eight-dot">
                        </div>
                        <div class="banner-eight-dot-bg">
                            <img src="{{ asset('assets/images/banner/banner-right-dots.png') }}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== banner end ==== -->



    <!-- ==== About Start ==== -->
    <section class="about-eight-area position-relative z-1">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-8 col-md-10">
                    <div class="about-eight-thumb position-relative z-1" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <img src="{{ asset('assets/images/about-eight-thumb.jpg') }}" alt="thumb">
                        <div class="about-eight-thumb-shape">
                            <img src="{{ asset('assets/images/about-eight-thumb2.jpg') }}" alt="shape">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-8">
                    <div class="about-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="section-eight-wrapper">
                            <h6 class="section-eight-subtitle">Welcome to Our Church</h6>
                            <h2 class="section-eight-title char-animation">Where the living Word of God does not fail</h2>
                            <p class="section-eight-paragraph">Welcome to charifund, where the Word of God is shared with
                                love and grace Join us on a journey of faith and let the teachings become a testimony you
                                can share explore our site and witness firsthand the transformative power of god's love</p>
                        </div>
                        <div class="about-eight-center">
                            <div class="row">
                                <div class="col-xl-7 col-lg-7 col-md-7">
                                    <div class="about-eight-wrap">
                                        <div class="about-eight-item">
                                            <div class="about-eight-icon">
                                                <span><img src="{{ asset('assets/images/icon/about-eight-icon1.svg') }}"
                                                        alt="icon"></span>
                                            </div>
                                            <div class="about-eight-content">
                                                <h4>Our Mission</h4>
                                                <p>At Charifund, our mission is to make giving back</p>
                                            </div>
                                        </div>
                                        <div class="about-eight-item">
                                            <div class="about-eight-icon">
                                                <span><img src="{{ asset('assets/images/icon/about-eight-icon2.svg') }}"
                                                        alt="icon"></span>
                                            </div>
                                            <div class="about-eight-content">
                                                <h4>Our Vision</h4>
                                                <p>At Charifund, our mission is to make giving back</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-5 col-lg-5 col-md-5">
                                    <div class="about-eight-play">
                                        <div class="about-eight-play-thumb position-relative">
                                            <img src="{{ asset('assets/images/about-eight-play-thumb.jpg') }}" alt="play-thumb">
                                            <div class="about-eight-video-play">
                                                <a class="open-video-popup"
                                                    href="https://www.youtube.com/watch?v=RvreULjnzFo" target="_blank"
                                                    title="video Player">
                                                    <i class="icon-play"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="about-eight-list">
                                            <ul>
                                                <li><span><img src="{{ asset('assets/images/icon/about-eight-check.svg') }}"
                                                            alt="check"></span> May the Lord heal you.</li>
                                                <li><span><img src="{{ asset('assets/images/icon/about-eight-check.svg') }}"
                                                            alt="check"></span> May the Lord heal you.</li>
                                                <li><span><img src="{{ asset('assets/images/icon/about-eight-check.svg') }}"
                                                            alt="check"></span> May the Lord heal you.</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="d-flex align-items-center gap-4 flex-wrap row-gap-3">
                            <div class="about-eight-button">
                                <a href="{{ route('contact') }}"
                                    class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">About
                                    Us</a>
                            </div>
                            <div class="about-eight-team">
                                <span><img src="{{ asset('assets/images/about-eight-member.png') }}" alt="member"></span>
                                <p>A team of highly <br> experienced Pastors</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="about-eight-bg-shape">
            <img class="about-eight-bg-shape-1" src="{{ asset('assets/images/about-bg-shape1.png') }}" alt="shape">
            <img class="about-eight-bg-shape-2" src="{{ asset('assets/images/about-bg-shape2.png') }}" alt="shape">
        </div>
    </section>
    <!-- ==== About end ==== -->


    <!-- ==== Service Start ==== -->
    <section class="service-eight-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8 col-lg-10">
                    <div class="section-eight-wrapper text-center">
                        <h6 class="section-eight-subtitle d-inline-block">Our Services</h6>
                        <h2 class="section-eight-title char-animation">Trusting God, loving people,
                            and spreading hope</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-3 col-lg-6 col-md-6">
                    <div class="service-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <div class="service-eight-thumb position-relative z-1">
                            <a href="#"><img src="{{ asset('assets/images/service-eight-thumb1.jpg') }}" alt="thumb"></a>
                            <div class="service-eight-button">
                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                            <div class="service-eight-wrap">
                                <h4 class="service-eight-title"><a href="#">Church Mission</a></h4>
                                <p class="service-eight-paragraph">Welcome to Charifund, where we</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6">
                    <div class="service-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                        <div class="service-eight-thumb position-relative z-1">
                            <a href="#"><img src="{{ asset('assets/images/service-eight-thumb2.jpg') }}" alt="thumb"></a>
                            <div class="service-eight-button">
                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                            <div class="service-eight-wrap">
                                <h4 class="service-eight-title"><a href="#">Church Mission</a></h4>
                                <p class="service-eight-paragraph">Welcome to Charifund, where we</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6">
                    <div class="service-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600">
                        <div class="service-eight-thumb position-relative z-1">
                            <a href="#"><img src="{{ asset('assets/images/service-eight-thumb3.jpg') }}" alt="thumb"></a>
                            <div class="service-eight-button">
                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                            <div class="service-eight-wrap">
                                <h4 class="service-eight-title"><a href="#">Church Mission</a></h4>
                                <p class="service-eight-paragraph">Welcome to Charifund, where we</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-6 col-md-6">
                    <div class="service-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="800">
                        <div class="service-eight-thumb position-relative z-1">
                            <a href="#"><img src="{{ asset('assets/images/service-eight-thumb4.jpg') }}" alt="thumb"></a>
                            <div class="service-eight-button">
                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                            </div>
                            <div class="service-eight-wrap">
                                <h4 class="service-eight-title"><a href="#">Church Mission</a></h4>
                                <p class="service-eight-paragraph">Welcome to Charifund, where we</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== Service end ==== -->


    <!-- Maquee area start -->
    <section class="maquee-eight-area overflow-hidden">
        <div class="maquee-eight-slider">
            <div class="swiper maquee-eight-active">
                <div class="swiper-wrapper maquee-eight-transition">

                    <!-- slide 1 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title border-text">Cultural</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star-trasparent.svg') }}" alt="star"></span>
                        </div>
                    </div>

                    <!-- slide 2 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title">Prayers</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star.svg') }}" alt="star"></span>
                        </div>
                    </div>
                    <!-- slide 3 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title border-text">Food Tours</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star-trasparent.svg') }}" alt="star"></span>
                        </div>
                    </div>
                    <!-- slide 4 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title">Day Cruises</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star.svg') }}" alt="star"></span>
                        </div>
                    </div>

                    <!-- slide 1 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title border-text">Cultural</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star-trasparent.svg') }}" alt="star"></span>
                        </div>
                    </div>

                    <!-- slide 2 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title">Prayers</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star.svg') }}" alt="star"></span>
                        </div>
                    </div>
                    <!-- slide 3 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title border-text">Food Tours</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star-trasparent.svg') }}" alt="star"></span>
                        </div>
                    </div>
                    <!-- slide 4 -->
                    <div class="maquee-eight-box swiper-slide">
                        <div class="maquee-eight-content">
                            <h5 class="maquee-eight-title">Day Cruises</h5>
                        </div>
                        <div class="maquee-eight-icon">
                            <span><img src="{{ asset('assets/images/icon/marquee-eight-star.svg') }}" alt="star"></span>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Maquee area end -->


    <!-- Event area Start -->
    <section class="event-eight-area position-relative z-1">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="event-eight-wrapper flex-wrap row-gap-4" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <div class="event-eight-wrap">
                            <div class="event-eight-date">
                                <h5>20</h5>
                                <p>April 2025</p>
                            </div>
                            <div class="event-eight-thumb">
                                <img src="{{ asset('assets/images/event/event-eight-thumb1.jpg') }}" alt="thumb">
                            </div>
                            <div class="event-eight-content">
                                <h4><a href="#">Praise the Lord with All Your Inmost Being</a></h4>
                                <p>Join charifund for a midweek pick-me-up with our devotional
                                    group connect with like-minded</p>
                                <div class="event-eight-address">
                                    <ul>
                                        <li><span><i class="fa-solid fa-clock"></i></span> 8:00 am - 5:00 pm</li>
                                        <li><span><i class="fa-solid fa-location-dot"></i></span> Hallelujah Church</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="event-eight-button">
                            <div class="event-eight-price">
                                <h4>Prize : $250</h4>
                            </div>
                            <div class="about-eight-button event-eight-btn">
                                <a href="{{ route('contact') }}"
                                    class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">View
                                    Details</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="event-eight-wrapper flex-wrap row-gap-4" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="300">
                        <div class="event-eight-wrap">
                            <div class="event-eight-date">
                                <h5>18</h5>
                                <p>April 2025</p>
                            </div>
                            <div class="event-eight-thumb">
                                <img src="{{ asset('assets/images/event/event-eight-thumb2.jpg') }}" alt="thumb">
                            </div>
                            <div class="event-eight-content">
                                <h4><a href="#">Shout for joy to the God of your salvation.</a></h4>
                                <p>Join charifund for a midweek pick-me-up with our devotional
                                    group connect with like-minded</p>
                                <div class="event-eight-address">
                                    <ul>
                                        <li><span><i class="fa-solid fa-clock"></i></span> 8:00 am - 5:00 pm</li>
                                        <li><span><i class="fa-solid fa-location-dot"></i></span> Hallelujah Church</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="event-eight-button">
                            <div class="event-eight-price">
                                <h4>Prize : Free</h4>
                            </div>
                            <div class="about-eight-button event-eight-btn">
                                <a href="{{ route('contact') }}"
                                    class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">View
                                    Details</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12">
                    <div class="event-eight-wrapper flex-wrap row-gap-4" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="400">
                        <div class="event-eight-wrap">
                            <div class="event-eight-date">
                                <h5>15</h5>
                                <p>April 2025</p>
                            </div>
                            <div class="event-eight-thumb">
                                <img src="{{ asset('assets/images/event/event-eight-thumb3.jpg') }}" alt="thumb">
                            </div>
                            <div class="event-eight-content">
                                <h4><a href="#">All of Us Need a Renewing Power to Live</a></h4>
                                <p>Join charifund for a midweek pick-me-up with our devotional
                                    group connect with like-minded</p>
                                <div class="event-eight-address">
                                    <ul>
                                        <li><span><i class="fa-solid fa-clock"></i></span> 8:00 am - 5:00 pm</li>
                                        <li><span><i class="fa-solid fa-location-dot"></i></span> Hallelujah Church</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="event-eight-button">
                            <div class="event-eight-price">
                                <h4>Prize : $280</h4>
                            </div>
                            <div class="about-eight-button event-eight-btn">
                                <a href="{{ route('contact') }}"
                                    class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">View
                                    Details</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="event-eight-shape">
            <img class="event-eight-shape-1" src="{{ asset('assets/images/event/event-eight-shape1.png') }}" alt="shape">
            <img class="event-eight-shape-2" src="{{ asset('assets/images/event/event-eight-shape2.png') }}" alt="shape">
        </div>
    </section>
    <!-- Event area end -->


    <!-- Countdown area Start -->
    <section class="countdown-eight-area" data-background="{{ asset('assets/images/countdown-eight-bg.jpg') }}">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-xl-6 col-lg-8">
                    <div class="countdown-eight-wrapper" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <div class="section-eight-wrapper">
                            <h6 class="section-eight-subtitle d-inline-block">upcoming event</h6>
                            <h2 class="section-eight-title char-animation text-white">Campaign Events</h2>
                        </div>
                        <div class="countdown-eight-timer" id="countdown">
                            <ul>
                                <li><span id="days"></span>days</li>
                                <li><span id="hours"></span>Hours</li>
                                <li><span id="minutes"></span>Minutes</li>
                                <li><span id="seconds"></span>Seconds</li>
                            </ul>
                        </div>
                        <div class="about-eight-button event-eight-btn d-inline-block">
                            <a href="{{ route('contact') }}"
                                class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">View
                                All Events</a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-3">
                    <div class="video-six-button countdown-eight-button" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="300">
                        <a class="open-video-popup" href="https://www.youtube.com/watch?v=go7QYaQR494">Play</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Countdown area end -->


    <!-- Team area Start -->
    <section class="team-eight-area position-relative z-1">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-5 col-lg-10">
                    <div class="section-eight-wrapper text-center">
                        <h6 class="section-eight-subtitle d-inline-block">Leading with Love</h6>
                        <h2 class="section-eight-title char-animation">Meet the Leaders of Our Church</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="team-eight-slide overflow-hidden position-relative" data-aos="fade-up"
                        data-aos-duration="1000" data-aos-delay="200">
                        <div class="team-eight-active swiper-container">
                            <div class="swiper-wrapper team-eight-titming">

                                <!-- slide 1 -->
                                <div class="team-eight-wrapper swiper-slide">
                                    <div class="team-eight-thumb position-relative z-1">
                                        <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-eight-thumb1.jpg') }}"
                                                alt="thumb"></a>
                                        <div class="team-eight-social">
                                            <span><i class="fas fa-share-alt"></i></span>
                                            <div class="team-eight-social-icon">
                                                <ul>
                                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="team-eight-content text-center">
                                        <h4 class="team-eight-title"><a href="{{ route('team.details') }}">Thomas Ryan</a></h4>
                                        <p class="team-eight-paragraph">Associate Pastor</p>
                                    </div>
                                </div>

                                <!-- slide 2 -->
                                <div class="team-eight-wrapper swiper-slide">
                                    <div class="team-eight-thumb position-relative z-1">
                                        <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-eight-thumb2.jpg') }}"
                                                alt="thumb"></a>
                                        <div class="team-eight-social">
                                            <span><i class="fas fa-share-alt"></i></span>
                                            <div class="team-eight-social-icon">
                                                <ul>
                                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="team-eight-content text-center">
                                        <h4 class="team-eight-title"><a href="{{ route('team.details') }}">Niqole Moraga</a></h4>
                                        <p class="team-eight-paragraph">head of worship team</p>
                                    </div>
                                </div>

                                <!-- slide 3 -->
                                <div class="team-eight-wrapper swiper-slide">
                                    <div class="team-eight-thumb position-relative z-1">
                                        <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-eight-thumb3.jpg') }}"
                                                alt="thumb"></a>
                                        <div class="team-eight-social">
                                            <span><i class="fas fa-share-alt"></i></span>
                                            <div class="team-eight-social-icon">
                                                <ul>
                                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="team-eight-content text-center">
                                        <h4 class="team-eight-title"><a href="{{ route('team.details') }}">Rosita Morales</a></h4>
                                        <p class="team-eight-paragraph">Associate Pastor</p>
                                    </div>
                                </div>

                                <!-- slide 2 -->
                                <div class="team-eight-wrapper swiper-slide">
                                    <div class="team-eight-thumb position-relative z-1">
                                        <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-eight-thumb4.jpg') }}"
                                                alt="thumb"></a>
                                        <div class="team-eight-social">
                                            <span><i class="fas fa-share-alt"></i></span>
                                            <div class="team-eight-social-icon">
                                                <ul>
                                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="team-eight-content text-center">
                                        <h4 class="team-eight-title"><a href="{{ route('team.details') }}">Carlos Morales</a></h4>
                                        <p class="team-eight-paragraph">Senior Priest</p>
                                    </div>
                                </div>

                                <!-- slide 1 -->
                                <div class="team-eight-wrapper swiper-slide">
                                    <div class="team-eight-thumb position-relative z-1">
                                        <a href="{{ route('team.details') }}"><img src="{{ asset('assets/images/team/team-eight-thumb1.jpg') }}"
                                                alt="thumb"></a>
                                        <div class="team-eight-social">
                                            <span><i class="fas fa-share-alt"></i></span>
                                            <div class="team-eight-social-icon">
                                                <ul>
                                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                                    <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="team-eight-content text-center">
                                        <h4 class="team-eight-title"><a href="{{ route('team.details') }}">Thomas Ryan</a></h4>
                                        <p class="team-eight-paragraph">Associate Pastor</p>
                                    </div>
                                </div>


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

            </div>
            <div class="row justify-content-between align-items-center">
                <div class="col-xl-3 col-lg-3 col-md-4">
                    <div class="team-eight-dot"></div>
                </div>
                <div class="col-xl-6 col-lg-7 col-md-7">
                    <div class="team-eight-scrollbar position-relative z-1">
                        <div class="swiper-scrollbar one"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="team-eight-bg-shape">
            <img class="team-eight-bg-shape-1" src="{{ asset('assets/images/team/team-eight-shape1.png') }}" alt="shape">
            <img class="team-eight-bg-shape-2" src="{{ asset('assets/images/team/team-eight-shape2.png') }}" alt="shape">
        </div>
    </section>
    <!-- Team area end -->


    <!-- Faq area Start -->
    <section class="faq-eight-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6">
                    <div class="faq-eight-wrapper" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="200">
                        <div class="accordion" id="general_faqaccordion">
                            <div class="accordion-item faq-eight-accordion-item">
                                <h2 class="accordion-header" id="order_one">
                                    <button class="accordion-button faq-eight-accordion-button collapsed" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#order__collapse_one"
                                        aria-expanded="true" aria-controls="order__collapse_one">
                                        1. Helping others and serving the World Together?
                                    </button>
                                </h2>
                                <div id="order__collapse_one" class="accordion-collapse collapse"
                                    aria-labelledby="order_one" data-bs-parent="#general_faqaccordion">
                                    <div class="accordion-body faq-eight-accordion-body">
                                        <p>Introducing Charifund, the perfect way support causes that align with your
                                            beliefs
                                            with Charifund, you can give back to a community that values both God and people
                                            join a network of like-minded individuals</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item faq-eight-accordion-item">
                                <h2 class="accordion-header" id="order_two">
                                    <button class="accordion-button faq-eight-accordion-button" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#order__collapse_two"
                                        aria-expanded="false" aria-controls="order__collapse_two">
                                        2. Life is a Church that Loves God and People?
                                    </button>
                                </h2>
                                <div id="order__collapse_two" class="accordion-collapse collapse show"
                                    aria-labelledby="order_two" data-bs-parent="#general_faqaccordion">
                                    <div class="accordion-body faq-eight-accordion-body">
                                        <p>Introducing Charifund, the perfect way support causes that align with your
                                            beliefs
                                            with Charifund, you can give back to a community that values both God and people
                                            join a network of like-minded individuals</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item faq-eight-accordion-item">
                                <h2 class="accordion-header" id="order_three">
                                    <button class="accordion-button collapsed faq-eight-accordion-button" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#order__collapse_three"
                                        aria-expanded="false" aria-controls="order__collapse_three">
                                        3. How is the church fostering community?
                                    </button>
                                </h2>
                                <div id="order__collapse_three" class="accordion-collapse collapse"
                                    aria-labelledby="order_three" data-bs-parent="#general_faqaccordion">
                                    <div class="accordion-body faq-eight-accordion-body">
                                        <p>Introducing Charifund, the perfect way support causes that align with your
                                            beliefs
                                            with Charifund, you can give back to a community that values both God and people
                                            join a network of like-minded individuals</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item faq-eight-accordion-item">
                                <h2 class="accordion-header" id="order_four">
                                    <button class="accordion-button collapsed faq-eight-accordion-button" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#order__collapse_four"
                                        aria-expanded="false" aria-controls="order__collapse_four">
                                        4. How can church activities reflect these values?
                                    </button>
                                </h2>
                                <div id="order__collapse_four" class="accordion-collapse collapse"
                                    aria-labelledby="order_four" data-bs-parent="#general_faqaccordion">
                                    <div class="accordion-body faq-eight-accordion-body">
                                        <p>Introducing Charifund, the perfect way support causes that align with your
                                            beliefs
                                            with Charifund, you can give back to a community that values both God and people
                                            join a network of like-minded individuals</p>
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item faq-eight-accordion-item">
                                <h2 class="accordion-header" id="order_five">
                                    <button class="accordion-button collapsed faq-eight-accordion-button" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#order__collapse_five"
                                        aria-expanded="false" aria-controls="order__collapse_five">
                                        5. What Are the Basic Doctrines of the Church?
                                    </button>
                                </h2>
                                <div id="order__collapse_five" class="accordion-collapse collapse"
                                    aria-labelledby="order_five" data-bs-parent="#general_faqaccordion">
                                    <div class="accordion-body faq-eight-accordion-body">
                                        <p>Introducing Charifund, the perfect way support causes that align with your
                                            beliefs
                                            with Charifund, you can give back to a community that values both God and people
                                            join a network of like-minded individuals</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-10">
                    <div class="faq-eight-right" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                        <div class="section-eight-wrapper mb-0">
                            <h6 class="section-eight-subtitle d-inline-block">Question & Answer</h6>
                            <h2 class="section-eight-title char-animation">Frequently Asked
                                Questions</h2>
                            <p class="section-eight-paragraph mb-2">Charifund is the ultimate guide to understanding the
                                basic doctrines of the Church
                                dive deep into the core beliefs and teachings that shape the Church's foundation
                                learn about the significance of key doctrines such as the Trinity, salvation, and the
                                sacraments
                                explore how these doctrines impact</p>
                            <div class="about-eight-button event-eight-btn d-inline-block mt-3 mb-4">
                                <a href="{{ route('contact') }}"
                                    class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">Have
                                    You Any Questions?</a>
                            </div>
                            <div class="about-eight-team">
                                <span><img src="{{ asset('assets/images/about-eight-member.png') }}" alt="member"></span>
                                <p>A team of highly <br> experienced Pastors</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Faq area end -->



    <!-- ==== community section start ==== -->
    <section class="community community-six-area community-eight-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8 col-lg-10">
                    <div class="section-eight-wrapper text-center">
                        <h6 class="section-eight-subtitle d-inline-block">Donate Naw</h6>
                        <h2 class="section-eight-title char-animation">Donate today and make a
                            difference in someone's life</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="community-donation" data-aos="fade-up" data-aos-duration="1000">
                        <div class="community-donation__inner">
                            <h4>This Poor it Important So Support</h4>
                            <div class="warning">
                                <div class="line"><i class="fa-solid fa-triangle-exclamation"></i></div>
                                <p><strong>Notice:</strong> Test mode is enabled. While in test mode no live
                                    donations are processed.
                                </p>
                            </div>
                            <div class="donation-form">
                                <div class="donation-form__single">
                                    <h5>Your Donation:</h5>
                                    <div class="input-group-icon">
                                        <div class="thumb">
                                            <i class="fa-solid fa-dollar-sign"></i>
                                        </div>
                                        <input type="text" name="donation-amount" id="donationAmount">
                                    </div>
                                    <div class="made-amount">
                                        <span class="donation-amount">20</span>
                                        <span class="donation-amount">50</span>
                                        <span class="donation-amount active">100</span>
                                        <span class="donation-amount">200</span>
                                        <span class="donation-amount custom-amount">Custom</span>
                                    </div>
                                </div>
                                <div class="donation-form__single">
                                    <h5>Select Payment Method</h5>
                                    <div class="radio-wrapper">
                                        <div class="radio-single">
                                            <input type="radio" id="testDonation" name="donation-payment" checked>
                                            <label for="testDonation">Test Donation</label>
                                        </div>
                                        <div class="radio-single">
                                            <input type="radio" id="offlineDonation" name="donation-payment" checked>
                                            <label for="offlineDonation">Offline Donation</label>
                                        </div>
                                        <div class="radio-single">
                                            <input type="radio" id="cardDonation" name="donation-payment" checked>
                                            <label for="cardDonation">Credit Card</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="cta">
                                    <div class="about-eight-button event-eight-btn d-inline-block mt-3 mb-4">
                                        <a href="{{ route('contact') }}"
                                            class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">Donate
                                            Now</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="community__thumb d-none d-lg-block" data-aos="fade-left" data-aos-duration="1000">
                            <img src="{{ asset('assets/images/community/community-eight-thumb.png') }}" alt="Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="community-eight-bg-shape">
            <img class="community-eight-bg-shape-1" src="{{ asset('assets/images/community/community-eight-shape1.png') }}"
                alt="shape">
            <img class="community-eight-bg-shape-2" src="{{ asset('assets/images/community/community-eight-shape2.png') }}"
                alt="shape">
        </div>
    </section>
    <!-- ==== community section end ==== -->


    <!-- ==== Ministrie section Start ==== -->
    <section class="ministrie-eight-area">
        <div class="container-fluid gx-0">
            <div class="row justify-content-center">
                <div class="col-xl-8 col-lg-10">
                    <div class="section-eight-wrapper text-center">
                        <h6 class="section-eight-subtitle d-inline-block">ministries</h6>
                        <h2 class="section-eight-title char-animation">Our Latest Ministries</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xxl-12">
                    <div class="ministrie-eight-slide p-relative" data-aos="fade-up" data-aos-duration="1000"
                        data-aos-delay="200">
                        <div class="ministrie-eight-active swiper-container">
                            <div class="ministrie-eight-swiper-wrapper swiper-wrapper">

                                <!-- slide 1 -->
                                <div class="ministrie-eight-wrapper swiper-slide">
                                    <div class="ministrie-eight-thumb position-relative z-1">
                                        <img src="{{ asset('assets/images/ministrie-eight-thumb1.jpg') }}" alt="thumb">
                                        <div class="ministrie-eight-wrap">
                                            <div class="ministrie-eight-button">
                                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                                            </div>
                                            <div class="ministrie-eight-content">
                                                <h4 class="ministrie-eight-title"><a href="#">Outreach &
                                                        Missions</a></h4>
                                                <p class="ministrie-eight-paragraph">Looking to support your local worship
                                                    ministry? Look no further than charifu.
                                                    with charifund, you can easily donate to help</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- slide 1 -->
                                <div class="ministrie-eight-wrapper swiper-slide">
                                    <div class="ministrie-eight-thumb position-relative z-1">
                                        <img src="{{ asset('assets/images/ministrie-eight-thumb2.jpg') }}" alt="thumb">
                                        <div class="ministrie-eight-wrap">
                                            <div class="ministrie-eight-button">
                                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                                            </div>
                                            <div class="ministrie-eight-content">
                                                <h4 class="ministrie-eight-title"><a href="#">Outreach &
                                                        Missions</a></h4>
                                                <p class="ministrie-eight-paragraph">Looking to support your local worship
                                                    ministry? Look no further than charifu.
                                                    with charifund, you can easily donate to help</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- slide 1 -->
                                <div class="ministrie-eight-wrapper swiper-slide">
                                    <div class="ministrie-eight-thumb position-relative z-1">
                                        <img src="{{ asset('assets/images/ministrie-eight-thumb3.jpg') }}" alt="thumb">
                                        <div class="ministrie-eight-wrap">
                                            <div class="ministrie-eight-button">
                                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                                            </div>
                                            <div class="ministrie-eight-content">
                                                <h4 class="ministrie-eight-title"><a href="#">Outreach &
                                                        Missions</a></h4>
                                                <p class="ministrie-eight-paragraph">Looking to support your local worship
                                                    ministry? Look no further than charifu.
                                                    with charifund, you can easily donate to help</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- slide 1 -->
                                <div class="ministrie-eight-wrapper swiper-slide">
                                    <div class="ministrie-eight-thumb position-relative z-1">
                                        <img src="{{ asset('assets/images/ministrie-eight-thumb2.jpg') }}" alt="thumb">
                                        <div class="ministrie-eight-wrap">
                                            <div class="ministrie-eight-button">
                                                <a href="#"><i class="fa-solid fa-arrow-right"></i></a>
                                            </div>
                                            <div class="ministrie-eight-content">
                                                <h4 class="ministrie-eight-title"><a href="#">Outreach &
                                                        Missions</a></h4>
                                                <p class="ministrie-eight-paragraph">Looking to support your local worship
                                                    ministry? Look no further than charifu.
                                                    with charifund, you can easily donate to help</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="ministrie-eight-space">
                <div class="row align-items-center justify-content-between">
                    <div class="col-xl-3 col-lg-3 col-md-4">
                        <div class="ministrie-eight-dot text-center"></div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-7">
                        <div class="ministrie-eight-scrollbar position-relative z-1">
                            <div class="swiper-scrollbar two"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== Ministrie section end ==== -->


    <!-- ==== Blog section Start ==== -->
    <section class="blog-eight-area position-relative z-1">
        <div class="container blog-eight-container">
            <div class="row justify-content-center">
                <div class="col-xl-8">
                    <div class="section-eight-wrapper text-center">
                        <h6 class="section-eight-subtitle d-inline-block">from our blog</h6>
                        <h2 class="section-eight-title char-animation">Read the Christian blog.</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="blog-eight-wrapper">
                        <!-- item 1 -->
                        <div class="blog-eight-wrap active" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="200">
                            <div class="blog-eight-thumb">
                                <a href="{{ route('blog.details') }}"><img src="{{ asset('assets/images/blog/blog-eight-thumb1.jpg') }}"
                                        alt="thumb"></a>
                            </div>
                            <div class="blog-eight-content">
                                <div class="blog-eight-meta">
                                    <p><i class="icon-user"></i> By Admin</p>
                                    <p><i class="fa-solid fa-calendar-days"></i> April 13,2025</p>
                                </div>
                                <h4 class="blog-eight-title"><a href="{{ route('blog.details') }}">How Our Church
                                        Mental Health Recovery</a></h4>
                                <p class="blog-eight-paragraph">Looking to support your local worship
                                    ministry? Look no further than charifu.
                                    with charifund, you can easily </p>
                                <div class="blog-eight-button">
                                    <div class="about-eight-button event-eight-btn d-inline-block mt-3">
                                        <a href="{{ route('contact') }}"
                                            class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">Read
                                            More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- item 2 -->
                        <div class="blog-eight-wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="300">
                            <div class="blog-eight-thumb">
                                <a href="{{ route('blog.details') }}"><img src="{{ asset('assets/images/blog/blog-eight-thumb1.jpg') }}"
                                        alt="thumb"></a>
                            </div>
                            <div class="blog-eight-content">
                                <div class="blog-eight-meta">
                                    <p><i class="icon-user"></i> By Admin</p>
                                    <p><i class="fa-solid fa-calendar-days"></i> April 13,2025</p>
                                </div>
                                <h4 class="blog-eight-title"><a href="{{ route('blog.details') }}">How Our Church Heals
                                        Broken Hearts</a></h4>
                                <p class="blog-eight-paragraph">Looking to support your local worship
                                    ministry? Look no further than charifu.
                                    with charifund, you can easily </p>
                                <div class="blog-eight-button">
                                    <div class="about-eight-button event-eight-btn d-inline-block mt-3">
                                        <a href="{{ route('contact') }}"
                                            class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">Read
                                            More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- item 3 -->
                        <div class="blog-eight-wrap" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="400">
                            <div class="blog-eight-thumb">
                                <a href="{{ route('blog.details') }}"><img src="{{ asset('assets/images/blog/blog-eight-thumb1.jpg') }}"
                                        alt="thumb"></a>
                            </div>
                            <div class="blog-eight-content">
                                <div class="blog-eight-meta">
                                    <p><i class="icon-user"></i> By Admin</p>
                                    <p><i class="fa-solid fa-calendar-days"></i> April 13,2025</p>
                                </div>
                                <h4 class="blog-eight-title"><a href="{{ route('blog.details') }}">How Our Church Builds
                                        Up the Weak</a></h4>
                                <p class="blog-eight-paragraph">Looking to support your local worship
                                    ministry? Look no further than charifu.
                                    with charifund, you can easily </p>
                                <div class="blog-eight-button">
                                    <div class="about-eight-button event-eight-btn d-inline-block mt-3">
                                        <a href="{{ route('contact') }}"
                                            class="header-eight-btn btn--primary btn-six-primary d-none d-md-flex text-whitefw-medium text-white">Read
                                            More</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="blog-eight-bg-shape">
            <img class="blog-eight-bg-shape-1" src="{{ asset('assets/images/blog/blog-eight-bg-shape1.png') }}" alt="shape">
            <img class="blog-eight-bg-shape-2" src="{{ asset('assets/images/blog/blog-eight-bg-shape2.png') }}" alt="shape">
            <img class="blog-eight-bg-shape-3" src="{{ asset('assets/images/blog/blog-eight-bg-shape3.png') }}" alt="shape">
        </div>
    </section>
    <!-- ==== Blog section end ==== -->



    <!-- ==== Instagram section start ==== -->
    <div class="instagram-eight-area">
        <div class="container-fluid gx-0">
            <div class="row">
                <div class="col-xl-12">
                    <div class="instagram-eight-wrapper">
                        <div class="instagram-eight-thumb">
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb1.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="instagram-eight-thumb">
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb2.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb3.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="instagram-eight-thumb">
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb4.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="instagram-eight-thumb">
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb5.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb6.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="instagram-eight-thumb">
                            <div class="imgage">
                                <img src="{{ asset('assets/images/instagram/instagram-eight-thumb7.jpg') }}" alt="thumb">
                                <div class="instagram-eight-icon">
                                    <a href="#"><span><img src="{{ asset('assets/images/icon/instagram.svg') }}"
                                                alt="instagram"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ==== Instagram section end ==== -->

    <!-- ==================== Footer Start Here ==================== -->
    @include('frontend.includes.footers.footerEight')
    <!-- ==================== Footer End Here ==================== -->

@endsection