vueloenglobo.mx/resources/views/template/menu.blade.php

<!-- resources/views/template/menu.blade.php -->
<!-- Navbar Premium -->
<nav class="navbar-premium">
    <div class="navbar-container">
        <!-- LOGO CORREGIDO - EN LÍNEA HORIZONTAL -->
        <a href="{{ url('/') }}" class="navbar-logo">
            <div class="logo-icon">
                <img src="{{ asset('assets/img/vueloenglobo/logo-vueloenglobo.png') }}" class="img img-fluid" width="50px" alt="Globo Puerto">
            </div>
            <div class="logo-text-container">
                <div class="logo-main-text">VUELO<span class="logo-gradient"> EN GLOBO</span></div>
                <div class="logo-subtext">AGENCIA DE VIAJES</div>
            </div>
        </a>

        <!-- Navegación Desktop (mismos links que mobile) -->
        <div class="nav-desktop">
            <div class="nav-item">
                <a href="{{ url('/') }}" class="nav-link {{ request()->is('/') ? 'active' : '' }}">
                    <i class="fas fa-home nav-icon"></i>
                    <span>Inicio</span>
                </a>
            </div>

            <div class="nav-item">
                <a href="{{ url('/vuelos-en-globo') }}" class="nav-link {{ request()->is('vuelos*') ? 'active' : '' }}">
                    <i class="fas fa-globe-americas nav-icon"></i>
                    <span>Nuestros Vuelos</span>
                </a>
            </div>

            <div class="nav-item">
                <a href="{{ url('/extras') }}" class="nav-link">
                    <i class="fas fa-star nav-icon"></i>
                    <span>Extras</span>
                </a>
            </div>

            {{-- <div class="nav-item">
                <a href="{{ url('/contacto') }}" class="nav-link">
                    <i class="fas fa-envelope nav-icon"></i>
                    <span>Contáctanos</span>
                </a>
            </div> --}}

            @php
                $locale = app()->getLocale();
            @endphp

            <div class="nav-item">
                @if ($locale === 'es')
                    <a href="{{ url('lang/en') }}" class="nav-link">
                        <i class="fas fa-language nav-icon"></i>
                        <span>English</span>
                    </a>
                @else
                    <a href="{{ url('lang/es') }}" class="nav-link">
                        <i class="fas fa-language nav-icon"></i>
                        <span>Español</span>
                    </a>
                @endif
            </div>
        </div>

        <!-- Acciones Desktop -->
        <div class="nav-actions">
            {{-- <button class="action-btn" id="searchBtn">
                <i class="fas fa-search"></i>
            </button> --}}

            <button class="action-btn theme-toggle" id="themeToggle">
                <i class="fas fa-sun"></i>
                <i class="fas fa-moon"></i>
            </button>


            <!-- Hamburger Menu (Mobile) -->
            <div class="hamburger-menu hide-desktop" id="hamburgerMenu">
                <div class="hamburger-line"></div>
                <div class="hamburger-line"></div>
                <div class="hamburger-line"></div>
            </div>
        </div>
    </div>
</nav>

<!-- Mobile Menu -->
<div class="mobile-menu" id="mobileMenu">
    <div class="mobile-menu-header">
        <a href="{{ url('/') }}" class="mobile-logo">
            <div class="logo-icon">
                <img src="{{ asset('assets/img/vueloenglobo/logo-vueloenglobo.png') }}" width="50px" alt="Globo Puerto">
            </div>
            <div class="mobile-logo-container">
                <div class="logo-main-text">VUELO<span class="logo-gradient"> EN GLOBO</span></div>
                <div class="logo-subtext">AGENCIA DE VIAJES</div>
            </div>
        </a>
        <button class="action-btn" id="closeMenu">
            <i class="fas fa-times"></i>
        </button>
    </div>

    <ul class="mobile-nav">
        <li class="mobile-nav-item">
            <a href="{{ url('/') }}" class="mobile-nav-link {{ request()->is('/') ? 'active' : '' }}">
                <i class="fas fa-home"></i>
                <span>Inicio</span>
            </a>
        </li>
        <li class="mobile-nav-item">
            <a href="{{ url('/vuelos-en-globo') }}"
                class="mobile-nav-link {{ request()->is('vuelos*') ? 'active' : '' }}">
                <i class="fas fa-globe-americas"></i>
                <span>Nuestros Vuelos</span>
            </a>
        </li>
        <li class="mobile-nav-item">
            <a href="{{ url('/extras') }}" class="mobile-nav-link">
                <i class="fas fa-star"></i>
                <span>Extras</span>
            </a>
        </li>
        {{-- <li class="mobile-nav-item">
            <a href="{{ url('/contacto') }}" class="mobile-nav-link">
                <i class="fas fa-envelope"></i>
                <span>Contáctanos</span>
            </a>
        </li> --}}
    </ul>

    <div class="mobile-actions">
        <button class="action-btn theme-toggle" style="justify-content: center; width: 100%;">
            <i class="fas fa-sun"></i>
            <i class="fas fa-moon"></i>
            <span style="margin-left: 10px;">Cambiar tema</span>
        </button>
        @isset($vuelo)
            {{-- <a class="cta-btn" id="mobileBookingBtn" style="width: 100%;">
                <span>Reservar Ahora</span>
                <i class="fas fa-arrow-right"></i>
            </a> --}}
        @endisset
    </div>
</div>

<!-- Overlay para mobile menu -->
<div class="menu-overlay" id="menuOverlay"></div>