<!DOCTYPE html>
<html class="no-js" lang="zxx">


<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>De Niche Hotels and Suites; Welcome to First-class Hospitality</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="{{asset('assets/img/favicon.png')}}">
    <!-- CSS here -->
    <link rel="stylesheet" href="{{asset('assets/css/preloader.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/meanmenu.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/animate.min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/swiper-bundle.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/backToTop.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/magnific-popup.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/nice-select.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/fontAwesome5Pro.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/vanilla-calendar-min.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/slick.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/default.css')}}">
    <link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
</head>

<body>

<!-- pre loader area start -->
<div id="loading">
    <div id="preloader">
        <div id="loader"></div>
    </div>
</div>
<!-- pre loader area end -->

<!-- offcanvas sidebar  starts here-->
<div class="glo-side-info">
    <div class="glo-side-logo-wrapper">
        <div class="glo-side-logo"><a href="{{url('/')}}">
                <img src="{{asset('assets/img/logo/deniche-logo.png')}}" style="max-width:120px;" alt="Deniche"></a>
        </div>
        <button class="glo-side-info-close"><i class="fal fa-times"></i></button>
    </div>
    <div class="glo-side-content">
        <div class="glo-mobile-menu-pos"></div>
        <p>We know that a traveler’s choice of hotel is an important ingredient of a sublime vacation or relaxation as
            it has the
            ability to make or break one’s experience. We have prepared a perfect service for your vacation and
            relaxation.</p>
        <div class="glo-offcanvas-instafeed">
            <span>Instagram Feed :</span>
            <div class="glo-offcanvas-instafeed-thumb">
                <div class="img-hover overlay">
                    <img src="{{asset('assets/img/gallery/footer/1.jpg')}}" alt="Image not found">
                </div>
                <div class="img-hover overlay">
                    <img src="{{asset('assets/img/gallery/footer/2.jpg')}}" alt="Image not found">
                </div>
                <div class="img-hover overlay">
                    <img src="{{asset('assets/img/gallery/footer/3.jpg')}}" alt="Image not found">
                </div>
                <div class="img-hover overlay">
                    <img src="{{asset('assets/img/gallery/footer/4.jpg')}}" alt="Image not found">
                </div>
                <div class="img-hover overlay">
                    <img src="{{asset('assets/img/gallery/footer/5.jpg')}}" alt="Image not found">
                </div>
                <div class="img-hover overlay">
                    <img src="{{asset('assets/img/gallery/footer/6.jpg')}}" alt="Image not found">
                </div>
            </div>
        </div>
        <div class="glo-offcanvas-social">
            <span>follow :</span>
            <ul>
                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                <li><a href="#"><i class="fab fa-behance"></i></a></li>
                <li><a href="#"><i class="fab fa-youtube-square"></i></a></li>
            </ul>
        </div>
        <div class="glo-offcanvas-btn d-inline-flex">
            <a class="glo-btn-anim btn-theme-3" href="booking-form.html"><span>Reservation <i
                        class="far fa-long-arrow-right"></i></span></a>
        </div>
    </div>
</div>
<div class="offcanvas-overlay"></div>
<!-- offcanvas sidebar  ends here-->

<!-- serach popup area start here  -->
<div class="bd-search-popup-area">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="bd-search-popup">
                    <div class="bd-search-form">
                        <form action="#">
                            <div class="bd-search-input">
                                <input type="search" placeholder="Type here to serach ...">
                                <div class="bd-search-submit">
                                    <button type="submit"><i class="flaticon-search"></i></button>
                                </div>
                            </div>
                            <div class="bd-search-close">
                                <div class="bd-search-close-btn">
                                    <button><i class="fal fa-times"></i></button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- search popup overlay  -->
<div class="bd-search-overlay"></div>
<!-- serach popup area end here  -->


<div class="mouseCursor cursor-outer"></div>
<div class="mouseCursor cursor-inner"><span>Drag</span></div>

<!-- header starts here -->
<header class="glo-header-area glo-header-3">
    <!-- header top area -->
    <div class="glo-header-top">
        <div class="container">
            <div class="glo-header-top-inner d-none d-lg-flex">
                <div class="glo-header-top-left">
                    <div class="glo-header-meta-wrapper">
                        <div class="glo-header-meta">
                            <a href="mailto:info@webmail.com">info@deniche.com.ng</a>
                            <a href="tel:(002)01061245741"><span>+2341234567890</span></a>
                        </div>
                    </div>
                </div>
                <div class="glo-header-top-right d-flex align-items-center">
                    <div class="glo-header-meta">
                        <div class="glo-header-social">
                            <ul>
                                <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="glo-header-meta">
                        <div class="glo-header-lang">
                            <select class="">
                                <option value="1">English</option>
                                <option value="2">Spanish</option>
                                <option value="3">Dutch</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header top area -->

    <!-- header bottom area starts-->
    <div class="glo-header-bottom" id="header-sticky">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-3 col-lg-3 col-md-6 col-5">
                    <div class="glo-header-logo">
                        <a href="{{url('/')}}">
                            <img src="{{asset('assets/img/logo/deniche-logo.png')}}" style="max-width:120px;"
                                 alt="Deniche"></a>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-7 col-md-5 d-none d-lg-block">
                    <div class="mean-menu-wrapper text-center">
                        <div class="main-menu">
                            <nav id="mobile-menu">
                                <ul>
                                    <li class="">
                                        <a href="{{url('/')}}">Home</a>
                                    </li>
                                    <li class="">
                                        <a href="{{route('rooms')}}">Rooms</a>
                                    </li>
                                    <li><a href="{{route('about')}}">About</a></li>
                                    <li class="">
                                        <a href="{{route('blog')}}">Blog</a>
                                    </li>
                                    <li><a href="{{route('contact')}}">Contact</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-2 col-md-6 col-7">
                    <div class="glo-header-action text-end">
                        <div class="header-humburger">
                            <div class="main-menu">
                                <a  style="font-width: bold; padding:5px; margin-right:5px; color:white" href="{{route('guest_reservation')}}">Book</a>
                                <a style="font-width: bold; padding:5px; margin-right:5px; color:white" href="{{route('login')}}">Login</a>
                            </div>
                            <button class="glo-sidebar-action">
                                <img src="{{asset('assets/img/header/hamburger-2.png')}}" alt="Image not found">
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- header bottom area end-->

