Navbar centrada com logo no meio

Navbar — bloco Tailwind pronto a copiar.

Instalação

Bloco em HTML + Tailwind — sem dependências de build. Copie e cole diretamente no seu projeto.

html

<nav class="bg-white border-b border-gray-100">
  <div class="max-w-6xl mx-auto px-6 py-4 grid grid-cols-3 items-center">
    <div class="flex items-center gap-6 text-sm font-medium text-gray-600">
      <a href="#" class="hover:text-gray-900">Sobre</a>
      <a href="#" class="hover:text-gray-900">Serviços</a>
    </div>
    <a href="#" class="text-xl font-bold text-center">NOVA</a>
    <div class="flex items-center gap-6 text-sm font-medium text-gray-600 justify-end">
      <a href="#" class="hover:text-gray-900">Blog</a>
      <a href="#" class="bg-gray-900 text-white px-4 py-2 rounded-lg">Contacto</a>
    </div>
  </div>
</nav>