@extends('frontend.layouts.main')
@section('content')
    <section class="hero-section">
        <div class="container-fluid g-0">
            <div class="row g-0">
                <div class="col-lg-6 g-0">
                    <div class="img-left ">
                        @if ($headSec->images->count() > 0)
                            <!--<img class="main-img 1" src="{{ asset($headSec->images()->first()->image) }}">-->
                            <img class="main-img 1" src="{{ s3_url($headSec->images()->first()->image) }}">
                        @else
                            <!--<img class="main-img" src="{{ asset('image/hero-left-img.png') }}">-->
                            <img class="main-img" src="{{ s3_url('image/hero-left-img.png') }}">
                            
                        @endif
                    </div>
                </div>
                <div class="col-lg-6 g-0">
                    <div class="right-content">
                        <div class="main-heading">{{ $headSec->heading }}</div>
                        <div class="sub-heading">{{ $headSec->sub_heading }}</div>
                        <div class="para">{!! $headSec->description !!}</div>
                        {{-- <button type="button" class="btn btn-primary btn-lg contact contactBtn" data-bs-toggle="modal" data-bs-target="#exampleModal-enquire">Enquire Now </button> --}}
                        <button type="button" class="btn btn-primary btn-lg contact enquireBtn" data-bs-toggle="modal"
                            data-bs-target="#exampleModal-enquire">Enquire Now </button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="service-section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="services text-center">My Ventures</div>
                    <!--<div class="para1 text-center">We understand the needs for professionalism, privacy and confidentiality-->
                    <!--    in both<br>-->
                    <!--    our relationship with our customers as well as your clients. </div>-->
                </div>
            </div>
            <div class="row justify-content-center service">
                <div class="col-lg-10">
                    <div class="row">
                        {{-- @dd($ventures); --}}
                        @foreach ($ventures as $venture)
                            <div class="col-lg-6 mb-md-4">
                                <div class="cards">
                                    <div class="card-body">
                                        <a href="{{ $venture->link }}" target="_blank" class="text-decoration-none">
                                        {{-- <a href="https://www.samadhan.group/" class="text-decoration-none"> --}}
                                            <h5 class="card-title service-card-h">{{ $venture->title }}</h5>
                                        </a>
                                        <p class=" para1 mt-0 mb-0">
                                            {{ substr(strip_tags($venture->description), 0, 195) }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        {{-- <div class="col-lg-6 mb-md-4">
                            <div class="cards">
                                <div class="card-body">
                                    <a href="https://iid.org.in/" class="text-decoration-none"><h5 class="card-title service-card-h">Institute For Industrial Development (IID)</h5></a>
                                    <p class=" para1 mt-0 mb-0">Institute for Industrial Development (IID), is an incubator with Government of India, Ministry of Micro, small and medium Enterprises and department of start-up, Govt. of Uttar Pradesh. IID is unit of...
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-md-4">
                            <div class="cards">
                                <div class="card-body">
                                    <a href="https://www.youtube.com/c/EntrepreneurIndiaTV" class="text-decoration-none"><h5 class="card-title service-card-h">Entrepreneur India TV</h5></a>
                                    <p class=" para1 mt-0 mb-0">Entrepreneur India TV is a YouTube channel of the Institute for Industrial Development (IID). This channel renders all the industry-related information through documentary, expert episodes, live webin...
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-md-4">
                            <div class="cards">
                                <div class="card-body">
                                    <a href="https://bharatmata.online/" class="text-decoration-none"><h5 class="card-title service-card-h">Bharat Mata</h5></a>
                                    <p class=" para1 mt-0 mb-0">Bharat Samanvay Parivar is fully committed to introducing the youth power &ndash; the future makers of the whole world and especially the nation &ndash; to the vast history and grand culture of India....
                                    </p>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-lg-6 mb-md-4">
                            <div class="cards">
                                <div class="card-body">
                                   <a href="https://consultancy.iid.org.in/" class="text-decoration-none"><h5 class="card-title service-card-h">Welcome to IID Biz consultancy</h5></a>
                                    <p class=" para1 mt-0 mb-0">Biz Consultancy, we redefine consulting as a gateway to empowerment. A prominent project of Samadhan Group, we envision a world where expertise is democratized and accessible to all. Our platform brid...
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-md-4">
                            <div class="cards ">
                                <div class="card-body">
                                    <a href="https://www.udyami.org.in/" class="text-decoration-none"><h5 class="card-title service-card-h">Employment Generation Programme</h5></a>
                                    <p class=" para1 mt-0 mb-0">Udyami is Khadi and Village Industries Commission EDP Training Platform for Prime Ministers Employment  Programme (PMEGP) Scheme, that has been developed, hosted and managed by Samadhan Sami...
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-md-4">
                            <div class="cards ">
                                <div class="card-body">
                                    <a href="https://www.iid.org.in/franchise" class="text-decoration-none"><h5 class="card-title service-card-h">Franchise Gateway</h5></a>
                                    <p class=" para1 mt-0 mb-0">IID&#39;s franchise vertical is a leading network of franchise consultancy professionals, offering result oriented franchise marketing and acquisition services across the nation. IID&#39;s franchis...
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-md-4">
                            <div class="cards ">
                                <div class="card-body">
                                    <a href="https://www.iid.org.in/franchise" class="text-decoration-none"><h5 class="card-title service-card-h">Hunar se honhaar bane</h5></a>
                                    <p class=" para1 mt-0 mb-0">Hunar India, which is a platform developed, managed &amp; operated by OL Expert Private Limited (OL Expert), in association with National Skill Development Corporation (NSDC) is a pioneer platform, wh...
                                    </p>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    {{-- <section class="mission-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="services text-center">Samadhan Samiti</div>
                    <div class="para1 text-center">Samadhan Samiti was formed under the visionary leadership of CA Mukesh
                        Shukla. It serves as a coordinating entity that drives specific goal-oriented initiatives to support
                        India's development. Initially focused on Uttar Pradesh, Samadhan Samiti has expanded its reach
                        nationwide. It collaborates with four government ministries, operates in various states, and
                        partners with over fifty universities and several other institutions, showing continuous growth and
                        advancement under Mukesh Shukla's direction. </div>
                </div>
            </div>
        </div>
    </section> --}}


    {{-- <section class="mission-section background">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row justify-content-center">
                        <div class="col-lg-6">
                            <div class="card card mission shadow-sm p-3 mb-5 bg-body rounded">
                                <div>
                                    <!--<img src="{{ asset('image/mission.png') }}" alt=""-->
                                    <!--    class="img-fluid mission-img">-->
                                    <img src="{{ s3_url('image/mission.png') }}" alt=""
                                        class="img-fluid mission-img">
                                </div>
                                <div class="services pt-2">Mission</div>
                                <div class="para1 ">Mukesh Shukla is committed to nurturing aspiring entrepreneurs in India.
                                    He observed the need in India for bold innovators and business enthusiasts to address
                                    the concurrent challenges. With India having the world's youngest population on average,
                                    at 28 this presents an opportunity to foster job creators rather than job seekers.
                                    Samadhan stems from Mukesh Shukla's vision and was established under his guidance on
                                    September 27th, 1999. </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="card card mission shadow-sm p-3 mb-5 bg-body rounded">
                                <div>
                                    <!--<img src="{{ asset('image/mission.png') }}" alt=""-->
                                    <!--    class="img-fluid mission-img">-->
                                    <img src="{{ s3_url('image/mission.png') }}" alt=""
                                        class="img-fluid mission-img">
                                </div>
                                <div class="services pt-2"> Samadhan Samiti</div>
                                <div class="para1">Samadhan Samiti was formed under the visionary leadership of
                                    CA Mukesh Shukla. It serves as a coordinating entity that drives specific goal-oriented
                                    initiatives to support India's development. Initially focused on Uttar Pradesh, Samadhan
                                    Samiti has expanded its reach nationwide. It collaborates with four government
                                    ministries, operates in various states, and partners with over fifty universities and
                                    several other institutions, showing continuous growth and advancement under Mukesh
                                    Shukla's direction.</div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section> --}}


    <!--<section class="multy-video-section">-->
    <!--    <div class="container">-->
    <!--        <div class="row">-->
    <!--            {{-- @dd($instSec); --}}-->
    <!--            <div class="col-lg-6">-->
    <!--                <div class="video-left-content">-->
    <!--                    <div class="video-left-heading">{{ $instSec->heading }}</div>-->
    <!--                    <div class="text-white">-->
    <!--                        {!! $instSec->description !!}-->
    <!--                    </div>-->
    <!--                    <button type="button" class="btn btn-primary btn-lg faq enquireBtn" data-bs-toggle="modal"-->
    <!--                        data-bs-target="#exampleModal-enquire">Enquire Now </button>-->
    <!--                    {{-- <h3 class="video-sub-heading">{{ $instSec->short_description }}</h3> --}}-->
    <!--                </div>-->
    <!--                {{-- <div class="contact-details d-flex">-->
    <!--                    <i class="fa-solid fa-square-phone"></i>-->
    <!--                    <div class="contact-address ms-2">-->
    <!--                        <p class="para2 mb-0 mt-0">Contact us</p>-->
    <!--                        <div class="mobile">+91 840 099 9161</div>-->
    <!--                    </div>-->
    <!--                </div> --}}-->

    <!--            </div>-->
    <!--            <div class="col-lg-6">-->
    <!--                <div class="multy-images d-md-block d-none">-->
    <!--                    @if ($instSec->images->count() > 0)-->
    <!--                        @foreach ($instSec->images as $image)-->
    <!--                            <img src="{{ asset($image->image) }}" class="img-fluid img-{{ $loop->iteration }} o"-->
    <!--                                alt="...">-->
    <!--                        @endforeach-->
    <!--                    @else-->
    <!--                        <img src="{{ asset('image/image-vd-1.png.png') }}" class="img-fluid img-1" alt="...">-->
    <!--                        <img src="{{ asset('image/Rectangle 14.png') }}" class="img-fluid img-2" alt="...">-->
    <!--                        <img src="{{ asset('image/image-vd-3.png.png') }}" class="img-fluid img-3" alt="...">-->
    <!--                        <img src="{{ asset('image/image-vd-4.png.png') }}" class="img-fluid img-4" alt="...">-->
    <!--                    @endif-->
    <!--                    <div class="video-icon">-->
    <!--                        <a href="#">-->
    <!--                            <i class="fa-solid fa-circle-play text-white" style="color:white;" ></i>-->
                                <!--<i class="fa-solid fa-play"></i>-->
    <!--                        </a>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="multy-images d-md-none d-block">-->
    <!--                    @if ($instSec->images->count() > 0)-->
    <!--                        @foreach ($instSec->images as $image)-->
    <!--                            <img src="{{ asset($image->image) }}" class="img-fluid img-{{ $loop->iteration }} o"-->
    <!--                                alt="...">-->
    <!--                        @endforeach-->
    <!--                    @else-->
    <!--                        {{-- <img src="{{ asset('image/multy-img.png')}}" class="img-fluid img-1" alt="..."> --}}-->
    <!--                        {{-- <img src="{{ asset('image/Rectangle 14.png')}}" class="img-fluid img-2" alt="...">-->
    <!--      <img src="{{ asset('image/image-vd-3.png.png')}}" class="img-fluid img-3" alt="...">-->
    <!--      <img src="{{ asset('image/image-vd-4.png.png')}}" class="img-fluid img-4" alt="..."> --}}-->
    <!--                    @endif-->
    <!--                </div>-->
    <!--            </div>-->

    <!--        </div>-->

    <!--    </div>-->

    <!--</section>-->
    
    <section class="multy-video-section">
        <div class="container">
            <div class="row">
                {{-- @dd($instSec); --}}
                <div class="col-lg-6">
                    <div class="video-left-content">
                        <div class="video-left-heading">{{ $instSec->heading }}</div>
                        <div class="text-white">
                            {!! $instSec->description !!}
                        </div>
                        <button type="button" class="btn btn-primary btn-lg faq enquireBtn" data-bs-toggle="modal"
                            data-bs-target="#exampleModal-enquire">Enquire Now </button>
                        {{-- <h3 class="video-sub-heading">{{ $instSec->short_description }}</h3> --}}
                    </div>
                    {{-- <div class="contact-details d-flex">
                        <i class="fa-solid fa-square-phone"></i>
                        <div class="contact-address ms-2">
                            <p class="para2 mb-0 mt-0">Contact us</p>
                            <div class="mobile">+91 840 099 9161</div>
                        </div>
                    </div> --}}

                </div>
                <!--<div class="col-lg-6">-->
                <!--    <div class="multy-images d-md-block d-none">-->
                <!--        @if ($instSec->images->count() > 0)-->
                <!--            @foreach ($instSec->images as $image)-->
                                <!--<img src="{{ asset($image->image) }}" class="img-fluid img-{{ $loop->iteration }} o"-->
                                <!--    alt="...">-->
                <!--                <img src="{{ s3_url($image->image) }}" class="img-fluid img-{{ $loop->iteration }} o"-->
                <!--                    alt="...">-->
                                    
                <!--            @endforeach-->
                <!--        @else-->
                            <!--<img src="{{ asset('image/image-vd-1.png.png') }}" class="img-fluid img-1" alt="...">-->
                <!--            <img src="{{ s3_url('image/image-vd-1.png.png') }}" class="img-fluid img-1" alt="...">-->
                            
                            <!--<img src="{{ asset('image/Rectangle 14.png') }}" class="img-fluid img-2" alt="...">-->
                <!--            <img src="{{ s3_url('image/Rectangle 14.png') }}" class="img-fluid img-2" alt="...">-->
                           
                            <!--<img src="{{ asset('image/image-vd-3.png.png') }}" class="img-fluid img-3" alt="...">-->
                <!--            <img src="{{ s3_url('image/image-vd-3.png.png') }}" class="img-fluid img-3" alt="...">-->
                            
                            <!--<img src="{{ asset('image/image-vd-4.png.png') }}" class="img-fluid img-4" alt="...">-->
                <!--            <img src="{{ s3_url('image/image-vd-4.png.png') }}" class="img-fluid img-4" alt="...">-->
                <!--        @endif-->
                <!--        <div class="video-icon">-->
                <!--            <a href="#"><i class="fa-solid fa-circle-play" data-bs-toggle="modal"-->
                <!--                    data-bs-target="#exampleModal"></i></a>-->
                <!--        </div>-->
                <!--    </div>-->
                <!--    <div class="multy-images d-md-none d-block">-->
                <!--        @if ($instSec->images->count() > 0)-->
                <!--            @foreach ($instSec->images as $image)-->
                                <!--<img src="{{ asset($image->image) }}" class="img-fluid img-{{ $loop->iteration }} o"-->
                                <!--    alt="...">-->
                <!--                <img src="{{ s3_url($image->image) }}" class="img-fluid img-{{ $loop->iteration }} o"-->
                <!--                    alt="...">-->
                <!--            @endforeach-->
                <!--        @else-->
                <!--            {{-- <img src="{{ asset('image/multy-img.png')}}" class="img-fluid img-1" alt="..."> --}}-->
                <!--            {{-- <img src="{{ asset('image/Rectangle 14.png')}}" class="img-fluid img-2" alt="...">-->
                <!--            <img src="{{ asset('image/image-vd-3.png.png')}}" class="img-fluid img-3" alt="...">-->
                <!--            <img src="{{ asset('image/image-vd-4.png.png')}}" class="img-fluid img-4" alt="..."> --}}-->
                <!--        @endif-->
                <!--    </div>-->
                <!--</div>-->
                <!--Static-->
                <div class="col-lg-6">
                    <div class="multy-images d-md-block d-none">
                        <img src="{{ asset('image/image-vd-1.png.png') }}" class="img-fluid img-1" alt="Image 1">
                        <img src="{{ asset('image/Rectangle 14.png') }}" class="img-fluid img-2" alt="Image 2">
                        <img src="{{ asset('image/image-vd-3.png.png') }}" class="img-fluid img-3" alt="Image 3">
                        <img src="{{ asset('image/image-vd-4.png.png') }}" class="img-fluid img-4" alt="Image 4">
                        <div class="video-icon">
                            <a href="#">
                                <i class="fa-solid fa-circle-play" data-bs-toggle="modal"
                                    data-bs-target="#exampleModal"></i>
                            </a>
                        </div>
                    </div>
                    <div class="multy-images d-md-none d-block">
                        <img src="{{ asset('image/image-vd-1.png.png') }}" class="img-fluid img-1" alt="Image 1">
                        <img src="{{ asset('image/Rectangle 14.png') }}" class="img-fluid img-2" alt="Image 2">
                        <img src="{{ asset('image/image-vd-4.png.png') }}" class="img-fluid img-4" alt="Image 4">
                        <img src="{{ asset('image/image-vd-3.png.png') }}" class="img-fluid img-3" alt="Image 3">
                    </div>
                </div>

            </div>

        </div>

    </section>
    
    <section class="video-slider">
        <div class="container">
            <div class="row">
                <div class="services text-center mb-4">
                    Video
                </div>
                <div class="col-md-12">
                    <div class="responsive">
                        @foreach ($videos as $video)
                            <div>
                                <div class="video-slider-block">
                                    <div class="video-slider-inner-item">
                                        <iframe width="100%" height="300"
                                            src="https://www.youtube.com/embed/{{ $video->link }}"
                                            title="{{ $video->title }}" frameborder="0"
                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </section>
    {{-- <section class="counter-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-6">
                    <div class="counter-details d-flex">
                        <i class="fa-solid fa-scale-balanced"></i>
                        <div class="contact-address ms-4">
                            <p class="counter-no mb-0 mt-0">30</p>
                            <div class="counter-name">Experience</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="counter-details d-flex">
                        <i class="fa-solid fa-user-pen"></i>
                        <div class="contact-address ms-4">
                            <p class="counter-no mb-0 mt-0">750</p>
                            <div class="counter-name">Project Done</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="counter-details d-flex">
                        <i class="fa-solid fa-user-tie"></i>
                        <div class="contact-address ms-4">
                            <p class="counter-no mb-0 mt-0">53</p>
                            <div class="counter-name">Co-Operate</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-6">
                    <div class="counter-details d-flex">
                        <i class="fa-solid fa-users"></i>
                        <div class="contact-address ms-4">
                            <p class="counter-no mb-0 mt-0">15</p>
                            <div class="counter-name">Customers </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section> --}}
    {{-- <section class="slider-section">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="single-item">
          <div class="slider-item">
            <div class="slider-card">
              <div class="row">
                <div class="col-lg-6">
                  <div class="slider-left-img">
                    <!--<img src="{{ asset('image/testimonial-img.png')}}" class="" alt="">-->
                    <img src="{{ s3_url('image/testimonial-img.png') }}" class="" alt="">
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="slider-right-content">
                    <div class="slider-content-h">What Our Clients Says </div>
                    <div class="slider-content-p">
                      It is a long established fact that a reader will be distracted by the readable<br>content of a
                      page when looking at its layout.
                    </div>
                    <div class="slider-content-p">

                      Mike Wilson was great to work with. He set expectations from the beginning<br>
                      and answered my many questions throughout the process. He always took his<br>
                      time to talk to me, and never made me feel like I was being rushed to make a<br>
                      decision. I would absolutely do business with Mike again in the future.
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-lg-6">
                      <div class="slider-content-name">
                        Dazy Joy
                      </div>
                      <div class="slider-content-designation">
                        Accountant
                      </div>
                    </div>
                    <div class="col-lg-6 justify-content-center">
                      <div class="slider-content-right-icon text-center">
                        <i class="fa-solid fa-quote-right"></i>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div>
            <div class="slider-item">
              <div class="slider-card">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="slider-left-img">
                      <!--<img src="{{ asset('image/testimonial-img.png')}}" class="" alt="">-->
                      <img src="{{ s3_url('image/testimonial-img.png') }}" class="" alt="">
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="slider-right-content">
                      <div class="slider-content-h">What Our Clients Says </div>
                      <div class="slider-content-p">
                        It is a long established fact that a reader will be distracted by the readable<br>content of a
                        page when looking at its layout.
                      </div>
                      <div class="slider-content-p">

                        Mike Wilson was great to work with. He set expectations from the beginning<br>
                        and answered my many questions throughout the process. He always took his<br>
                        time to talk to me, and never made me feel like I was being rushed to make a<br>
                        decision. I would absolutely do business with Mike again in the future.
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-lg-6">
                        <div class="slider-content-name">
                          Dazy Joy
                        </div>
                        <div class="slider-content-designation">
                          Accountant
                        </div>
                      </div>
                      <div class="col-lg-6 justify-content-center">
                        <div class="slider-content-right-icon text-center">
                          <i class="fa-solid fa-quote-right"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div>
            <div class="slider-item">
              <div class="slider-card">
                <div class="row">
                  <div class="col-lg-6">
                    <div class="slider-left-img">
                      <!--<img src="{{ asset('image/testimonial-img.png')}}" class="" alt="">-->
                      <img src="{{ s3_url('image/testimonial-img.png') }}" class="" alt="">
                    </div>
                  </div>
                  <div class="col-lg-6">
                    <div class="slider-right-content">
                      <div class="slider-content-h">What Our Clients Says </div>
                      <div class="slider-content-p">
                        It is a long established fact that a reader will be distracted by the readable<br>content of a
                        page when looking at its layout.
                      </div>
                      <div class="slider-content-p">

                        Mike Wilson was great to work with. He set expectations from the beginning<br>
                        and answered my many questions throughout the process. He always took his<br>
                        time to talk to me, and never made me feel like I was being rushed to make a<br>
                        decision. I would absolutely do business with Mike again in the future.
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-lg-6">
                        <div class="slider-content-name">
                          Dazy Joy
                        </div>
                        <div class="slider-content-designation">
                          Accountant
                        </div>
                      </div>
                      <div class="col-lg-6 justify-content-center">
                        <div class="slider-content-right-icon text-center">
                          <i class="fa-solid fa-quote-right"></i>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
</section> --}}
    {{-- <section class="slider-section">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="single-item">
                        @foreach ($testimonials as $testimonial)
                            <div>
                                <div class="slider-item">
                                    <div class="slider-card">
                                        <div class="row">
                                            <div class="col-lg-6 ">
                                                <div class="slider-left-img">
                                                    <!--<img src="{{ asset($testimonial->image) }}" class=""-->
                                                    <!--    alt="">-->
                                                    <img src="{{ s3_url($testimonial->image) }}" class=""
                                                        alt="">
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <div class="slider-right-content">
                                                    <div class="slider-content-h 1">{{ $testimonial->title }}</div>
                                                    <div class="slider-content-p 1">
                                                        {!! $testimonial->description !!}
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-6 col-6">
                                                        <div class="slider-content-name 1">
                                                            {{ $testimonial->client }}
                                                        </div>
                                                        <div class="slider-content-designation 1">
                                                            {{ $testimonial->designation }}
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-6 justify-content-center">
                                                        <div class="slider-content-right-icon text-center">
                                                            <i class="fa-solid fa-quote-right"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
    </section> --}}
    {{-- <section class="faq-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="contact-form-inner">
                        <div class="main-h-faq">Free Consultation</div>
                        <form id="contactForm" method="POST" action="{{ route('contact.store') }}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="form-outline">
                                        <input type="text" id="name" class="form-control form-control-lg"
                                            name="name" placeholder="Name" required />
                                        <label class="form-label" for="name"> </label>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-outline">
                                        <input type="email" id="email" class="form-control form-control-lg"
                                            name="email" placeholder="Email" required />
                                        <label class="form-label" for="email"></label>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-outline">
                                        <input type="tel" maxlength="10" class="form-control form-control-lg"
                                            name="number" placeholder="Mobile"
                                            oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
                                        <label class="form-label" for="number"></label>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-outline">
                                        <input type="text" id="address" class="form-control form-control-lg"
                                            name="address" placeholder="Address" />
                                        <label class="form-label" for="address"></label>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <span class="wpcf7-form-control-wrap" data-name="your-message">
                                        <textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"
                                            placeholder="Your Message" name="message"></textarea>
                                    </span>
                                </div>
                                <button type="submit" class="btn btn-primary btn-lg faq">Contact Us </button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="faq-right-h"> Frequently Asked Questions</div>


                    <div class="faq-question">
                        <div class="accordion accordion-flush" id="accordionFlushExample">
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="flush-headingOne">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseOne" aria-expanded="false"
                                        aria-controls="flush-collapseOne">
                                        Why should I trust your firm for my case?
                                    </button>
                                </h2>
                                <div id="flush-collapseOne" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">We understand the importance of approaching each work
                                        integrally and
                                        believe in the power of simple and easy communication. Intime is a design studio
                                        founded in London
                                        and expanded our services, and become a multinational firm, offering solutions
                                        Worldwide. Our team
                                        have designed game changing products, consulted for companies as well.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header mt-4" id="flush-headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseTwo" aria-expanded="false"
                                        aria-controls="flush-collapseTwo">
                                        Why should I trust your firm for my case?
                                    </button>
                                </h2>
                                <div id="flush-collapseTwo" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">We understand the importance of approaching each work
                                        integrally and
                                        believe in the power of simple and easy communication. Intime is a design studio
                                        founded in London
                                        and expanded our services, and become a multinational firm, offering solutions
                                        Worldwide. Our team
                                        have designed game changing products, consulted for companies as well.</div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h2 class="accordion-header mt-4" id="flush-headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#flush-collapseThree" aria-expanded="false"
                                        aria-controls="flush-collapseThree">
                                        Why should I trust your firm for my case?
                                    </button>
                                </h2>
                                <div id="flush-collapseThree" class="accordion-collapse collapse"
                                    aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                                    <div class="accordion-body">We understand the importance of approaching each work
                                        integrally and
                                        believe in the power of simple and easy communication. Intime is a design studio
                                        founded in London
                                        and expanded our services, and become a multinational firm, offering solutions
                                        Worldwide. Our team
                                        have designed game changing products, consulted for companies as well.
                                        We understand the importance of approaching each work integrally and believe in the
                                        power of
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <section class="Blog-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="services text-center">Latest Magazine </div>
                    <div class="para1 text-center">Follow our latest blog and thoughts which focuses exclusively on
                        design,<br>
                        vintage, and also our latest work updates.</div>
                </div>
            </div>
            <div class="row justify-content-center mt-4">
                <div class="col-lg-10">
                    <div class="row ">
                        @foreach ($blogs as $blog)
                            <div class="col-lg-4 mb-3">
                                <div class="card d-block-card">
                                    <!--<img src="{{ asset($blog->thumbnail) }}" class="card-img-top" alt="...">-->
                                    <img src="{{ s3_url($blog->thumbnail) }}" class="card-img-top" alt="...">
                                    
                                    <div class="card-body blog">
                                        <div class="d-flex">
                                            <span class=""> <i class="fa-solid fa-calendar-days blog"></i></span>
                                            <p class=" icon-name">{{ date('M d Y', strtotime($blog->created_at)) }}</p>

                                            <span class=""><i class="fa-solid fa-user admin"></i></span>
                                            <p class="icon-name">{{ $blog->author_name }}</p>

                                        </div>
                                        <hr class="line mt-2 mb-0">
                                        <div class="card-heading"><a
                                                href="{{ route('frontend.blog-detail.index', $blog->slug) }}">{{ $blog->title }}</a>
                                        </div>
                                        {{-- !!$blog->description!! --}}
                                        {{ substr(strip_tags($blog->description), 0, 200) }}{{ strlen(strip_tags($blog->description)) > 200 ? '...' : '' }}
                                        <hr class="line mt-0 mb-0">
                                        <div class=" read-more d-flex">
                                            <a href="{{ route('frontend.blog-detail.index', $blog->slug) }}"
                                                class="read-btn">Read more<span><i
                                                        class="fa-solid fa-arrow-right"></i></span></a>
                                            <!-- <p class=" coments">Comments (3)</p> -->
                                        </div>

                                    </div>
                                </div>
                            </div>
                        @endforeach
                        <div class="col-md-12 mt-4 d-flex justify-content-center">
                            {{-- $blogs->links('pagination::bootstrap-4') --}}
                            <a href="{{ route('frontend.blog.index') }}" class="btn btn-primary ">View All</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="happy-discuss">
        <div class="container">
            <div class="row">
                <div class="col-lg-9">
                    <div class="happy-content">
                        <h1 class="happy-h"> Let's Start Something Great!</h1> 
                        <!--<p class="para2">We understand the needs for professionalism, privacy and confidentiality in both-->
                        <!--    our<br>-->
                        <!--    relationship with our customers as well as your clients.</p>-->
                    </div>
                </div>
                <div class="col-lg-3">
                    <button type="button" class="btn btn-primary contactBtn">Contact Us</button>
                </div>
            </div>
        </div>
    </section>
    
    
    <!-- Button trigger modal -->

    <!-- Modal -->
    <div class="modal fade" id="exampleModal-enquire" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Enquire Now</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form role="form" id="enqueryForm">
                    <div class="modal-body">
                        <div class="col-lg-12">
                            <div class="">
                                {{-- <div class="main-h-faq">Free Consultation</div> --}}
                                <form id="contactForm">
                                    @csrf
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-outline">
                                                <input type="text" id="name" class="form-control form-control-lg"
                                                    name="name" placeholder="Name" required />
                                                <label class="form-label" for="name"> </label>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-outline">
                                                <input type="text" id="email" class="form-control form-control-lg"
                                                    name="email" placeholder="Email" required />
                                                <label class="form-label" for="email"></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-outline">
                                                <input type="tel" maxlength="10" class="form-control form-control-lg"
                                                    name="number" placeholder="Mobile" id="number"
                                                    oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
                                                <label class="form-label" for="number"></label>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <span class="wpcf7-form-control-wrap" data-name="your-message">
                                                <textarea type="text" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea"
                                                    aria-invalid="false" placeholder="Your Message" name="message" id="message"></textarea>
                                            </span>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="text-center" id="responseMsg"></div>
                                        </div>
                                        {{-- <button type="submit" class="btn btn-primary btn-lg faq">Contact Us </button> --}}
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="enqueryForm1">Submit</button>
                    </div>
            </div>
        </div>
    </div>


    <!-- Button trigger modal -->


    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="video-pop-up">
                        <iframe  id="youtubeVideo" width="100%" height="100%"
                            src="https://www.youtube.com/embed/TRa5kNMgsjM?si=AXGMlU3su3-2HDvY"
                            title="YouTube video player" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
@endsection
<!-- Push script to layout -->
@push('scripts')
    <script>
        $('.responsive').slick({
            dots: true,
            infinite: true,
            autoplay: true,
            autoplaySpeed: 2000,
            slidesToShow: 4,
            slidesToScroll: 1,
            arrows: true,

            responsive: [{
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 3,
                        infinite: true,
                        dots: true,
                        autoplay: true,
                        autoplaySpeed: 2000,
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        // slidesToShow: 2,
                        // slidesToScroll: 2,
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        autoplay: true,
                        autoplaySpeed: 2000,
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        autoplay: true,
                        autoplaySpeed: 2000,
                    }
                }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
            ]
        });
    </script>
    <script>
        $("body").on("click", ".contactBtn", function() {
            window.location.href = "{{ route('contact.index') }}";
        });
    </script>

    <script>
        // document.getElementById('otp').addEventListener('input', function() {
        //     this.value = this.value.replace(/[^0-9]/g, '').slice(0, 6);
        // });
        $(document).ready(function() {
            $('.enquireBtn').on('click', function() {
                // console.log('hhfhjj');
                $('#exampleModal-enquire').modal('show');
            });
            $('#enqueryForm1').on('click', function() {
                // e.preventDefault();
                var name = $('#name').val();
                var email = $('#email').val();
                var number = $('#number').val();
                var message = $('#message').val();
                // var otp = $('#otp').val();
                var submitType = $('#submitType').val();
                console.log(message);
                $.ajax({
                    url: "{{ route('contact.store') }}",
                    type: 'POST',
                    data: {
                        'name': name,
                        'email': email,
                        'number': number,
                        'message': message,
                        'submitType': submitType
                    },
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    success: function(response) {
                        
                   
                        if (response.success == true) {

                            $('#responseMsg').html('<sapn class="text-success">' + response
                                .message + '</span>');
                            setTimeout(location.reload(), 1000);
                        } else {
                            
                            $('#responseMsg').html('<sapn class="text-danger">' + response
                                .message + '</span>');
                        }
                    },
                    error: function(response) {
                        console.log(response);
                        // $('#errorMessage').show();
                        $('#responseMsg').html(
                            '<sapn class="text-danger">Error Sending message!</span>');
                    }
                });
            });


            $('.chooseUsBtn').on('click', function() {
                var youtubeUrl = $(this).data('url');
                $('#chooseHeading').text($(this).data('heading'));
                $('#chooseUsModalVideo').attr('src', 'https://www.youtube.com/embed/' + youtubeUrl);
                $('#chooseUsModal').modal('show');
            });
        });
    </script>
    <script>
        const modal = document.getElementById('exampleModal');
        modal.addEventListener('hide.bs.modal', function () {
            const iframe = document.getElementById('youtubeVideo');
            const videoSrc = iframe.src;
            iframe.src = '';
            setTimeout(function() {
                iframe.src = videoSrc;
            }, 1000);
        });
    </script>
@endpush