</header>
<!-- header ends here -->


@yield('content')


<!-- footer area starts here -->
<footer class="glo-footer glo-footer-3 p-relative">
    <div class="glo-footer-top pt-155 pb-35">
        <div class="glo-footer-logo-3">
            <a href="{{url('/')}}">
                <img src="{{asset('assets/img/logo/deniche-logo.png')}}" style="max-width:120px;" alt="DENICHE">
            </a>
        </div>
        <div class="container">
            <div class="row g-0 justify-content-between">
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="glo-footer-widget-wrapper mb-60">
                        <div class="glo-footer-widget-title">
                            <h5>About Us</h5>
                        </div>
                        <div class="glo-footer-link">
                            <ul>
                                <li><a href="#">Accommodation</a></li>
                                <li><a href="#">About Hotel</a></li>
                                <li><a href="#">Dining</a></li>
                                <li><a href="#">Location</a></li>
                                <li><a href="#">Experience</a></li>
                                <li><a href="#">Jobs & Career</a></li>
                                <li><a href="#">Occasions</a></li>
                                <li><a href="#">Get In Touch</a></li>
                                <li><a href="#">Wellness</a></li>
                                <li><a href="#">FAQ</a></li>
                                <li><a href="#">Events</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="glo-footer-widget-wrapper glo-footer-contact-wrapper mb-55">
                        <div class="glo-footer-widget-title">
                            <h5>Get in Touch</h5>
                        </div>
                        <div class="glo-footer-contact">
                            <ul>
                                <li><i class="fas fa-paper-plane"></i> Reception:<a href="tel:+234 8012345678"> + 99 4
                                        11 123 456</a></li>
                                <li><i class="fas fa-phone"></i>Office: <a href="tel:+234 8012345678"> +234
                                        8012345678</a></li>
                                <li><i class="fas fa-envelope"></i> E-mail: <a href="mailto:info@deniche.com.ng">
                                        info@deniche.com.ng</a></li>
                                <li><i class="fas fa-map-marker-alt"></i> Address: 4A Omofade Cres, Omole Phase 1, Lagos
                                    101233, Lagos
                                </li>
                            </ul>
                        </div>
                        <div class="glo-footer-reservation">
                            <a href="{{url('/contact')}}" class="glo-btn-anim btn-theme-2"><span>Reserve Now</span></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-4">
                    <div class="glo-footer-widget-wrapper d-flex justify-content-end mb-60">
                        <div class="map-widget">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3029.0998865061647!2d3.3516865749938813!3d6.632592893361792!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103b93ea2228c505%3A0x6183edfe6ee45b60!2s%234A%20Omofade%20Cres%2C%20Omole%20Phase%20I%2C%20Ikeja%20101233%2C%20Lagos!5e1!3m2!1sen!2sng!4v1752334629168!5m2!1sen!2sng" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="glo-footer-bottom d-flex align-items-center">
        <div class="container">
            <div class="row justify-content-center align-items-center">
                <div class="col-12 col-md-6">
                    <div class="glo-footer-copyright">
                        <p>Copyright & Design By
                            <span>&copy;
                                <a href="https://learn.mylifeseed.org">L'EARN</a>
                            </span> - 2025
                        </p>
                    </div>
                </div>
                <div class="col-12 col-md-6 d-flex justify-content-center justify-content-md-end">
                    <div class="glo-footer-social">
                        <ul class="d-flex">
                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer area ends here -->


<!-- back to top start -->
<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
    </svg>
</div>
<!-- back to top end -->

<!-- JS here -->
<script src="{{asset('assets/js/vendor/jquery-3.6.0.min.js')}}"></script>
<script src="{{asset('assets/js/vendor/waypoints.min.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/js/meanmenu.js')}}"></script>
<script src="{{asset('assets/js/swiper-bundle.js')}}"></script>
<script src="{{asset('assets/js/magnific-popup.min.js')}}"></script>
<script src="{{asset('assets/js/parallax.min.js')}}"></script>
<script src="{{asset('assets/js/backToTop.js')}}"></script>
<script src="{{asset('assets/js/nice-select.min.js')}}"></script>
<script src="{{asset('assets/js/counterup.min.js')}}"></script>
<script src="{{asset('assets/js/ajax-form.js')}}"></script>
<script src="{{asset('assets/js/slick.min.js')}}"></script>
<script src="{{asset('assets/js/wow.min.js')}}"></script>
<script src="{{asset('assets/js/isotope.pkgd.min.js')}}"></script>
<script src="{{asset('assets/js/vanilla-calendar-min.js')}}"></script>
<script src="{{asset('assets/js/imagesloaded.pkgd.min.js')}}"></script>
<script src="{{asset('assets/js/slick-animation.min.js')}}"></script>
<script src="{{asset('assets/js/main.js')}}"></script>
</body>


</html>
