<header class="site-header {% block header_classes %}{% endblock %}"> <nav class="navbar navbar-expand-lg {% block navbar_theme %}navbar-light bg-white{% endblock %}"> <div class="container"> <a class="navbar-brand d-flex align-items-center gap-2 py-2" href="{{ path('app') }}"> <img src="{{ asset('img/otropik-logo.png') }}" alt="Otropik" width="72" height="36" class="d-inline-block"> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Basculer la navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainNav"> <ul class="navbar-nav ms-auto mb-2 mb-lg-0 align-items-lg-center"> {# <li class="nav-item"><a class="nav-link" href="{#{ path('app_destinations') }}">Destinations</a></li> #} <li class="nav-item"><a class="nav-link" href="{{ path('o.circuit') }}">O'Circuit</a></li> <li class="nav-item"><a class="nav-link" href="{{ path('o.escapade') }}">O'Escapade</a></li> <li class="nav-item"><a class="nav-link" href="{{ path('o.roadtrip') }}">O'Roadtrip</a></li> <li class="nav-item"><a class="nav-link" href="{{ path('o.croisiere') }}">O'Croisière</a></li> {# <li class="nav-item"><a class="nav-link" href="{#{ path('app_receptif') }}">Réceptif Guadeloupe</a></li>#} {# <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">À propos</a> <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{#{ path('app_agence') }}">L'agence</a></li> <li><a class="dropdown-item" href="{#{ path('app_contact') }}">Contact</a></li> </ul> </li> #} <li class="nav-item"><a class="nav-link" href="{{ path('o.contact') }}">Contact</a></li> <li class="nav-item ms-lg-3"> <a class="btn btn-primary" href="{{ path('o.devis') }}">Demander un devis</a> </li> </ul> </div> </div> </nav></header>