80)"
@mouseenter="isNavHovered = true"
@mouseleave="isNavHovered = false; setTimeout(() => { if(!isNavHovered) { isMenuHovered = false; activeMenuSection = null; } }, 100)"
:class="isDarkTheme ? 'bg-black text-white' : (isMenuHovered || isScrolled ? 'bg-white shadow-sm' : 'bg-transparent')"
class="w-full sticky top-0 transition-all duration-200 z-50"
id="main-navbar"
x-cloak>