{% load static %}
<nav class="fixed top-0 left-0 right-0 z-50 w-full bg-[#111111] text-white shadow-lg backdrop-blur-md bg-opacity-95 transition-all">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex items-center justify-between h-20">

      <!-- Left: Logo -->
      <div class="flex items-center">
        <a href="/">
          <img src="{% static 'images/logo.png' %}" alt="B42 Logo" class="h-10 w-auto">
        </a>
      </div>

      <!-- Right: CTA Button -->
      <div class="flex items-center">
        <a href="#" class="
          bg-white text-black font-bold rounded-full hover:bg-gray-200 transition duration-200
          px-5 py-2.5 text-sm
          md:px-8 md:py-3 md:text-lg
        ">
          BOOST YOUR GAME
        </a>
      </div>

    </div>
  </div>
</nav>