           <!-- Brand -->
              <div class="flex items-center">
                <a href="/" class="flex items-center hover:opacity-80 transition-opacity duration-200">
                  <img src="{{logo}}" alt="PeelJobs Logo" class="h-8 w-auto mr-3 object-contain">
                  <span class="text-2xl font-bold text-blue-600 hover:text-blue-700 transition-colors duration-200">Peeljobs</span>
                </a>
              </div>

              <!-- Desktop Menu -->
              <div class="h