@extends('layouts.public')
@section('title', 'Home | Kenya Diaspora Alliance')
@section('content')
    {{-- ../img/hero-area.jpg --}}
    <div id="hero-area" class="hero-area-bg"
        style="background: url('{{ asset('assets/img/hero-area.jpg') }}') no-repeat; background-size:cover;">
        <div class="overlay"></div>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-9 col-sm-12">
                    <div class="contents text-center">
                        <div class="icon">
                            <i class="lni-mic"></i>
                        </div>
                        <h2 class="head-title">Annual Kenya Diaspora Homecoming Convention</h2>
                        <p class="banner-info">Date: 6th to 8th December, 2023</p>
                        <p class="banner-desc">
                            Theme: Innovation, FinTech and Investments Towards the One Trillion Shilling Remittance.
                        </p>
                        <div class="banner-btn">
                            <a href="{{ route('events', ['year' => 2023]) }}" class="btn btn-success ">Watch KDHC 2023
                                here</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section id="count">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-10">
                    @if (strtotime(now()) > strtotime('2023-12-06'))
                    @else
                        <div class="count-wrapper text-center bg-info">
                            <div class="time-countdown wow fadeInUp" data-wow-delay="0.2s">
                                <div id="clock" class="time-count"></div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
    <section id="about" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-xs-12">
                    <div class="img-thumb">
                        <img class="img-fluid rounded-2 shadow" src="{{ asset('assets/img/event/main.jpeg') }}" alt>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-xs-12 mb-4 ">
                    <div class="about-content">
                        <div class="">
                            <div class="about-text">
                                <h2>About The Conference</h2>
                                <p>
                                    The Annual Kenya Diaspora Homecoming Conference (KDHC 2023) is slated for <span
                                        class="fw-bolder">6th to 8th
                                        December, 2023</span> will be the <span class="fw-bolder">10th</span> in
                                    an unbroken series. This networking and partnership event will bring together
                                    Kenyans living and working abroad to
                                    celebrate the year that has passed, network, make projections, and receive updates
                                    on upcoming opportunities and
                                    activities. The event is a <span class="fw-bolder">double-hybrid (ConfExpo,
                                        virtual/in-person)</span>, with about
                                    1,000 participants expected in person
                                    and thousands more engaging virtually from all over the world, and over 100
                                    organizations exhibiting or otherwise
                                    participating in some form.
                                </p>
                            </div>
                            <p>
                                As we refine our digital interaction and experience this year, we are poised to have
                                more attendees both in-person and
                                virtually, thanks to the goodwill of the current government, more corporates recognizing
                                Diasporas worth, and Diasporans
                                themselves willing to do more for the home country. This, against the backdrop of <span
                                    class="fw-bolde">Kenya</span>
                                herself celebrating <span class="fw-bolder">60th
                                    Anniversary</span> as an independent, sovereign state; the Event could not have happened
                                at a
                                better time!
                            </p>
                            <a class="btn btn-warning rounded-0"
                                href="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}"
                                download="">Read
                                More</a>

                            <!-- Modal Body -->
                            <!-- if you want to close by clicking outside the modal, delete the last endpoint:data-bs-backdrop and data-bs-keyboard -->
                            <div class="modal fade" id="aboutEvent" tabindex="-1" data-bs-backdrop="static"
                                data-bs-keyboard="false" role="dialog" aria-labelledby="aboutEventTitle"
                                aria-hidden="true">
                                <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-fullscreen "
                                    role="document">
                                    <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">
                                            {{ $pdfResponse }}
                                            {{-- <iframe
                                                    src="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}"
                                                    width="100%" height="100%">
                                                    This browser does not support PDFs. Please download the PDF to view it:
                                                    <a
                                                        href="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}">Download
                                                        PDF</a>
                                                </iframe> --}}
                                            {{-- <embed
                                                    src="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}"
                                                    type="application/pdf" width="100%" height="600px" />
                                                <p>This browser does not support PDFs. Please <a
                                                        href="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}">download
                                                        the PDF</a> to view it.</p> --}}
                                            {{-- <object
                                                    data="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}"
                                                    type="application/pdf" width="100%" height="600px">
                                                    <p>This browser does not support PDFs. Please <a
                                                            href="{{ asset('storage/KDHC_Partnership Proposal_20.09.23_compressed.pdf') }}">download
                                                            the PDF</a> to view it.</p>
                                                </object> --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @if (isset($partners) && count($partners) > 0)
                    <div class="col-12 mb-3 ">
                        <div class="page-header-inner text-center">
                            <h4 class=" text-info ">
                                Partner advertisements
                            </h4>
                        </div>
                        <div class="d-flex overflow-x-auto image-container" onmouseenter="startScroll()"
                            onmouseleave="stopScroll()">
                            @foreach ($partners as $partner)
                                <div class="position-relative mx-2">
                                    <a href="{{ $partner->website }}" target="_blank" class="d-block position-relative">
                                        <img src="{{ asset('storage/partners/' . $partner->image) }}" alt=""
                                            height="270px" class="rounded-1">
                                        <button class="btn btn-primary rounded-1 position-absolute translate-middle"
                                            style="bottom: 5px; left: 50%; transform: translateX(-50%);z-index: 1000;"
                                            onmouseover="stopScroll()" onmouseleave="startScroll()"
                                            title="{{ $partner->name }}">
                                            <small>{{ $partner->name }}</small>
                                        </button>
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <script>
                        var container = document.querySelector('.image-container');
                        var scrollInterval;

                        function startScroll() {
                            scrollInterval = setInterval(scrollImages, 30);
                        }

                        function stopScroll() {
                            clearInterval(scrollInterval);
                        }

                        function scrollImages() {
                            container.scrollLeft += 1; // Adjust the scroll speed by changing the value
                        }
                    </script>
                @endif

                <div class="col-12">
                    <img src="{{ asset('storage/partners/thank-you.jpeg') }}" alt="" class="img-fluid rounded-2 ">
                </div>
            </div>
        </div>
    </section>
    <div class="ready-to-play">
        <video id="bgvid" class="stop" loop muted>
            <source src="assets/video/event.mp4" type="video/mp4">
        </video>
        <div id="polina" class="video-text">
            <div class="tb-t">
                <div class="tb-c">
                    <div class="polina"><button><i class="lni-play"></i></button></div>
                </div>
            </div>
        </div>
    </div>
    <section id="information-bar">
        <div class="container">
            <div class="row inforation-wrapper">
                <div class="col-6 col-lg-3 col-md-6 col-xs-12">
                    <ul>
                        <li class="d-flex align-items-center">
                            <i class="lni-map-marker"></i>
                        </li>
                        <li class="d-flex align-items-center"><span><b>Location</b> Safari Park Hotel<br>Thika Road,
                                Nairobi</span></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-3 col-md-6 col-xs-12">
                    <ul>
                        <li class="d-flex align-items-center">
                            <i class="lni-calendar"></i>
                        </li>
                        <li class="d-flex align-items-center"><span><b>Date & Time</b> 6th - 8th Dec 2023</span></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-3 col-md-6 col-xs-12">
                    <ul>
                        <li class="d-flex align-items-center">
                            <i class="lni-mic"></i>
                        </li>
                        <li class="d-flex align-items-center"><span><b>Speakers</b> 20+ Professionals</span></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-3 col-md-6 col-xs-12">
                    <ul>
                        <li class="d-flex align-items-center">
                            <i class="lni-user"></i>
                        </li>
                        <li class="d-flex align-items-center"><span><b>Seats</b> 1000+ Attendees</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section id="intro" class="intro section-padding">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title-header text-center">
                        <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Why You Join?</h2>
                        <p class="wow fadeInDown" data-wow-delay="0.2s">
                            Join for inspiring speakers, global reach, <br>networking, and the chance to meet new
                            faces,<br>
                            fostering growth, knowledge,
                            and connections.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row intro-wrapper">
                <div class="col-lg-4 col-md-6 col-xs-12">
                    <div class="single-intro-text mb-70">
                        <i class="lni-microphone"></i>
                        <h3>Great Speakers</h3>
                        <p>
                            Exceptional lineup of speakers, experts in their fields, ready to inspire.
                        </p>
                        <span class="count-number">01</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-xs-12">
                    <div class="single-intro-text">
                        <i class="lni-users"></i>
                        <h3 class="ts-title">New People</h3>
                        <p>
                            Fresh faces, newcomers, eager to connect and contribute to our community.
                        </p>
                        <span class="count-number">02</span>
                    </div>
                    <div class="border-shap left"></div>
                </div>
                <div class="col-lg-4 col-md-6 col-xs-12">
                    <div class="single-intro-text mb-70">
                        <i class="lni-bullhorn"></i>
                        <h3>Global Event</h3>
                        <p>
                            A worldwide gathering, uniting diverse cultures and nations for global impact.
                        </p>
                        <span class="count-number">03</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-xs-12">
                    <div class="single-intro-text mb-70">
                        <i class="lni-heart"></i>
                        <h3>Get Inspired</h3>
                        <p>
                            A place to ignite your inspiration, motivating and sparking creativity within.
                        </p>
                        <span class="count-number">04</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-xs-12">
                    <div class="single-intro-text mb-70">
                        <i class="lni-cup"></i>
                        <h3>Networking Session</h3>
                        <p>
                            An opportunity for connecting, sharing, and building valuable professional relationships.
                        </p>
                        <span class="count-number">05</span>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-xs-12">
                    <div class="single-intro-text mb-70">
                        <i class="lni-gallery"></i>
                        <h3>Meet New Faces</h3>
                        <p>
                            An occasion to encounter unfamiliar individuals, expanding your social and professional
                            circles.
                        </p>
                        <span class="count-number">06</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="counter-section section-padding">
        <div class="container">
            <div class="row">

                <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget">
                    <div class="counter">
                        <div class="icon">
                            <i class="lni-mic"></i>
                        </div>
                        <div class="counter-content">
                            <div class="d-flex">
                                <div class="counterUp">20</div>
                                <span style="font-size: 20px;" class="text-white ml-2">+</span>
                            </div>
                            <p>Speakers</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget">
                    <div class="counter">
                        <div class="icon">
                            <i class="lni-bulb"></i>
                        </div>
                        <div class="counter-content">
                            <div class="d-flex">
                                <div class="counterUp">1000</div>
                                <span style="font-size: 20px;" class="text-white ml-2">+</span>
                            </div>
                            <p>Participants</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget">
                    <div class="counter">
                        <div class="icon">
                            <i class="lni-briefcase"></i>
                        </div>
                        <div class="counter-content">
                            <div class="d-flex">
                                <div class="counterUp">30</div>
                                <span style="font-size: 20px;" class="text-white ml-2">+</span>
                            </div>
                            <p>Sponsors</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget">
                    <div class="counter">
                        <div class="icon">
                            <i class="lni-coffee-cup"></i>
                        </div>
                        <div class="counter-content">
                            <div class="d-flex">
                                <div class="counterUp">20</div>
                                <span style="font-size: 20px;" class="text-white ml-2">+</span>
                            </div>
                            <p>Sessions</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    @if (isset($event_schedue))
        <section id="schedules" class="schedule section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Event Schedules</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s">
                                Explore event schedules, plan your experience, and make the most of every moment <br> during
                                our
                                enriching and dynamic
                                gathering.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 mb-5 text-center">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="monday-tab" data-toggle="tab" href="#monday"
                                    role="tab" aria-controls="monday" aria-expanded="true">
                                    <div class="item-text">
                                        <h4>Day 01</h4>
                                        <h5>06 December 2023</h5>
                                    </div>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="tuesday-tab" data-toggle="tab" href="#tuesday" role="tab"
                                    aria-controls="tuesday">
                                    <div class="item-text">
                                        <h4>Day 02</h4>
                                        <h5>07 December 2023</h5>
                                    </div>
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="wednesday-tab" data-toggle="tab" href="#wednesday"
                                    role="tab" aria-controls="wednesday">
                                    <div class="item-text">
                                        <h4>Day 03</h4>
                                        <h5>08 December 2023</h5>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-12">
                        <div class="schedule-area row wow fadeInDown" data-wow-delay="0.3s">
                            <div class="schedule-tab-content col-12 clearfix">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="monday" role="tabpanel"
                                        aria-labelledby="monday-tab">
                                        <div id="accordion">
                                            <div class="card">
                                                <div id="headingOne">
                                                    <div class="schedule-slot-time">
                                                        <span> 9.30 - 10.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseOne" aria-expanded="false"
                                                        aria-controls="collapseOne">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-1.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingTwo">
                                                    <div class="schedule-slot-time">
                                                        <span> 10.30 - 11.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseTwo" aria-expanded="false"
                                                        aria-controls="collapseTwo">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-2.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>15 Free Productive Design Tools</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingThree">
                                                    <div class="schedule-slot-time">
                                                        <span> 11.30 - 12.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseThree" aria-expanded="false"
                                                        aria-controls="collapseThree">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-3.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Getting Started With SketchApp</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="tuesday" role="tabpanel"
                                        aria-labelledby="tuesday-tab">
                                        <div id="accordion2">
                                            <div class="card">
                                                <div id="headingOne1">
                                                    <div class="schedule-slot-time">
                                                        <span> 1.30 - 2.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseTwo2" aria-expanded="false"
                                                        aria-controls="collapseTwo2">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-2.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseOne1" class="collapse show"
                                                    aria-labelledby="headingOne1" data-parent="#accordion2">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingTwo2">
                                                    <div class="schedule-slot-time">
                                                        <span> 9.30 - 10.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseOne1" aria-expanded="false"
                                                        aria-controls="collapseOne1">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-1.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseTwo2" class="collapse" aria-labelledby="headingTwo2"
                                                    data-parent="#accordion2">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="wednesday" role="tabpanel"
                                        aria-labelledby="wednesday-tab">
                                        <div id="accordion3">
                                            <div class="card">
                                                <div id="headingOne3">
                                                    <div class="schedule-slot-time">
                                                        <span> 10.30 - 11.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseOne3" aria-expanded="false"
                                                        aria-controls="collapseOne3">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-1.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseOne3" class="collapse show"
                                                    aria-labelledby="headingOne3" data-parent="#accordion3">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingTwo3">
                                                    <div class="schedule-slot-time">
                                                        <span> 11.30 - 12.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseTwo3" aria-expanded="false"
                                                        aria-controls="collapseTwo3">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-2.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseTwo3" class="collapse" aria-labelledby="headingTwo3"
                                                    data-parent="#accordion3">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingThree3">
                                                    <div class="schedule-slot-time">
                                                        <span> 1.30 - 2.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseThree3" aria-expanded="false"
                                                        aria-controls="collapseThree3">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-3.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseThree3" class="collapse" aria-labelledby="headingThree3"
                                                    data-parent="#accordion3">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="friday" role="tabpanel"
                                        aria-labelledby="friday-tab">
                                        <div id="accordion">
                                            <div class="card">
                                                <div id="headingOne">
                                                    <div class="schedule-slot-time">
                                                        <span> 9.30 - 10.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseTwo" aria-expanded="false"
                                                        aria-controls="collapseTwo">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-2.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingTwo">
                                                    <div class="schedule-slot-time">
                                                        <span> 10.30 - 11.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseOne" aria-expanded="false"
                                                        aria-controls="collapseOne">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-1.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="card">
                                                <div id="headingThree">
                                                    <div class="schedule-slot-time">
                                                        <span> 11.30 - 12.30 AM</span>
                                                        Workshop
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseThree" aria-expanded="false"
                                                        aria-controls="collapseThree">
                                                        <div class="images-box">
                                                            <img class="img-fluid" src="assets/img/speaker/speakers-3.jpg"
                                                                alt>
                                                        </div>
                                                        <h4>Web Design Principles and Best Practices</h4>
                                                        <h5 class="name">David Warner</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet
                                                            minima dolores rerum maiores qui at commodi quas, reprehenderit
                                                            eius consectetur quae magni molestias veniam, provident illum
                                                            facere iure libero asperiores! Lorem ipsum dolor sit amet,
                                                            consectetur adipisicing elit. Veniam earum nihil ex ipsa magni
                                                            eligendi fugiat assumenda suscipit, accusantium, necessitatibus
                                                            reiciendis odit sed, vero amet blanditiis?</p>
                                                        <div class="location">
                                                            <span>Location:</span> Hall 1 , Building A, Golden Street,
                                                            Southafrica
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
    @if (isset($speakers) && count($speakers) > 0)
        <section id="schedules" class="schedule section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Event Speakers</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s">
                                Unearth a world of wisdom and insight. Discover our speakers and embrace every <br> instant
                                at
                                our
                                vibrant speaker showcase. Join us for an enlightening journey.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row row-cols-2 row-cols-sm-3 row-cols-md-5 g-3 mb-3">
                    @foreach ($speakers as $speaker)
                        <div class="col">
                            <div class=" position-relative text-center ">
                                <a href="{{ route('view.event.speakers', ['slug' => $speaker->speaker_slug]) }}"
                                    class="rounded-2 ">
                                    {{-- <div class="rounded-2"
                                        style="height: 200px; background-image: url('{{ asset('storage/speakers/' . $speaker->avatar) }}'); background-size: cover; background-position: center top;">
                                    </div> --}}
                                    <div class="rounded-2 overflow-hidden " style="height: 250px;">
                                        <img src="{{ asset('storage/speakers/' . $speaker->avatar) }}" alt=""
                                            class="img-fluid ">
                                    </div>
                                </a>
                                <div class="position-absolute bottom-0 bg-transparent "></div>
                            </div>
                            <div class="mt-2 ">
                                <div class="">
                                    <a class="text-decoration-none "
                                        href="{{ route('view.event.speakers', ['slug' => $speaker->speaker_slug]) }}"><strong>{{ $speaker->name }}</strong></a>
                                </div>
                            </div>
                            <div class="">
                                {{ $speaker->title }}
                            </div>
                            <div class="">
                                {{ $speaker->organization }}
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="text-center">
                    <a href="{{ route('event.speakers') }}" class="btn btn-info text-center rounded-1">View More</a>
                </div>
            </div>
        </section>
    @endif

    <section id="gallery" class="section-padding d-none">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="section-title-header text-center">
                        <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Event Gallery</h2>
                        <p class="wow fadeInDown" data-wow-delay="0.2s">
                            Revisit memorable moments through our event gallery, capturing the essence and
                            <br>highlights of our extraordinary
                            gathering, ensuring lasting memories.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="{{ asset('assets/img/gallery/img-1.jpg') }}" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="{{ asset('assets/img/gallery/img-1.jpg') }}">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="{{ asset('assets/img/gallery/img-2.jpg') }}" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="{{ asset('assets/img/gallery/img-2.jpg') }}">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="assets/img/gallery/img-3.jpg" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="assets/img/gallery/img-3.jpg">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="assets/img/gallery/img-4.jpg" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="assets/img/gallery/img-4.jpg">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="assets/img/gallery/img-5.jpg" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="assets/img/gallery/img-5.jpg">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="assets/img/gallery/img-6.jpg" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="assets/img/gallery/img-6.jpg">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="assets/img/gallery/img-7.jpg" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="assets/img/gallery/img-7.jpg">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="ccol-md-6 col-sm-6 col-lg-3">
                    <div class="gallery-box">
                        <div class="img-thumb">
                            <img class="img-fluid" src="assets/img/gallery/img-8.jpg" alt>
                        </div>
                        <div class="overlay-box text-center">
                            <a class="lightbox" href="assets/img/gallery/img-8.jpg">
                                <i class="lni-plus"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center mt-3">
                <div class="col-xs-12">
                    <a href="#" class="btn btn-common">Browse All</a>
                </div>
            </div>
        </div>
    </section>

    <section id="pricing" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title-header text-center">
                        <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">
                            Advert & Partnership Opportunities
                        </h2>
                        <p class="wow fadeInDown" data-wow-delay="0.2s">
                            Stand out from the crowd with our budget friendly advertising and <br>sponsorship
                            opportunities.
                            sponsorship and advertising
                            opportunities are available to help<br> increase visibility for your brand and drive more
                            traffic to your booth/website or
                            office.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6 col-xa-12 mb-3">
                    <div class="price-block-wrapper wow fadeInLeft bg-warning" data-wow-delay="0.2s">
                        <div class="colmun-title">
                            <h5>PLATINUM
                                PARTNERS</h5>
                        </div>
                        <div class="price">
                            <h2>USD 17,000</h2>
                            <span>PRINCIPAL PARTNER (1)</span>
                        </div>
                        <div class="pricing-list text-center">
                            <ul class="">
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">
                                        Key Speaker slot at the Convention
                                    </span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">Two Premier Exhibition Booths at the event</span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">Priority positioning of marketing material</span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">4 Roll-up banners co-branding at the Convention Hall</span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">10 Delegates tickets (4 in the exhibition booths)</span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">Company logo on all multi-media advertisement</span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">2 Pages of advertisement in Convention Catalogue</span>
                                </li>
                                <li class="d-flex align-items-start text-center">
                                    <i class="lni-check-mark-circle mr-2"></i>
                                    <span class="text">6 Complimentary Diaspora Awards dinner passes</span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank"
                            class="btn btn-primary">Subscribe</a>
                    </div>
                </div>

                <div class="col-md-6 col-xa-12 mb-3">
                    <div class="price-block-wrapper active wow fadeInUp bg-info" data-wow-delay="0.3s">
                        <div class="colmun-title">
                            <h5>GOLD PARTNERS</h5>
                        </div>
                        <div class="price">
                            <h2>USD 15,000</h2>
                            <span>3 Partners</span>
                        </div>
                        <div class="pricing-list">
                            <ul>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">Key Speaker slot at the
                                        Convention</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">Two Premier Exhibition
                                        Booths at the event</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">Priority positioning of
                                        marketing material</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">8 Delegates tickets (4
                                        in the exhibition booths)</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">2 Roll-up banners
                                        co-branding at the Convention Hall</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">Company logo on all
                                        multi-media advertisement</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">1 Page of advertisement
                                        in Convention Catalogue</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">4 complimentary
                                        Diaspora Awards dinner passes</span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank" class="btn btn-common">Subscribe</a>
                    </div>
                </div>

                <div class="col-md-6 col-xa-12 mb-3">
                    <div class="price-block-wrapper wow fadeInRight" data-wow-delay="0.4s">
                        <div class="colmun-title">
                            <h5>DIAMOND PARNTERS</h5>
                        </div>
                        <div class="price">
                            <h2>USD 6,000</h2>
                            <span>5 Partners</span>
                        </div>
                        <div class="pricing-list">
                            <ul>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">A Moderator/Speaker
                                        role at the Convention</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">One Premier (3x3)
                                        Exhibition booth at the event</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">Partnership
                                        acknowledgement at every introduction</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        2 Roll up banners at the Convention Hall
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Priority positioning of marketing material
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        6 Delegates tickets (2 in the exhibition booths)
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        1/2 Page of advertisement in Convention Catalogue
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Mention on all Media Adverts
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        3 complimentary Diaspora Awards dinner passes
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank" class="btn btn-info">Subscribe</a>
                    </div>
                </div>

                <div class="col-md-6 col-xa-12 mb-3">
                    <div class="price-block-wrapper wow fadeInRight bg-success" data-wow-delay="0.4s">
                        <div class="colmun-title">
                            <h5>SILVER PARTNERS</h5>
                        </div>
                        <div class="price">
                            <h2 class="text-white">USD 3,500</h2>
                            <span>8 Partners</span>
                        </div>
                        <div class="pricing-list">
                            <ul class="text-white">
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text">
                                        A Speaker slot at the Convention</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text">
                                        One Standard (2x2) Exhibition booth at the event
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text">
                                        Partnership
                                        acknowledgement at the Convention</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text">
                                        1 Roll up banners at the Convention Hall
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text">
                                        4 Delegates tickets (2 in the exhibition booth)
                                    </span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text"> 1⁄4 Page
                                        advert
                                        in
                                        Convention Catalogue</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3 text-white"></i><span class="text">
                                        Mention on all Media Adverts</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        2 complimentary Diaspora Awards dinner passes
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank" class="btn btn-info">Subscribe</a>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4 mb-3">
                    <div class="price-block-wrapper wow fadeInRight bg-dark text-white" data-wow-delay="0.4s">
                        <div class="colmun-title">
                            <h5 class="text-white">BRONZE PARTNERS</h5>
                        </div>
                        <div class="price">
                            <h2>USD 1,500</h2>
                            <span>10 Partners</span>
                        </div>
                        <div class="pricing-list">
                            <ul>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Mention on all Media Adverts</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        2 Delegates tickets for
                                        the Convention</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Partnership ribbon on
                                        name badges of attendees</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Logo on Program & all
                                        Banners</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        1 Complimentary Diaspora Awards dinner passes</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Strip advert on the catalogue
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank"
                            class="btn btn-warning">Subscribe</a>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4 mb-3">
                    <div class="price-block-wrapper wow fadeInRight bg-warning text-white" data-wow-delay="0.4s">
                        <div class="colmun-title">
                            <h5 class="text-white">PREMIER EXHIBITORS</h5>
                        </div>
                        <div class="price">
                            <h2>USD 2,000</h2>
                            <span>Open</span>
                        </div>
                        <div class="pricing-list">
                            <ul>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Tent, table and 2 Chairs</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Power Source</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        One-eighth Page advert on Catalogue</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Partnership ribbons for all</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        3 delegates tickets</span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank"
                            class="btn btn-success">Subscribe</a>
                    </div>
                </div>

                <div class="col-md-6 col-lg-4 mb-3">
                    <div class="price-block-wrapper wow fadeInRight bg-danger text-white" data-wow-delay="0.4s">
                        <div class="colmun-title">
                            <h5 class="text-white">STANDARD EXHIBITORS</h5>
                        </div>
                        <div class="price">
                            <h2>USD 1,500</h2>
                            <span>Open</span>
                        </div>
                        <div class="pricing-list">
                            <ul>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Tent, table and 2 Chairs</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Power Source</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Logo appearance on Catalogue</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        Partnership ribbons for all</span>
                                </li>
                                <li class="d-flex align-items-start">
                                    <i class="lni-check-mark-circle mr-3"></i><span class="text">
                                        4 delegates ticket for the conference</span>
                                </li>
                            </ul>
                        </div>
                        <a href="https://forms.gle/H1VwN7og4nabpJ1C8" target="blank"
                            class="btn btn-warning">Subscribe</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="blog" class="section-padding @if (isset($posts) && count($posts) > 0) @else d-none @endif">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title-header text-center">
                        <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Latest News</h2>
                        <p class="wow fadeInDown" data-wow-delay="0.2s">//</p>
                    </div>
                </div>
            </div>
            <div class="row">
                @foreach ($posts as $item)
                    <div class="col-lg-4 col-md-6 col-xs-12">
                        <div class="blog-item">
                            <div class="blog-image">
                                <a href="{{ route('view.post', $item->post_slug) }}">
                                    <img class="img-fluid" src="{{ asset('storage/posts/' . $item->post_image) }}" alt>
                                </a>
                            </div>
                            <div class="descr">
                                <div class="icon">
                                    <i class="lni-image"></i>
                                </div>
                                <h3 class="title">
                                    <a href="{{ route('view.post', $item->post_slug) }}">
                                        {{ Str::words($item->title, 5) }}
                                    </a>
                                </h3>
                                <p>{!! Str::words($item->post, 20) !!}</p>
                            </div>
                            <div class="meta-tags">
                                <span class="date"><i class="lni-calendar"></i>
                                    {{ date('jS M Y', strtotime($item->created_at)) }}</span>
                                <span class="comments"><i class="lni-comment-alt"></i> <a href="#"> 0
                                        Comment</a></span>
                            </div>
                        </div>
                    </div>
                @endforeach
                <div class="col-12 text-center">
                    <a href="#" class="btn btn-common">View all Blogs</a>
                </div>
            </div>
        </div>
    </section>

    <section id="sponsors" class="section-padding" style="background: white !important;">
        <div class="sponsors-overlay" style="background: white;!important"></div>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title-header text-center">
                        <h2 class="section-title wow fadeInUp text-dark" data-wow-delay="0.2s"
                            style='color:rgb(5, 5, 5) !important;'>Our Partners</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">
                            {{-- // --}}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row mb-30 text-center wow fadeInUp" data-wow-delay="0.3s">
                <div class="col-lg-12">
                    @include('pages.sponsors')
                </div>
            </div>
        </div>
    </section>
@endsection