  <div class="menu-container">
        <nav>
            <div class="menu-left">
                <a href="index.php" class="menu-item">Home</a>
                <div class="dropdown">
                    <a href="about-us.php" class="menu-item">About</a>
                    <div class="dropdown-content">
                        <a href="our-story.php">Our Story</a>
                        <a href="our-work.php">Our Work</a>
                        <a href="team.php">Team</a>
                    </div>
                </div>
                <div class="dropdown">
                    <a href="#" class="menu-item">Projects</a>
                    <div class="dropdown-content">
                        <a href="kintu-nambi.php">Kintu & Nambi</a>
                        <a href="gipiir-labongo.php">Gipiir & Labongo</a>
                        <a href="cultural-folktales.php">Cultural Shorts & Folktales Series</a>
                    </div>
                </div>
            </div>
            
            <div class="logo-container">
             <div class="logo">
                <img src="./assets/images/ngazi-logo.jpg" alt="Ngazi Arts Logo">
              </div>
              <div class="logo-circle"></div>
              <div class="logo-circle"></div>
              <div class="logo-circle"></div>
            </div>
            
            <div class="menu-right">
                <a href="impact.php" class="menu-item">Impact</a>
                <a href="collaborate.php" class="menu-item">Collaborate</a>
                <a href="contact.php" class="menu-item">Contact</a>
            </div>
            
            <button class="mobile-toggle">
                <i class="fas fa-bars"></i>
            </button>
        </nav>
    </div>

    <script>
        document.querySelector('.mobile-toggle').addEventListener('click', function() {
            document.querySelector('.menu-left').classList.toggle('menu-active');
            document.querySelector('.menu-right').classList.toggle('menu-active');
        });

        // Mobile dropdown functionality
        if (window.innerWidth <= 768) {
            document.querySelectorAll('.dropdown > .menu-item').forEach(item => {
                item.addEventListener('click', function(e) {
                    e.preventDefault();
                    this.parentElement.classList.toggle('active');
                });
            });
        }
    </script>