@extends('layouts.app')

@section('content')
    <main>
        <!-- banner area starts here -->
        <section class="glo-banner-area-2 p-relative glo-banner-area-3 pt-100">
            <div class="glo-banner-side-info d-none d-xxl-block">
                <div class="glo-banner-side-contact">
                    <span data-reveal><a href="tel:0978955566677">+2341234567890</a></span>
                    <span data-reveal><a href="mailto:info@webmail.com">info@deniche.com.ng</a></span>
                </div>
                <div class="glo-banner-side-social" data-reveal>
                    <ul>
                        <li class="pb-50"><span>Follow us:</span></li>
                        <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        <li><a href="#"><i class="fab fa-behance"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="container">
                <div class="glo-banner-3-wrapper">
                    <div class="row gx-0">
                        <div class="glo-banner-3 p-relative">
                            <div class="glo-banner-3-active swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="p-relative">
                                            <div class="glo-banner-thumb">
                                                <img src="{{asset('assets/img/slider/home-3/1.png')}}"
                                                     alt="Image not found">
                                            </div>
                                            <div class="glo-banner-text">
                                                <h1 class="glo-banner-title-3 animate__animated"
                                                    data-animation="fadeInUp" data-delay=".2s">
                                                    Relaxation Never<br> End Here</h1>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="p-relative">
                                            <div class="glo-banner-thumb">
                                                <img src="{{asset('assets/img/slider/home-3/2.png')}}"
                                                     alt="Image not found">
                                            </div>
                                            <div class="glo-banner-text">
                                                <h1 class="glo-banner-title-3 animate__animated"
                                                    data-animation="fadeInUp" data-delay=".2s">
                                                    We Are Best In <br>The Town</h1>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="p-relative">
                                            <div class="glo-banner-thumb">
                                                <img src="{{asset('assets/img/slider/home-3/3.png')}}"
                                                     alt="Image not found">
                                            </div>
                                            <div class="glo-banner-text">
                                                <h1 class="glo-banner-title-3 animate__animated"
                                                    data-animation="fadeInUp" data-delay=".2s">
                                                    Enjoy luxury <br>Restaurant</h1>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="glo-banner-logo d-none d-md-block">
                                <a href="{{url('/')}}"><img src="{{asset('assets/img/logo/logo-icon.png')}}"
                                                            alt="Image not found"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- banner area ends here -->

        <!-- Bokking area start -->
        <div class="boking-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <form action="#">
                            <div class="glo-booking-from style-2">
                                <div class="glo-booking-check">
                                    <i class="fas fa-calendar-alt"></i>
                                    <input type="text" placeholder="Check In" onfocus="(this.type='date')"
                                           onblur="(this.type='text')">
                                </div>
                                <div class="glo-booking-check">
                                    <i class="fas fa-calendar-alt"></i>
                                    <input type="text" placeholder="Check Out" onfocus="(this.type='date')"
                                           onblur="(this.type='text')">
                                </div>
                                <div class="glo-booking-single p-relative">
                                    <i class="fas fa-user"></i>
                                    <select name="glo-booking-select">
                                        <option value="" selected>Adult</option>
                                        <option value="">1 Adult</option>
                                        <option value="">2 Adult</option>
                                        <option value="">3 Adult</option>
                                        <option value="">4 Adult</option>
                                        <option value="">5 Adult</option>
                                    </select>
                                </div>
                                <div class="glo-booking-single p-relative">
                                    <i class="fas fa-child"></i>
                                    <select name="glo-booking-select">
                                        <option value="" selected>Children</option>
                                        <option value="">1 Children</option>
                                        <option value="">2 Children</option>
                                        <option value="">3 Children</option>
                                        <option value="">3 Children</option>
                                        <option value="">4 Children</option>
                                        <option value="">5 Children</option>
                                    </select>
                                </div>
                                <div class="glo-booking-single p-relative">
                                    <i class="fas fa-building"></i>
                                    <select name="glo-booking-select">
                                        <option value="" selected>1 Room</option>
                                        <option value="">2 Room</option>
                                        <option value="">3 Room</option>
                                        <option value="">4 Room</option>
                                        <option value="">5 Room</option>
                                    </select>
                                </div>
                                <div class="glo-booking-submit-btn">
                                    <button type="submit" class="glo-btn-anim btn-theme-2"><span>Book Now</span>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Bokking area end -->

        <!-- room area starts here -->
        <section class="glo-room3-area pt-75 pb-">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="intro-title-wrapper-2 mb-50" data-reveal>
                            <span class="intro-subtitle-3">Rooms</span>
                            <h2 class="intro-title-3">Reserve Your Best Room</h2>
                        </div>
                    </div>
                </div>
                <!-- 2nd row start -->
                <!-- 2nd row start -->
                <div class="row">

                    <div class="col-xl-3 col-md-6">
                        <div class="glo-room3-item mb-30" data-reveal>
                            <div class="glo-room3-thumb" data-background="{{asset('assets/img/room/room-7.jpg')}}">
                                <div class="glo-room3-content">
                                    <div class="glo-room3-title-wrapper">
                                        <span class="glo-room3-price">&#x20a6;/Night</span>
                                        <h3 class="glo-room3-title mt-10">Single Room</h3>
                                    </div>
                                </div>
                            </div>

                            <div class="glo-room3-hover-content">
                                <h3 class="glo-room3-title">Single Room</h3>
                                <p class="glo-room3-desc mb-20">An Equipped Single Room with a single Bed for 2 persons
                                    Maximum.</p>
                                <ul class="glo-room3-list mb-40">
                                    <li class="glo-room3-list-item"><i class="fal fa-users-crown"></i> 1-2 persons</li>
                                    <li class="glo-room3-list-item"><i class="far fa-bed"></i> Single bed</li>
                                    <li class="glo-room3-list-item"><i class="far fa-wifi"></i> Free wifi</li>
                                    <li class="glo-room3-list-item"><i class="far fa-coffee"></i> Breakfast</li>
                                </ul>
                                <div class="glo-room3-btn">
                                    <a class="glo-btn-anim" href="{{route('guest_reservation')}}"><span>Book Now</span></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-md-6">
                        <div class="glo-room3-item mb-30" data-reveal>
                            <div class="glo-room3-thumb" data-background="{{asset('assets/img/room/room-8.jpg')}}">
                                <div class="glo-room3-content">
                                    <div class="glo-room3-title-wrapper">
                                        <span class="glo-room3-price">&#x20a6;15,000/Night</span>
                                        <h3 class="glo-room3-title mt-10">Standard Room</h3>
                                    </div>
                                </div>
                            </div>

                            <div class="glo-room3-hover-content">
                                <h3 class="glo-room3-title">Standard Room</h3>
                                <p class="glo-room3-desc mb-20">Bigger wider custom Room with Simple Workspace for 2
                                    Max.</p>
                                <ul class="glo-room3-list mb-40">
                                    <li class="glo-room3-list-item"><i class="fal fa-users-crown"></i> 1-2 persons</li>
                                    <li class="glo-room3-list-item"><i class="far fa-bed"></i> Twin bed</li>
                                    <li class="glo-room3-list-item"><i class="far fa-wifi"></i> Free wifi</li>
                                    <li class="glo-room3-list-item"><i class="far fa-coffee"></i> Breakfast</li>
                                </ul>
                                <div class="glo-room3-btn">
                                    <a class="glo-btn-anim" href="{{route('guest_reservation')}}"><span>Book Now</span></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-md-6">
                        <div class="glo-room3-item mb-30" data-reveal>
                            <div class="glo-room3-thumb" data-background="{{asset('assets/img/room/room-9.jpg')}}">
                                <div class="glo-room3-content">
                                    <div class="glo-room3-title-wrapper">
                                        <span class="glo-room3-price">&#x20a6;17,000/Night</span>
                                        <h3 class="glo-room3-title mt-10">Double Room</h3>
                                    </div>
                                </div>
                            </div>

                            <div class="glo-room3-hover-content">
                                <h3 class="glo-room3-title">Double Room</h3>
                                <p class="glo-room3-desc mb-20">Double brings your definition of Luxury Alive. Tailored
                                    to accomodate you and 2 other persons</p>
                                <ul class="glo-room3-list mb-40">
                                    <li class="glo-room3-list-item"><i class="fal fa-users-crown"></i> 1-2 persons</li>
                                    <li class="glo-room3-list-item"><i class="far fa-bed"></i> Twin bed</li>
                                    <li class="glo-room3-list-item"><i class="far fa-wifi"></i> Free wifi</li>
                                    <li class="glo-room3-list-item"><i class="far fa-coffee"></i> Breakfast</li>
                                </ul>
                                <div class="glo-room3-btn">
                                    <a class="glo-btn-anim" href="{{route('guest_reservation')}}"><span>Book Now</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-md-6">
                        <div class="glo-room3-item mb-30" data-reveal>
                            <div class="glo-room3-thumb" data-background="{{asset('assets/img/room/room-10.jpg')}}">
                                <div class="glo-room3-content">
                                    <div class="glo-room3-title-wrapper">
                                        <span class="glo-room3-price">&#x20a6;25000/Night</span>
                                        <h3 class="glo-room3-title mt-10">Deluxe Room</h3>
                                    </div>
                                </div>
                            </div>

                            <div class="glo-room3-hover-content">
                                <h3 class="glo-room3-title">Deluxe Room</h3>
                                <p class="glo-room3-desc mb-20">Deluxe, yes! Hospitality your way inside this Home away
                                    from Home.
                                    Equiped workspace for longterm assignments anad projects
                                    sure.</p>
                                <ul class="glo-room3-list mb-40">
                                    <li class="glo-room3-list-item"><i class="fal fa-users-crown"></i> 1-2 persons</li>
                                    <li class="glo-room3-list-item"><i class="far fa-bed"></i> Twin bed</li>
                                    <li class="glo-room3-list-item"><i class="far fa-wifi"></i> Free wifi</li>
                                    <li class="glo-room3-list-item"><i class="far fa-coffee"></i> Breakfast</li>
                                </ul>
                                <div class="glo-room3-btn">
                                    <a class="glo-btn-anim" href="{{route('guest_reservation')}}"><span>Book Now</span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- room area ends here -->

        <!-- glo-features area starts here  -->
        <section class="glo-features-3">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-9">
                        <div class="intro-title-wrapper-3 mb-70">
                            <span class="intro-subtitle-3" data-reveal>Since 2015</span>
                            <h2 class="intro-title-3" data-reveal>Discover Excellence <br>With Niche Hospitality</h2>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="glo-features-shape-wrapper mb-70" data-reveal='right'>
                            <div class="glo-features-shape text-md-end">
                                <img src="{{asset('assets/img/features/features-3/shape-2.png')}}"
                                     alt="Image not found">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="glo-features-thumb" data-reveal>
                            <img src="{{asset('assets/img/features/features-3/1.jpg')}}" alt="Image not found">
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="glo-feature">
                            <div class="glo-feature-content" data-reveal>
                                <p>Our mission is to make affordable luxury accessible to more people, and to
                                    deliver
                                    affordable and enjoyable service experiences that are seamless from end to end. By
                                    seamless,
                                    we mean hassle-free from the moment you step in.</p>
                                <p>To get to our goal, we’ve spent the last 8 years building deniche.com.ng and the
                                    Deniche
                                    app to make you less involved in the entire service orientation domain we believe
                                    in. You deserve so much
                                    relaxation and rest.</p>
                            </div>
                            <div class="glo-feature-thumb-wrapper" data-reveal>
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="glo-features-thumb">
                                            <img src="{{asset('assets/img/features/features-3/2.jpg')}}"
                                                 alt="Image not found">
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="glo-features-thumb glo-features-thumb-3">
                                            <img src="{{asset('assets/img/features/features-3/3.jpg')}}"
                                                 alt="Image not found">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- glo-features area ends here  -->

        <!-- facility area ends here  -->
        <section class="glo-facility-area-3">
            <div class="container p-relative">
                <div class="glo-facility-3">
                    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-5">
                        <div class="col">
                            <div class="glo-facility-2 wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".2s">
                                <div class="glo-facility-thumb">
                                    <img src="{{asset('assets/img/facilities/1.png')}}" alt="Image not found">
                                </div>
                                <h4 class="glo-facility-title">Family Size<br> Room</h4>
                            </div>
                        </div>
                        <div class="col">
                            <div class="glo-facility-2 wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".4s">
                                <div class="glo-facility-thumb">
                                    <img src="{{asset('assets/img/facilities/2.png')}}" alt="Image not found">
                                </div>
                                <h4 class="glo-facility-title">Kids Hospitality <br>Option</h4>
                            </div>
                        </div>
                        <div class="col">
                            <div class="glo-facility-2 wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".6s">
                                <div class="glo-facility-thumb">
                                    <img src="{{asset('assets/img/facilities/3.png')}}" alt="Image not found">
                                </div>
                                <h4 class="glo-facility-title">Free Speedy Wifi
                                    <br>StarLink
                                </h4>
                            </div>
                        </div>
                        <div class="col">
                            <div class="glo-facility-2 wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".8s">
                                <div class="glo-facility-thumb">
                                    <img src="{{asset('assets/img/facilities/4.png')}}" alt="Image not found">
                                </div>
                                <h4 class="glo-facility-title">Halls, Presidential Suite
                                    <br>Games
                                </h4>
                            </div>
                        </div>
                        <div class="col">
                            <div class="glo-facility-2 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="1s">
                                <div class="glo-facility-thumb">
                                    <img src="{{asset('assets/img/facilities/5.png')}}" alt="Image not found">
                                </div>
                                <h4 class="glo-facility-title">24/7 Online
                                    <br> Support
                                </h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row glo-appointment-cta-area">
                    <div class="col-md-6 bg-theme">
                        <div class="glo-appointment-cta p-relative">
                            <span>Book Appointment Today</span>
                            <a href="{{route('contact')}}"><i class="far fa-long-arrow-right"></i>Contact Us</a>
                            <div class="glo-appointment-cta-shape d-none d-lg-block">
                                <img src="{{asset('assets/img/facilities/cta-icon/1.png')}}" alt="Image not found">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6 bg-black-2">
                        <div class="glo-appointment-cta p-relative">
                            <span>Explore or Book A Free Tour</span>
                            <a href="{{route('contact')}}"><i class="far fa-long-arrow-right"></i>Get In Touch</a>
                            <div class="glo-appointment-cta-shape d-none d-lg-block">
                                <img src="{{asset('assets/img/facilities/cta-icon/2.png')}}" alt="Image not found">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- facility area ends here  -->

        <!--video cta area starts here-->
        <div class="glo-video-cta p-relative">
            <div class="glo-video-cta-bg" data-background="{{asset('assets/img/cta/vdo-area-bg.jpg')}}">
                <div class="glo-video-btn">
                    <a href="#!" class="popup-video play-border-effect"
                       data-reveal>
                        <i class="fas fa-play"></i>
                    </a>
                </div>
            </div>
        </div>
        <!-- video cta area ends here-->
        <!-- booking area starts here-->
        @include('web.book-testimonial')
        <!-- booking area ends here-->

        <!-- brandas area starts here-->
    {{--        <div class="glo-brand-2 glo-brand-3 pt-50 pb-120">--}}
    {{--            <div class="container">--}}
    {{--                <div class="row align-items-center justify-content-center">--}}
    {{--                    <div class="col-12">--}}
    {{--                        <div class="glo-brand-wrapper swiper-container glo-brand-active" data-reveal>--}}
    {{--                            <div class="swiper-wrapper">--}}
    {{--                                <div class="swiper-slide">--}}
    {{--                                    <div class="glo-brand-thumb">--}}
    {{--                                        <img src="{{asset('assets/img/users/logo-1.png')}}" alt="image not found">--}}
    {{--                                    </div>--}}
    {{--                                </div>--}}
    {{--                                <div class="swiper-slide">--}}
    {{--                                    <div class="glo-brand-thumb">--}}
    {{--                                        <img src="{{asset('assets/img/users/logo-2.png')}}" alt="image not found">--}}
    {{--                                    </div>--}}
    {{--                                </div>--}}
    {{--                                <div class="swiper-slide">--}}
    {{--                                    <div class="glo-brand-thumb">--}}
    {{--                                        <img src="{{asset('assets/img/users/logo-3.png')}}" alt="image not found">--}}
    {{--                                    </div>--}}
    {{--                                </div>--}}
    {{--                                <div class="swiper-slide">--}}
    {{--                                    <div class="glo-brand-thumb">--}}
    {{--                                        <img src="{{asset('assets/img/users/logo-4.png')}}" alt="image not found">--}}
    {{--                                    </div>--}}
    {{--                                </div>--}}
    {{--                                <div class="swiper-slide">--}}
    {{--                                    <div class="glo-brand-thumb">--}}
    {{--                                        <img src="{{asset('assets/img/users/logo-5.png')}}" alt="image not found">--}}
    {{--                                    </div>--}}
    {{--                                </div>--}}
    {{--                            </div>--}}
    {{--                        </div>--}}
    {{--                    </div>--}}
    {{--                </div>--}}
    {{--            </div>--}}
    {{--        </div>--}}
    <!-- brandas area ends here-->

        <!-- food menu area starts here  -->
        <section class="glo-food-menu-2 pt-115 pb-120">
            <div class="container">
                <div class="glo-food-menu-wrapper p-relative">
                    <div class="row align-items-center wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".3s">
                        <div class="col-xl-7 col-lg-6">
                            <div class="intro-title-wrapper-3">
                                <span class="intro-subtitle-3">Speciality</span>
                                <h2 class="intro-title-3">Check Out Our Menu</h2>
                            </div>
                        </div>
                        <div class="col-xl-5 col-lg-6">
                            <div class="glo-food-menu-parrent-tab mb-70 d-flex justify-content-lg-end wow fadeInRight"
                                 data-wow-duration="1s" data-wow-delay=".5s">
                                <ul class="nav nav-pills" id="pills-tab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="breakfast-tab-parent" data-bs-toggle="pill"
                                                data-bs-target="#breakfast-tab-parent-pill" type="button" role="tab"
                                                aria-controls="breakfast-tab-parent-pill" aria-selected="true">Breakfast
                                        </button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="lunch-tab-parent" data-bs-toggle="pill"
                                                data-bs-target="#lunch-tab-parent-pills" type="button" role="tab"
                                                aria-controls="lunch-tab-parent-pills" aria-selected="false">Lunch
                                        </button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="dinner-tab-parent-pills" data-bs-toggle="pill"
                                                data-bs-target="#dinner-tab-parent" type="button" role="tab"
                                                aria-controls="dinner-tab-parent-pills" aria-selected="false">Dinner
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="tab-content" id="pills-tabContent">
                                <div class="tab-pane fade show active" id="breakfast-tab-parent-pill" role="tabpanel"
                                     aria-labelledby="breakfast-tab-parent">
                                    <!-- food menu inner tab  -->
                                    <div class="row align-items-center">
                                        <div class="col-lg-6 wow fadeInLeft" data-wow-duration="1s"
                                             data-wow-delay=".7s">
                                            <div class="food-tab-content nav flex-column nav-pills"
                                                 id="v-pills-tab-first" role="tablist"
                                                 aria-orientation="vertical">
                                                <div class="nav-link active" id="v-pills-home-one-tab"
                                                     data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-home-one" role="tab"
                                                     aria-controls="v-pills-home-one"
                                                     aria-selected="true">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-1.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Breakfast 1</h4>
                                                                <p>
                                                                    Chilled tomato, cucumber, garlic.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>&#x20a6;2,500</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-profile-one-tab" data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-profile-one" role="tab"
                                                     aria-controls="v-pills-profile-one"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class=" d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-2.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Breakfast 2</h4>
                                                                <p>
                                                                    Cucumber, garlic, chilled tomato, onion.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>&#x20a6;2,900</span>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="nav-link" id="v-pills-messages-one-tab"
                                                     data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-messages-one" role="tab"
                                                     aria-controls="v-pills-messages-one"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-3.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Breakfast 3</h4>
                                                                <p>
                                                                    Red pepper, tomato, cucumber, garlic.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>&#x20a6;4,000</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-settings-one-tab"
                                                     data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-settings-one" role="tab"
                                                     aria-controls="v-pills-settings-one"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-4.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Breakfaast 4</h4>
                                                                <p>
                                                                    Mac, chesse, milk, tomatto, onion.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$29</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 d-none d-lg-block text-lg-end wow fadeInRight"
                                             data-wow-duration="1s"
                                             data-wow-delay=".9s">
                                            <div class="tab-content" id="v-pills-tab-firstContent">
                                                <div class="tab-pane fade show active" id="v-pills-home-one"
                                                     role="tabpanel"
                                                     aria-labelledby="v-pills-home-one-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-1.jpg')}}"
                                                             alt="Image not found">
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="v-pills-profile-one" role="tabpanel"
                                                     aria-labelledby="v-pills-profile-one-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-2.jpg')}}"
                                                             alt="Image not found">
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="v-pills-messages-one" role="tabpanel"
                                                     aria-labelledby="v-pills-messages-one-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-3.jpg')}}"
                                                             alt="Image not found">
                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="v-pills-settings-one" role="tabpanel"
                                                     aria-labelledby="v-pills-settings-one-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-4.jpg')}}"
                                                             alt="Image not found">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="lunch-tab-parent-pills" role="tabpanel"
                                     aria-labelledby="lunch-tab-parent">
                                    <!-- food menu inner tab  -->
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="food-tab-content nav flex-column nav-pills" id="v-pills-tab"
                                                 role="tablist"
                                                 aria-orientation="vertical">
                                                <div class="nav-link active" id="v-pills-home-two-tab"
                                                     data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-home-two" role="tab"
                                                     aria-controls="v-pills-home-two"
                                                     aria-selected="true">

                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-6.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Onion rings</h4>
                                                                <p>
                                                                    Tomato, onion, vegitable oil, paper.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$29</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-profile-two-tab" data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-profile-two" role="tab"
                                                     aria-controls="v-pills-profile-two"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-5.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Crispy Chicken</h4>
                                                                <p>
                                                                    Cras vitae eleifend ligula vivamus.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$49</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-messages-two-tab"
                                                     data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-messages-two" role="tab"
                                                     aria-controls="v-pills-messages-two"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-7.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Baked Potato</h4>
                                                                <p>
                                                                    Maecenas facilisis faucibus lorem.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$29</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-settings-two-tab"
                                                     data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-settings-two" role="tab"
                                                     aria-controls="v-pills-settings-two"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-8.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Dunkin' Munchkins</h4>
                                                                <p>
                                                                    CVivamus mollis sagittis erat sit amet.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$33</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 d-none d-lg-block text-lg-end">
                                            <div class="wrapper">
                                                <div class="tab-content" id="v-pills-tabContent">
                                                    <div class="tab-pane fade show active" id="v-pills-home-two"
                                                         role="tabpanel"
                                                         aria-labelledby="v-pills-home-two-tab">
                                                        <div class="glo-food-details-img-wrapper p-relative">
                                                            <img src="{{asset('assets/img/food-menu/big-5.jpg')}}"
                                                                 alt="Image not found">
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade" id="v-pills-profile-two" role="tabpanel"
                                                         aria-labelledby="v-pills-profile-two-tab">
                                                        <div class="glo-food-details-img-wrapper p-relative">
                                                            <img src="{{asset('assets/img/food-menu/big-6.jpg')}}"
                                                                 alt="Image not found">

                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade" id="v-pills-messages-two" role="tabpanel"
                                                         aria-labelledby="v-pills-messages-two-tab">
                                                        <div class="glo-food-details-img-wrapper p-relative">
                                                            <img src="{{asset('assets/img/food-menu/big-7.jpg')}}"
                                                                 alt="Image not found">

                                                        </div>
                                                    </div>
                                                    <div class="tab-pane fade" id="v-pills-settings-two" role="tabpanel"
                                                         aria-labelledby="v-pills-settings-two-tab">
                                                        <div class="glo-food-details-img-wrapper p-relative">
                                                            <img src="{{asset('assets/img/food-menu/big-8.jpg')}}"
                                                                 alt="Image not found">

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="dinner-tab-parent" role="tabpanel"
                                     aria-labelledby="dinner-tab-parent-pills">
                                    <!-- food menu inner tab  -->
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="food-tab-content nav flex-column nav-pills"
                                                 id="v-pills-tab-main" role="tablist"
                                                 aria-orientation="vertical">
                                                <div class="nav-link active" id="v-pills-home-tab" data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-home" role="tab"
                                                     aria-controls="v-pills-home" aria-selected="true">

                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-4.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Special Biriani</h4>
                                                                <p>
                                                                    Chilled tomato, chicken, potato, red pepper soup.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$99</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-profile-tab" data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-profile" role="tab"
                                                     aria-controls="v-pills-profile"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class=" d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-3.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Gazpacho Garlic</h4>
                                                                <p>
                                                                    Chilled tomato, cucumber, garlic, red pepper soup.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$39</span>
                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="nav-link" id="v-pills-messages-tab" data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-messages" role="tab"
                                                     aria-controls="v-pills-messages"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-2.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Chicken Strip</h4>
                                                                <p>
                                                                    Fusce volutpat pharetra diam quis laoreet.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$29</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="nav-link" id="v-pills-settings-tab" data-bs-toggle="pill"
                                                     data-bs-target="#v-pills-settings" role="tab"
                                                     aria-controls="v-pills-settings"
                                                     aria-selected="false">
                                                    <div
                                                        class="glo-food-menu-item d-sm-flex align-items-center justify-content-between">
                                                        <div class="d-sm-flex align-items-center">
                                                            <div class="glo-food-menu-item-thumb">
                                                                <div class="img-hover">
                                                                    <img
                                                                        src="{{asset('assets/img/food-menu/food-menu-1.png')}}"
                                                                        alt="food">
                                                                </div>
                                                            </div>
                                                            <div class="glo-food-menu-item-content">
                                                                <h4>Panera Soup</h4>
                                                                <p>
                                                                    Cras eu tincidunt mi, non mollis ante.
                                                                </p>
                                                            </div>
                                                        </div>
                                                        <div class="glo-food-menu-item-price">
                                                            <span>$33</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 d-none d-lg-block text-lg-end">
                                            <div class="tab-content" id="v-pills-tab-mainContent">
                                                <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
                                                     aria-labelledby="v-pills-home-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-9.jpg')}}"
                                                             alt="Image not found">

                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
                                                     aria-labelledby="v-pills-profile-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-10.jpg')}}"
                                                             alt="Image not found">

                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="v-pills-messages" role="tabpanel"
                                                     aria-labelledby="v-pills-messages-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-11.jpg')}}"
                                                             alt="Image not found">

                                                    </div>
                                                </div>
                                                <div class="tab-pane fade" id="v-pills-settings" role="tabpanel"
                                                     aria-labelledby="v-pills-settings-tab">
                                                    <div class="glo-food-details-img-wrapper p-relative">
                                                        <img src="{{asset('assets/img/food-menu/big-12.jpg')}}"
                                                             alt="Image not found">

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- food menu area ends here  -->

        <!-- newsletter area starts here  -->
        <section class="glo-newsletter-area include-bg p-relative"
                 data-background="{{asset('assets/img/newsletter/news-bg.png')}}">
            <div class="container">
                <div class="glo-newsletter-wrapper p-relative">
                    <div class="row align-items-center">
                        <div class="col-xl-4 col-lg-5">
                            <div class="glo-newsletter d-flex align-items-md-center" data-reveal="left">
                                <div class="glo-newsletter-icon">
                                    <img src="{{asset('assets/img/newsletter/icon.png')}}" alt="Image not found">
                                </div>
                                <div class="glo-newsletter-content">
                                    <h3 class="glo-newsletter-title">Get Newsletter</h3>
                                    <p>Never miss latest discount & offers.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-8 col-lg-7">
                            <form action="#">
                                <div class="glo-newsletter-form" data-reveal="right">
                                    <div class="glo-newsletter-form-field">
                                        <i class="fas fa-user"></i>
                                        <input type="text" placeholder="Full Name">
                                    </div>
                                    <div class="glo-newsletter-form-field">
                                        <i class="fas fa-envelope-open"></i>
                                        <input type="email" placeholder="Enter Email">
                                    </div>
                                    <div class="glo-newsletter-form-btn">
                                        <button class="glo-btn-anim btn-theme-2" type="submit">
                                            <span>Subscribe Now</span></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- newsletter area ends here  -->

        <!-- event area starts here -->
        <section class="glo-event-area pt-110">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="intro-title-wrapper-2 mb-50" data-reveal>
                            <span class="intro-subtitle-3">Events</span>
                            <h2 class="intro-title-3">Our Popular Activities</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="glo-event-item mb-30" data-reveal="left">
                            <a href="#!">
                                <div class="glo-event-thumb img-hover overlay">
                                    <img src="{{asset('assets/img/event/event-1.jpg')}}" alt="img not found">
                                </div>

                                <div class="glo-event-content">
                                    <span class="glo-event-subtitle">Event</span>
                                    <h3 class="glo-event-title">Hotel Night Party</h3>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="glo-event-item mb-30" data-reveal="right">
                            <a href="#!">
                                <div class="glo-event-thumb img-hover overlay">
                                    <img src="{{asset('assets/img/event/event-2.jpg')}}" alt="img not found">
                                </div>

                                <div class="glo-event-content">
                                    <span class="glo-event-subtitle">Event</span>
                                    <h3 class="glo-event-title">Music Festival</h3>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="glo-event-item mb-30" data-reveal="left">
                            <a href="#!">
                                <div class="glo-event-thumb img-hover overlay">
                                    <img src="{{asset('assets/img/event/event-3.jpg')}}" alt="img not found">
                                </div>

                                <div class="glo-event-content">
                                    <span class="glo-event-subtitle">Event</span>
                                    <h3 class="glo-event-title">Wedding Party</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="glo-event-item mb-30" data-reveal="right">
                            <a href="#!">
                                <div class="glo-event-thumb img-hover overlay">
                                    <img src="{{asset('assets/img/event/event-4.jpg')}}" alt="img not found">
                                </div>

                                <div class="glo-event-content">
                                    <span class="glo-event-subtitle">Event</span>
                                    <h3 class="glo-event-title">Outdoor Sports</h3>
                                </div>
                            </a>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- event area ends here -->

      @include('web.team')

        <!-- blog area starts here  -->
        <section class="glo-blog-2 p-relative pt-110 pb-155">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-8 col-lg-8 col-md-9">
                        <div class="intro-title-wrapper-3 mb-70" data-reveal='left'>
                            <span class="intro-subtitle-3">Blog & News</span>
                            <h2 class="intro-title-3">Hospitality Niche and Updates</h2>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-3">
                        <div class="glo-blog-navigation d-flex justify-content-md-end mb-70" data-reveal="right">
                            <button class="blog-navigation-prev">
                                <i class="far fa-long-arrow-left"></i>
                            </button>
                            <button class="blog-navigation-next">
                                <i class="far fa-long-arrow-right"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="swiper-container glo-blog-slider-2-active" data-reveal>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="glo-blog mb-30">
                                <div class="glo-blog-content">
                                    <div class="glo-blog-tag d-flex align-items-center">
                                        <a href="#!">Hotel</a>
                                        <div class="glo-blog-date">
                                            <i class="far fa-calendar-alt"></i><span>Aug 21, 2025</span>
                                        </div>
                                    </div>
                                    <h3 class="glo-blog-title"><a href="#!">Ladies Night and Love Affairs.</a></h3>
                                    <p>Join Mercy Odigie every wednesday for lady's exclusive hookup and love/affairs
                                        management.</p>
                                    <div class="glo-blog-action">
                                        <a href="#!">read more <i class="far fa-long-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="glo-blog mb-30">
                                <div class="glo-blog-content">
                                    <div class="glo-blog-tag d-flex align-items-center">
                                        <a href="#!">Hotel</a>
                                        <div class="glo-blog-date">
                                            <i class="far fa-calendar-alt"></i><span>June 21, 2025</span>
                                        </div>
                                    </div>
                                    <h3 class="glo-blog-title"><a href="#!">Second Half 2025 Developers Summit.</a></h3>
                                    <p>Join the 2025 Tech Summit with Achimugu Emmaunel at our Exclusive Event Hall
                                        every Saturdsys.</p>
                                    <div class="glo-blog-action">
                                        <a href="#!">read more <i
                                                class="far fa-long-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- blog area ends here  -->
    </main>

@endsection
