navdarkbeginner

Dark Navbar

A solid dark navigation bar with logo, links, and a prominent CTA button.

Preview

<nav class="bg-gray-900 border-b border-gray-800 px-6 py-3">
  <div class="max-w-7xl mx-auto flex items-center justify-between">
    <a href="#" class="text-xl font-bold text-white">Brand</a>
    <div class="hidden md:flex items-center gap-6">
      <a href="#" class="text-gray-400 hover:text-white transition-colors text-sm">Features</a>
      <a href="#" class="text-gray-400 hover:text-white transition-colors text-sm">Pricing</a>
      <a href="#" class="text-gray-400 hover:text-white transition-colors text-sm">Docs</a>
      <a href="#" class="px-4 py-2 bg-indigo-600 text-white text-sm font-medium rounded-lg hover:bg-indigo-700 transition-colors">Get Started</a>
    </div>
  </div>
</nav>