<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Hotel Bardan Boutique - A boutique family hotel centrally located in Kathmandu, near Pashupatinath Temple and Tribhuwan International Airport.">
    <meta name="keywords" content="hotel, boutique hotel, kathmandu hotel, nepal hotel, pashupatinath, accommodation">
    <meta name="author" content="Hotel Bardan Boutique">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    
    <title><?php echo $__env->yieldContent('title', 'Hotel Bardan Boutique - More Than A Hotel...An Experience'); ?></title>
    
    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- Styles -->
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body class="antialiased">
    <!-- Navigation -->
    <nav id="navbar" class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 glass">
        <div class="container-custom">
            <div class="flex items-center justify-between h-20">
                <!-- Logo -->
                <a href="<?php echo e(route('home')); ?>" class="flex items-center space-x-2">
                    <div class="w-12 h-12 bg-gradient-to-br from-primary-600 to-accent-600 rounded-lg flex items-center justify-center">
                        <span class="text-white font-display font-bold text-2xl">B</span>
                    </div>
                    <div class="hidden md:block">
                        <span class="text-xl font-display font-bold text-gray-900">Hotel Bardan</span>
                        <span class="block text-xs text-gray-600 font-medium">Boutique Experience</span>
                    </div>
                </a>
                
                <!-- Desktop Navigation -->
                <div class="hidden lg:flex items-center space-x-8">
                    <a href="<?php echo e(route('home')); ?>" class="nav-link <?php echo e(request()->routeIs('home') ? 'nav-link-active' : ''); ?>">Home</a>
                    <a href="<?php echo e(route('about')); ?>" class="nav-link <?php echo e(request()->routeIs('about') ? 'nav-link-active' : ''); ?>">About Us</a>
                    <div class="relative group">
                        <a href="<?php echo e(route('rooms.index')); ?>" class="nav-link <?php echo e(request()->routeIs('rooms.*') ? 'nav-link-active' : ''); ?>">
                            Rooms
                            <svg class="w-4 h-4 inline-block ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                            </svg>
                        </a>
                        <!-- Dropdown -->
                        <div class="absolute left-0 mt-2 w-56 rounded-lg shadow-lg bg-white ring-1 ring-black ring-opacity-5 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                            <div class="py-2">
                                <a href="<?php echo e(route('rooms.index')); ?>" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary-50">All Rooms</a>
                                <a href="<?php echo e(route('rooms.show', 'deluxe-boutique')); ?>" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary-50">Deluxe Boutique</a>
                                <a href="<?php echo e(route('rooms.show', 'deluxe-twin-boutique')); ?>" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary-50">Deluxe Twin</a>
                                <a href="<?php echo e(route('rooms.show', 'executive-boutique')); ?>" class="block px-4 py-2 text-sm text-gray-700 hover:bg-primary-50">Executive Boutique</a>
                            </div>
                        </div>
                    </div>
                    <a href="<?php echo e(route('services')); ?>" class="nav-link <?php echo e(request()->routeIs('services') ? 'nav-link-active' : ''); ?>">Services</a>
                    <a href="<?php echo e(route('gallery')); ?>" class="nav-link <?php echo e(request()->routeIs('gallery') ? 'nav-link-active' : ''); ?>">Gallery</a>
                    <a href="<?php echo e(route('contact.index')); ?>" class="nav-link <?php echo e(request()->routeIs('contact.*') ? 'nav-link-active' : ''); ?>">Contact</a>
                    <a href="<?php echo e(route('contact.index')); ?>#booking" class="btn btn-primary">Book Now</a>
                </div>
                
                <!-- Mobile Menu Button -->
                <button id="mobile-menu-button" class="lg:hidden flex flex-col space-y-1.5 p-2 focus:outline-none">
                    <span class="w-6 h-0.5 bg-gray-900 transition-all duration-300"></span>
                    <span class="w-6 h-0.5 bg-gray-900 transition-all duration-300"></span>
                    <span class="w-6 h-0.5 bg-gray-900 transition-all duration-300"></span>
                </button>
            </div>
        </div>
        
        <!-- Mobile Menu -->
        <div id="mobile-menu" class="hidden lg:hidden glass border-t">
            <div class="container-custom py-4 space-y-3">
                <a href="<?php echo e(route('home')); ?>" class="block nav-link <?php echo e(request()->routeIs('home') ? 'nav-link-active' : ''); ?>">Home</a>
                <a href="<?php echo e(route('about')); ?>" class="block nav-link <?php echo e(request()->routeIs('about') ? 'nav-link-active' : ''); ?>">About Us</a>
                <a href="<?php echo e(route('rooms.index')); ?>" class="block nav-link <?php echo e(request()->routeIs('rooms.*') ? 'nav-link-active' : ''); ?>">Rooms</a>
                <a href="<?php echo e(route('services')); ?>" class="block nav-link <?php echo e(request()->routeIs('services') ? 'nav-link-active' : ''); ?>">Services</a>
                <a href="<?php echo e(route('gallery')); ?>" class="block nav-link <?php echo e(request()->routeIs('gallery') ? 'nav-link-active' : ''); ?>">Gallery</a>
                <a href="<?php echo e(route('contact.index')); ?>" class="block nav-link <?php echo e(request()->routeIs('contact.*') ? 'nav-link-active' : ''); ?>">Contact</a>
                <a href="<?php echo e(route('contact.index')); ?>#booking" class="btn btn-primary w-full">Book Now</a>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <main class="pt-20">
        <?php if(session('success')): ?>
            <div class="alert-success fixed top-24 right-4 z-50 px-6 py-4 bg-green-500 text-white rounded-lg shadow-lg animate-fade-in-down">
                <?php echo e(session('success')); ?>

            </div>
        <?php endif; ?>
        
        <?php if(session('error')): ?>
            <div class="alert-error fixed top-24 right-4 z-50 px-6 py-4 bg-red-500 text-white rounded-lg shadow-lg animate-fade-in-down">
                <?php echo e(session('error')); ?>

            </div>
        <?php endif; ?>
        
        <?php echo $__env->yieldContent('content'); ?>
    </main>

    <!-- Footer -->
    <footer class="bg-dark-900 text-gray-300">
        <div class="container-custom py-16">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
                <!-- About -->
                <div>
                    <div class="flex items-center space-x-2 mb-4">
                        <div class="w-10 h-10 bg-gradient-to-br from-primary-600 to-accent-600 rounded-lg flex items-center justify-center">
                            <span class="text-white font-display font-bold text-xl">B</span>
                        </div>
                        <span class="text-lg font-display font-bold text-white">Hotel Bardan</span>
                    </div>
                    <p class="text-sm mb-4">More than a hotel... an experience. Centrally located at Battisputali, Gaushala, within walking distance from the Holy Temple of Lord Pashupatinath.</p>
                    <div class="flex space-x-3">
                        <a href="#" class="w-8 h-8 bg-gray-700 rounded-full flex items-center justify-center hover:bg-primary-600 transition-colors">
                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
                        </a>
                        <a href="#" class="w-8 h-8 bg-gray-700 rounded-full flex items-center justify-center hover:bg-primary-600 transition-colors">
                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
                        </a>
                        <a href="#" class="w-8 h-8 bg-gray-700 rounded-full flex items-center justify-center hover:bg-primary-600 transition-colors">
                            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
                        </a>
                    </div>
                </div>
                
                <!-- Quick Links -->
                <div>
                    <h3 class="text-white font-display font-bold text-lg mb-4">Quick Links</h3>
                    <ul class="space-y-2">
                        <li><a href="<?php echo e(route('home')); ?>" class="hover:text-primary-400 transition-colors">Home</a></li>
                        <li><a href="<?php echo e(route('about')); ?>" class="hover:text-primary-400 transition-colors">About Us</a></li>
                        <li><a href="<?php echo e(route('rooms.index')); ?>" class="hover:text-primary-400 transition-colors">Rooms</a></li>
                        <li><a href="<?php echo e(route('services')); ?>" class="hover:text-primary-400 transition-colors">Services</a></li>
                        <li><a href="<?php echo e(route('gallery')); ?>" class="hover:text-primary-400 transition-colors">Gallery</a></li>
                        <li><a href="<?php echo e(route('contact.index')); ?>" class="hover:text-primary-400 transition-colors">Contact Us</a></li>
                    </ul>
                </div>
                
                <!-- Nearby Attractions -->
                <div>
                    <h3 class="text-white font-display font-bold text-lg mb-4">Nearby Attractions</h3>
                    <ul class="space-y-2">
                        <li><a href="<?php echo e(route('pashupatinath')); ?>" class="hover:text-primary-400 transition-colors">Pashupatinath Temple</a></li>
                        <li><a href="<?php echo e(route('boudhanath')); ?>" class="hover:text-primary-400 transition-colors">Boudhanath Stupa</a></li>
                        <li><a href="<?php echo e(route('kathmandu-durbar-square')); ?>" class="hover:text-primary-400 transition-colors">Kathmandu Durbar Square</a></li>
                    </ul>
                </div>
                
                <!-- Contact Info -->
                <div>
                    <h3 class="text-white font-display font-bold text-lg mb-4">Contact Info</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-primary-400 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
                            </svg>
                            <span class="text-sm">Battisputali, Gaushala<br>Kathmandu, Nepal</span>
                        </li>
                        <li class="flex items-center space-x-3">
                            <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
                            </svg>
                            <span class="text-sm">+977-1-4599977<br>+977-1-4597977</span>
                        </li>
                        <li class="flex items-center space-x-3">
                            <svg class="w-5 h-5 text-primary-400 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                            </svg>
                            <span class="text-sm">info@hotelbardanboutique.com</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        
        <!-- Copyright -->
        <div class="border-t border-gray-700">
            <div class="container-custom py-6">
                <div class="flex flex-col md:flex-row justify-between items-center text-sm">
                    <p>&copy; <?php echo e(date('Y')); ?> Hotel Bardan Boutique. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- Back to Top Button -->
    <button id="back-to-top" class="hidden fixed bottom-8 right-8 w-12 h-12 bg-primary-600 text-white rounded-full shadow-lg hover:bg-primary-700 transition-all duration-300 hover:scale-110 z-40 no-print">
        <svg class="w-6 h-6 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
        </svg>
    </button>

    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>

<?php /**PATH /Users/sumankc/Desktop/Hotel Bardan Boutique/resources/views/layouts/app.blade.php ENDPATH**/ ?>