@extends('components.master')
@section('admin')
    <div class="th-hero-wrapper hero-1" id="hero">
        <div class="swiper th-slider hero-slider-1" id="heroSlide1"
            data-slider-options='{"effect":"fade","menu": ["", "", ""],"heroSlide1": {"swiper-container": {"pagination": {"el": ".swiper-pagination", "clickable": true }}}}'>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="assets/img/hero/imigration_banner.png"></div>
                        <div class="container">
                            <div class="hero-style1"><span class="sub-title style1" data-ani="slideinup"
                                    data-ani-delay="0.2s">Endless Possibilities With Us</span>
                                <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">Your Immigration
                                    Journey</h1>
                                <div class="btn-group" data-ani="slideinup" data-ani-delay="0.6s"> <a href="{{ route('immigration') }}"
                                        class="th-btn style2 th-icon">Our Services</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="assets/img/hero/real_banner3.png"></div>
                        <div class="container">
                            <div class="hero-style1"><span class="sub-title style1" data-ani="slideinup"
                                    data-ani-delay="0.2s">Endless Possibilities With Us</span>
                                <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">Explore Prime Real
                                    Estate</h1>
                                <div class="btn-group" data-ani="slideinup" data-ani-delay="0.6s">
                                    <a href="{{route('real_estate')}}" class="th-btn style2 th-icon">Our Services</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="hero-inner">
                        <div class="th-hero-bg" data-bg-src="assets/img/hero/hero_bg_1_2.jpg"></div>
                        <div class="container">
                            <div class="hero-style1"><span class="sub-title style1" data-ani="slideinup"
                                    data-ani-delay="0.2s">Endless Possibilities With Us</span>
                                <h1 class="hero-title" data-ani="slideinup" data-ani-delay="0.4s">Travel & Tours:
                                    Explore The Unseen</h1>
                                <div class="btn-group" data-ani="slideinup" data-ani-delay="0.6s">
                                    <a href="{{route('travel_tours')}}" class="th-btn style2 th-icon">Our Services</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="th-swiper-custom"><button data-slider-prev="#heroSlide1" class="slider-arrow slider-prev"><img
                        src="assets/img/icon/right-arrow.svg" alt=""></button>
                <div class="slider-pagination"></div><button data-slider-next="#heroSlide1"
                    class="slider-arrow slider-next"><img src="assets/img/icon/left-arrow.svg" alt=""></button>
            </div>
        </div>
    </div>



    <!-- About Us Start-->
    <!-- about -->
    <div class="about-area position-relative overflow-hidden mt-5" id="about-sec">
        <div class="container shape-mockup-wrap">
            <div class="row">
                <div class="col-xl-6 col-md-6">
                    @foreach ($about as $show)
                    <div class="ms-xl-2">
                        <div class="title-area mb-20 pe-xl-5">
                            <span class="sub-title style1">{{ $show->heading }}</span>
                            <h6 class="sec-title heading">{{ $show->title }}</h6>
                            <p class="about-item_text mb-3">{{ $show->des }}</p>
                        </div>
                        <div class="about-item-wrap">
                            <div class="about-item">
                                <div class="about-item_img"><i class="fas fa-chart-line"></i></div>
                                <div class="about-item_centent">
                                    <h5 class="box-title">{{ $show->sub_title_1 }}</h5>
                                    <p class="about-item_text">{{ $show->sub_text_1 }}</p>
                                </div>
                            </div>
                            <div class="about-item">
                                <div class="about-item_img"><i class="fas fa-globe"></i> </div>
                                <div class="about-item_centent">
                                    <h5 class="box-title">{{ $show->sub_title_2 }}</h5>
                                    <p class="about-item_text">{{ $show->sub_text_1 }}</p>
                                </div>
                            </div>
                        </div>
                        <div class="mt-35">
                            <a href="{{ route('about') }}" class="th-btn style4 th-icon">Read More</a>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="col-xl-6 col-md-6">
                    <div class="img-box1">
                        <div class="img1"><img src="assets/img/normal/about_1_1.jpg" alt="About"></div>
                        <div class="img2"><img src="assets/img/normal/about_1_2.jpg" alt="About"></div>
                        <div class="img3"><img src="assets/img/normal/about_1_3.jpg" alt="About"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- about -->


    <section class="space-top">
        <div class="container">
            <div class="team-details">
                <div class="row gy-5 mb-3 mb-xl-5 pb-xl-4">
                    @foreach ($team_message->take(1) as $show)
                    <div class="col-xl-4">
                        <div class="th-team mt-3 team-grid">

                            <div class="team-img2">
                                <img src="{{ asset('dashboard_assets/team_message') }}/{{ $show->image }}" alt="Team"
                                    style="width: 300px;height: 290px;">
                            </div>
                            <div class="team-content">
                                <div class="media-body">
                                    <h3 class="box-title"><a href="#">{{ $show->designation }}</a></h3><span
                                        class="team-desig mt-2">{{ $show->name }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-8 ps-3 ps-xl-5 pe-xl-4">
                        <div class="team-about mt-3">
                            <h2 class="sub-title style1 mb-3">{{ $show->heading }}</h2>
                            <p class="team-about_text mb-25">{!! $show->des !!}</p>
                            
                        </div>
                    </div>
                    @endforeach

                    @foreach ($team_message->skip(1) as $show)
                    <div class="col-xl-8 ps-3 pe-xl-4">
                        <div class="team-about mt-3">
                            <h2 class="sub-title style1 mb-3">{{ $show->heading }}</h2>
                            <p class="team-about_text mb-25">
                                {!! $show->des !!}
                            </p>
                        </div>
                    </div>


                    <div class="col-xl-4">
                        <div class="th-team team-grid">

                            <div class="team-img2"><img src="{{ asset('dashboard_assets/team_message') }}/{{ $show->image }}" alt="Team"></div>
                            <div class="team-content">
                                <div class="media-body">
                                    <h3 class="box-title"><a href="#"> {{ $show->designation }}</a></h3><span
                                        class="team-desig mt-2">{{ $show->name }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
                </div>


            </div>

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




    <!-- About Us End-->

    <!-- What We Offer start-->
    <section class=" overflow-hidden mb-5" id="blog-sec">
        <div class="container">
            <div class="mb-30 text-center text-md-center">
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-12">
                        <div class="title-area mb-md-0">
                            <h2 class="sec-title">What We Offer</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-area">
                <div class="swiper th-slider has-shadow" id="blogSlider1"
                    data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"576":{"slidesPerView":"1"},"768":{"slidesPerView":"2"},"992":{"slidesPerView":"2"},"1200":{"slidesPerView":"3"}}}'>
                    <div class="swiper-wrapper">
                        @foreach ($services->take(1) as $show)
                        <div class="swiper-slide">
                            <div class="blog-box th-ani">
                                <div class="blog-img global-img"><img src="{{ asset('dashboard_assets/services') }}/{{ $show->image }}"
                                        alt="blog image"></div>
                                <div class="blog-box_content">
                                    <h6>{{ $show->name}}</h6>

                                    <p class="about-item_text">{{ $show->des}}</p>
                                    <a href="{{route('immigration')}}" class="th-btn style4 th-icon mt-3">Read More</a>
                                </div>
                            </div>
                        </div>
                        @endforeach

                        @foreach ($services->skip(1)->take(1) as $show)
                        <div class="swiper-slide">
                            <div class="blog-box th-ani">
                                <div class="blog-img global-img"><img src="{{ asset('dashboard_assets/services') }}/{{ $show->image }}"
                                        alt="blog image"></div>
                                <div class="blog-box_content">
                                    <h6>{{ $show->name}}</h6>

                                    <p class="about-item_text">{{ $show->des}}</p>
                                    <a href="{{route('travel_tours')}}" class="th-btn style4 th-icon mt-3">Read More</a>
                                </div>
                            </div>
                        </div>
                        @endforeach

                        @foreach ($services->skip(2) as $show)
                        <div class="swiper-slide">
                            <div class="blog-box th-ani">
                                <div class="blog-img global-img"><img src="{{ asset('dashboard_assets/services') }}/{{ $show->image }}"
                                        alt="blog image"></div>
                                <div class="blog-box_content">
                                    <h6>{{ $show->name}}</h6>

                                    <p class="about-item_text">{{ $show->des}}</p>
                                    <a href="{{ route('real_estate') }}" class="th-btn style4 th-icon mt-3">Read More</a>
                                </div>
                            </div>
                        </div>
                        @endforeach

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


 


    {{-- clients --}}

    <section class="category-area2 space-top bg-top-center">
        <div class="container th-container">
            <div class="title-area text-center">
                <h2 class="sec-title">Affiliated Companies</h2>
            </div>
            <div class="row justify-content-center">
                @foreach ($affiliated_companies as $show)
                <div class="col-md-3 col-sm-6">
                    <div class="category-card single2 text-center">
                        <div class="box-img global-img">
                            <img src="{{ asset('dashboard_assets/affiliated_companies') }}/{{ $show->image }}" alt="Image">
                        </div>
                        {{-- <h3 class="box-title"><a href="#">Associates</a></h3> --}}
                    </div>
                </div>
                @endforeach
               
            </div>
        </div>
    </section>


    {{-- clients --}}

    <!-- Events Sections -->

    <section class="th-blog-wrapper space-top space-extra-bottom">
        <div class="container">

            <div class="row">
                <div class="title-area text-center">
                    <h2 class="sec-title">News And Events</h2>
                </div>
                @foreach ($news->take(1) as $show)
                <div class="col-xxl-8 col-lg-7">
                    <div class="th-blog blog-single has-post-thumbnail">
                        <div class="blog-img"><a href="#"><img src="{{ asset('dashboard_assets/news') }}/{{ $show->image }}"
                                    alt="Blog Image"></a></div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <!-- <a class="author" href="#"><i class="fa-light fa-user"></i>by David
                                                        Smith</a>  -->
                                <a href="#"><i class="fa-solid fa-calendar-days"></i>{{ $show->date}}</a> <a
                                    href="#"><i class="fa-light fa-map-location-dot"></i>{{ $show->location}}</a>
                            </div>
                            <h2 class="blog-title"><a href="#" style="pointer-events: none;">{{ $show->name}}</a></h2>
                            <p class="about-item_text">{!! $show->des !!}</p>

                        </div>
                    </div>
                    @endforeach

                </div>
                <div class="col-xxl-4 col-lg-5">
                    <aside class="sidebar-area">
                        <div class="widget">
                            <h3 class="widget_title">Upcoming Events</h3>
                            <div class="recent-post-wrap">
                                @foreach ($news->skip(1)->take(3) as $show)
                                <div class="recent-post">
                                    <div class="media-img">
                                        <a href="{{route('events')}}"><img
                                            src="{{ asset('dashboard_assets/news') }}/{{ $show->image }}" alt="Blog Image"></a></div>
                                    <div class="media-body">
                                        <h4 class="post-title"><a class="text-inherit" href="{{route('events')}}">{{ $show->name}}</a>
                                        </h4>
                                        <div class="recent-post-meta"><a href="{{route('events')}}"><i
                                                    class="fa-regular fa-calendar"></i>{{ $show->date}}</a></div>
                                    </div>
                                </div>
                                @endforeach

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

            </div>
            <div class="destination-btn text-center"><a href="{{route('events')}}" class="th-btn style4 th-icon">View
                    All</a></div>
        </div>
    </section>

    <!-- Events Sections -->

    <div class="space-bottom position-relative overflow-hidden">
        <div class="cta-sec5 bg-title background-image shape-mockup-wrap"
            style="background-image: url(&quot;assets/img/bg/cta_bg_2.jpg&quot;);">
            <div class="container">
                <div class="row align-items-center justify-content-center" style="padding-top: 15px;">
                    <div class="col-lg-12">
                        <!-- Elfsight Instagram Feed | Untitled Instagram Feed -->
                        <script src="https://static.elfsight.com/platform/platform.js" async></script>
                        <div class="elfsight-app-33285df3-8695-496e-93a4-6cb51c7b54bb" data-elfsight-app-lazy></div>
                    </div>
                </div>
            </div>
            <div class="shape-mockup d-none d-xxl-block" style="right: 0%; bottom: 0%;"><img
                    src="assets/img/normal/about-slide-img3.png" alt=""></div>
        </div>
    </div>

    <div class="gallery-area mt-5 mb-5">
        <div class="container th-container">
            <div class="title-area text-center">
                <span class="sub-title">Words from Happy Customers</span>
                <h2 class="sec-title">Testimonials</h2>
            </div>
            <div class="row gy-10 gx-10 justify-content-center align-items-center">
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_1.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_1.jpg" alt="gallery image">
                            </a></div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_2.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_2.jpg" alt="gallery image">
                            </a></div>
                    </div>
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_3.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_3.jpg" alt="gallery image">
                            </a></div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_4.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_4.jpg" alt="gallery image">
                            </a></div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_5.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_5.jpg" alt="gallery image">
                            </a></div>
                    </div>
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_6.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_6.jpg" alt="gallery image">
                            </a></div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-2">
                    <div class="gallery-card">
                        <div class="box-img global-img"><a href="assets/img/gallery/gallery_1_7.jpg"
                                class="popup-image">
                                <div class="icon-btn"><i class="fal fa-magnifying-glass-plus"></i></div><img
                                    src="assets/img/gallery/gallery_1_7.jpg" alt="gallery image">
                            </a></div>
                    </div>
                </div>
            </div>
            <div class="shape-mockup d-none d-xl-block" data-top="-25%" data-left="0%"><img
                    src="assets/img/shape/line.png" alt="shape"></div>
            <div class="shape-mockup movingX d-none d-xl-block" data-top="30%" data-left="-3%"><img class="gmovingX"
                    src="assets/img/shape/shape_4.png" alt="shape"></div>
        </div>
    </div>


    <div class="space">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="title-area text-center pe-xl-4 ps-xl-4">
                        {{-- <span class="sub-title">Best Resort For --}}
                        {{-- You</span> --}}
                        <h2 class="sec-title mb-20">Travel Journalism</h2>
                        {{-- <p class="sec-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                            incididunt ut labore et dolore magna aliqua.</p> --}}
                    </div>
                </div>
            </div>
            <div class="row gx-60 gy-30 mb-60 align-items-center">
                @foreach ($travel_journalism->take(1) as $show)
                @if ($show->status == 1)
                <div class="col-lg-6">
                    <div class="resort-image global-img" style="height: 450px">
                        <img src="{{ asset('dashboard_assets/travel_journalism') }}/{{ $show->image }}" alt="" style="   width: 100%;
    height: 100%;
    object-fit: fill;">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="resort-content">
                        <h3 class="box-title">{{ $show->name }}</h3>
                        <div class="resort-rating">
                            <div class="star-rating" role="img" aria-label="Rated 5.00 out of 5"><span
                                    style="width:100%">Rated <strong class="rating">5.00</strong> out of 5 based on
                                    <span class="rating">4.8</span>(4.8 Rating)</span></div><a href="#"
                                class="woocommerce-review-link">(<span class="count">4.8</span> Rating)</a>
                        </div>
                        <div class="resort-list">
                            <ul>
                                <li><span class="title">Location Visited:</span> {{ $show->location_visit }}</li>
                                <li><span class="title">Visit Date:</span> {{ $show->date }}</li>
                                <li><span class="title">Weather Conditions:</span> {{ $show->weather_condition }}</li>
                                <li><span class="title">Road Conditions:</span> {{ $show->road_condition }}</li>
                                <li><span class="title">Safety Status:</span> {{ $show->safety_status }}</li>
                                <li><span class="title">Traveler Comments:</span></li>
                                <p style="text-align: justify">{{ $show->traveler_comments }}</p>
                            </ul>

                        </div>
                    </div>
                </div>
                @endif
                @endforeach

            </div>
            <div class="destination-btn text-center"><a href="{{ route('travel_journalism') }}"
                    class="th-btn style4 th-icon">View
                    All</a></div>
        </div>
    </div>


    <div class="counter-area space">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <div class="counter-shape"><span></span></div>
                        <div class="media-body">
                            <h3 class="box-number"><span class="counter-number">12</span></h3>
                            <h6 class="counter-title">Years Experience</h6>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <div class="counter-shape"><span></span></div>
                        <div class="media-body">
                            <h3 class="box-number"><span class="counter-number">97</span>%</h3>
                            <h6 class="counter-title">Retention Rate</h6>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <div class="counter-shape"><span></span></div>
                        <div class="media-body">
                            <h3 class="box-number"><span class="counter-number">8</span>k</h3>
                            <h6 class="counter-title">Tour Completed</h6>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-xl-3 counter-card-wrap">
                    <div class="counter-card">
                        <div class="counter-shape"><span></span></div>
                        <div class="media-body">
                            <h3 class="box-number"><span class="counter-number">19</span>k</h3>
                            <h6 class="counter-title">Happy Travellers</h6>
                        </div>
                    </div>
                </div>
            </div>

            <div class="shape-mockup shape1 d-none d-xl-block" data-top="30%" data-left="-15%"><img
                    src="assets/img/shape/shape_1.png" alt="shape"></div>
            <div class="shape-mockup shape2 d-none d-xl-block" data-top="45%" data-left="-13%"><img
                    src="assets/img/shape/shape_2.png" alt="shape"></div>
            <div class="shape-mockup shape3 d-none d-xl-block" data-top="32%" data-left="-7%"><img
                    src="assets/img/shape/shape_3.png" alt="shape"></div>
            <div class="shape-mockup d-none d-xl-block" data-bottom="-24%" data-left="-15%"><img
                    src="assets/img/shape/shape_6.png" alt="shape"></div>
            <div class="shape-mockup jump d-none d-xl-block" data-top="5%" data-right="-10%"><img
                    src="assets/img/shape/shape_5.png" alt="shape"></div>
        </div>
    </div>
   

    <div class="bg-top-center space-top overflow-hidden background-image"
        style="background-image: url(&quot;assets/img/bg/contact_bg_3.jpg&quot;);">
        <div class="container">
            <div class="row gy-4 justify-content-between flex-row-reverse">
                <div class="col-lg-6">
                    <div class="pt-75 ps-xl-5 ms-xl-5">
                        <div class="title-area mb-10"><span class="sub-title text-white">Have Questions?</span>
                            <h2 class="sec-title text-white">Send us a Message?</h2>
                            <p class="text-white mb-0">Plan upon yet way get cold spot its week. Almost do am or limits
                                hearts. Resolve parties but why she shewing.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="contact-form-area2 pe-xl-5">
                        <form action="{{ route('contact.send') }}" method="POST" class="contact-form2 ajax-contact">
                           
                            <div>
                                @if (session('success'))
                                    <div class="alert alert-success">
                                        {{ session('success') }}
                                    </div>
                                @endif
                        
                                @if (session('error'))
                                    <div class="alert alert-danger">
                                        {{ session('error') }}
                                    </div>
                                @endif
                            </div>
                            @csrf
                           
                        
                            <div class="row">
                                <div class="form-group col-12">
                                    <input type="text" class="form-control" name="name" placeholder="First Name" value="{{ old('name') }}">
                                    @error('name')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <input type="email" class="form-control" name="email" placeholder="Your Mail" value="{{ old('email') }}">
                                    @error('email')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-md-6">
                                    <input type="text" class="form-control" name="phone" placeholder="Your Phone" value="{{ old('phone') }}">
                                    @error('phone')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-12">
                                    <select name="subject" class="form-select nice-select">
                                        <option value="" disabled selected>Select Tour Type</option>
                                        <option value="immigration" {{ old('subject') == 'immigration' ? 'selected' : '' }}>Immigration</option>
                                        <option value="travel" {{ old('subject') == 'travel' ? 'selected' : '' }}>Travel & Tours</option>
                                        <option value="realestate" {{ old('subject') == 'realestate' ? 'selected' : '' }}>Real Estate</option>
                                    </select>
                                    @error('subject')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="form-group col-12">
                                    <textarea name="message" class="form-control" placeholder="Your Message" rows="3">{{ old('message') }}</textarea>
                                    @error('message')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        
                            <div class="form-btn-wrapp">
                                <div class="form-btn">
                                    <button type="submit" class="th-btn white-btn">Send Message <img src="assets/img/icon/plane3.svg" alt=""></button>
                                </div>
                                <div class="contact-info">
                                    <p class="contact-info_link"><a href="tel:+92 3452729101">+92 3452729101</a></p>
                                    <div class="contact-info_icon"><a href="#"><img src="assets/img/icon/call.svg" alt=""></a></div>
                                </div>
                            </div>
                        </form>
                        

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

    <section class="testi-area overflow-hidden space" id="testi-sec">
        <div class="container-fluid p-0">
            <div class="title-area mb-20 text-center">
                <span class="sub-title">Reviews</span>
                <h2 class="sec-title">What Client Say About us</h2>
            </div>
            <div class="slider-area">
                <div class="swiper th-slider testiSlider1 has-shadow" id="testiSlider1"
                    data-slider-options='{"breakpoints":{"0":{"slidesPerView":1},"767":{"slidesPerView":"2","centeredSlides":"true"},"992":{"slidesPerView":"2","centeredSlides":"true"},"1200":{"slidesPerView":"2","centeredSlides":"true"},"1400":{"slidesPerView":"3","centeredSlides":"true"}}}'>
                    <div class="swiper-wrapper">
                       
                        @foreach ($reviews as $show)
                        @if ($show->status == 1)
                        <div class="swiper-slide">
                            <div class="testi-card">
                                <div class="testi-card_wrapper">
                                    <div class="testi-card_profile">
                                        <div class="testi-card_avater"><img src="{{ asset('dashboard_assets/review') }}/{{ $show->image }}" style="height:90px; width:90px;"
                                                alt="testimonial"></div>
                                        <div class="media-body">
                                            <h3 class="box-title">{{ $show->name }}</h3><span
                                                class="testi-card_desig">Traveller</span>
                                        </div>
                                    </div>
                                    <div class="testi-card_review"><i class="fa-solid fa-star"></i> <i
                                            class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i
                                            class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i></div>
                                </div>
                                <p class="testi-card_text">“{{ $show->review }}”</p>
                                <div class="testi-card-quote"><img src="assets/img/icon/testi-quote.svg"
                                        alt="img">
                                </div>
                            </div>
                        </div>
                        @endif
                        @endforeach

                    </div>
                    <div class="slider-pagination"></div>
                </div>
            </div>
        </div>
        <div class="shape-mockup d-none d-xl-block" data-bottom="-2%" data-right="0%"><img
                src="assets/img/shape/line2.png" alt="shape"></div>
        <div class="shape-mockup movingX d-none d-xl-block" data-top="30%" data-left="5%"><img
                src="assets/img/shape/shape_7.png" alt="shape"></div>
    </section>
@endsection