<header role="banner">
    <div class="header-container">
        <div class="header-left">
            <div class="logo">
                <img
                    src="/images/Client1_LogoPalette2_F0C06D.png"
                    alt="Bloom Valley Nursery Logo">
            </div>
        </div>
        
        <div class="header-center">
            <div class="business-name-container">
                <p class="business-name">Bloom Valley Nursery</p>
            </div>
            <div class="nav-container">
                <nav role="navigation" aria-label="Main Navigation">
                    <ul>
                        <li>
                            <a href="/" {% if currentPage == 'index' %}class="current-page" aria-current="page"{% endif %}>Home</a>
                        </li>
                        <li>
                            <a href="/gallery/" {% if currentPage == 'gallery' %}class="current-page" aria-current="page"{% endif %}>Gallery</a>
                        </li>
                        <li>
                            <a href="/about/" {% if currentPage == 'about'%}class="current-page" aria-current="page"{% endif %}>About Us</a>
                        </li>
                        <li>
                            <a href="/community/" {% if currentPage == 'community' %}class="current-page community-link" aria-current="page"{% endif %}>Community Events</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        
        <div class="header-right">
            <button id="menu-toggle" class="menu-toggle" aria-label="Open navigation menu" aria-expanded="false">
                <i class="fa-solid fa-bars fa-2xl"></i>
            </button>
            <button id="shopping-cart" aria-label="Shopping Cart">
                <i class="fa-solid fa-cart-shopping"></i>
            </button>
        </div>
    </div>
</header>