base setup

templates/includes/public_navbar.html

@@ -0,0 +1,30 @@
+{% load static %}
+<nav class="bg-[#111111] text-white">
+  <div class="max-w-7xl mx-auto px-6 lg:px-8">
+    <div class="flex items-center justify-between h-20"> <!-- h-20 ≈ py-5 equivalent for consistent height -->
+      <!-- Left: Logo -->
+      <div class="flex items-center">
+        <img src="{% static 'images/logo.svg' %}" alt="B42 Logo" class="h-10 w-auto">
+      </div>
+
+      <!-- Right: CTA Button (visible on all screens) -->
+      <div class="flex items-center">
+        <a href="#" class="bg-white text-black font-bold text-lg px-8 py-3 rounded-full hover:bg-gray-200 transition duration-200">
+          BOOST YOUR GAME
+        </a>
+      </div>
+
+      <!-- Mobile menu button (optional - hidden on md+ if you don't need a mobile menu) -->
+      <!-- Uncomment if you plan to add a mobile menu later -->
+      <!--
+      <div class="md:hidden">
+        <button type="button" class="text-white hover:text-gray-300 focus:outline-none">
+          <svg class="h-8 w-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
+          </svg>
+        </button>
+      </div>
+      -->
+    </div>
+  </div>
+</nav>