<header class="site-header" role="banner">
    <div class="container">
      <!-- Logo (Image) -->
      <a class="brand" href="/quiz.php">
        <img src="./assets/logo/ever-wardrobe-logo.png" alt="EverWardrobe Logo" width="50" height="50">
      </a>
  
      <!-- Hamburger Menu Button (Mobile) -->
      <button class="hamburger" aria-label="Toggle navigation" aria-expanded="false">
        <span></span>
        <span></span>
        <span></span>
      </button>
  
      <!-- Primary Navigation -->
      <nav class="primary-nav" aria-label="Primary" aria-expanded="false">
        <a href="/quiz.php">Start Your Style Quiz</a>
        <a href="/explore-personas.php">Explore Personas</a>
        <a href="/about-us.php" aria-current="page">About Us</a>
      </nav>
    </div>
  </header>