Usthad Hotel Isaimini _hot_ -

<!-- Mobile Menu --> <div id="mobile-menu" class="lg:hidden hidden border-t border-white/5 bg-brand-dark/95 backdrop-blur-lg"> <div class="px-6 py-6 flex flex-col gap-4"> <a href="#movies" onclick="toggleMobileMenu()" class="text-sm font-semibold text-slate-300 hover:text-brand-orange transition-colors py-2">Movies</a> <a href="#music" onclick="toggleMobileMenu()" class="text-sm font-semibold text-slate-300 hover:text-brand-orange transition-colors py-2">Music</a> <a href="#genres" onclick="toggleMobileMenu()" class="text-sm font-semibold text-slate-300 hover:text-brand-orange transition-colors py-2">Genres</a> <a href="#trending" onclick="toggleMobileMenu()" class="text-sm font-semibold text-slate-300 hover:text-brand-orange transition-colors py-2">Trending</a> <a href="#about" onclick="toggleMobileMenu()" class="text-sm font-semibold text-slate-300 hover:text-brand-orange transition-colors py-2">About</a> <button onclick="showToast('Welcome! Login feature coming soon.'); toggleMobileMenu();" class="mt-2 w-full bg-brand-orange text-white text-xs font-bold uppercase tracking-widest px-5 py-3 rounded-full">Login</button> </div> </div> </nav>

<!-- Navigation --> <nav class="glass-nav fixed top-0 left-0 right-0 z-50 border-b border-white/5 animate-slide-down"> <div class="max-w-[1400px] mx-auto px-6 h-20 flex items-center justify-between"> <!-- Logo --> <a href="#" class="flex items-center gap-3 group"> <div class="w-10 h-10 rounded-xl bg-brand-orange flex items-center justify-center shadow-lg group-hover:shadow-orange-900/40 transition-all duration-300"> <i data-lucide="utensils" class="w-5 h-5 text-white"></i> </div> <div class="flex flex-col"> <span class="text-white font-serif text-lg font-semibold leading-tight tracking-tight">Usthad Hotel</span> <span class="text-brand-orange text-[10px] font-bold tracking-[0.2em] uppercase">Isaimini</span> </div> </a> usthad hotel isaimini