<!-- Navigation -->
    
{% load static %}

<style>
        /* html smooth scrolling */
        html {
            scroll-behavior: smooth;
        }
    </style>
<nav id="navbar">
        <div class="container">
            <div class="nav-content">
                <div class="logo">
                    <img src="{% static 'assets/img/logo-ecolux.png' %}" alt="ECOLUX BTP">
                </div>
                <div class="nav-menu" id="navMenu">
                    <a href="/#home" class="nav-link">Accueil</a>
                    <a href="{% url 'app:about' %}" class="nav-link">À propos</a>
                    <a href="/#services" class="nav-link">Services</a>
                    <a href="{% url 'app:shop' %}" class="nav-link">Boutique</a>
                    <a href="{% url 'app:packs' %}" class="nav-link">Nos Packs</a>
                    <a href="{% url 'app:simulation' %}" class="nav-link">Estimation</a>
                    <a href="{% url 'app:projects_list' %}" class="nav-link">Réalisations</a>
                    <a href="{% url 'app:blog_list' %}" class="nav-link">Blog</a>
                    
                    <a href="/#contact" class="nav-link">Contact</a>
                    <a href="{% url 'app:dashboard_home' %}" style="margin-left: 1rem;" class="btn-primary">Ecolux connect</a>
                </div>
                <button class="mobile-toggle"  id="mobileToggle">
                    <span style="background-color: #d4af37 !important;"></span>
                    <span style="background-color: #d4af37 !important;"></span>
                    <span style="background-color: #d4af37 !important;"></span>
                </button>
            </div>
        </div>
    </nav>