Responsive Navigation Bar with Logo and Actions

<div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
  <!-- Logo Area -->
  <div class="flex items-center gap-2">
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24"
      data-icon="solar:infinity-bold" class="iconify text-orange-500 text-3xl iconify--solar">
      <path fill="currentColor" fill-rule="evenodd"
        d="M7 7.75a4.25 4.25 0 0 0 0 8.5c.597 0 1.045-.107 1.407-.284c.362-.176.679-.442.986-.816c.54-.66.983-1.558 1.567-2.741q.175-.355.37-.744l.34-.69c.581-1.181 1.117-2.27 1.777-3.075c.41-.501.89-.923 1.49-1.215S16.216 6.25 17 6.25a5.75 5.75 0 1 1-3.45 10.35a.75.75 0 0 1 .9-1.2A4.25 4.25 0 1 0 17 7.75c-.597 0-1.045.107-1.407.284c-.362.176-.679.442-.986.816c-.54.66-.983 1.558-1.567 2.741q-.175.355-.37.744l-.34.69c-.581 1.181-1.117 2.27-1.777 3.076c-.41.5-.89.922-1.49 1.214s-1.28.435-2.063.435A5.75 5.75 0 1 1 10.451 7.4a.75.75 0 1 1-.901 1.2A4.23 4.23 0 0 0 7 7.75"
        clip-rule="evenodd" class=""></path>
    </svg>
    <span class="text-xl font-semibold tracking-tight text-white">niiC0</span>
  </div>

  <!-- Desktop Nav -->
  <div class="hidden md:flex items-center gap-8">
    <a href="#"
      class="text-sm font-normal text-gray-400 hover:text-white transition-colors flex items-center gap-1 group">
      Platform
      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="1em" height="1em" viewBox="0 0 24 24"
        data-icon="lucide:chevron-down" style="width: 12px; height: 12px;"
        class="iconify text-gray-600 group-hover:text-white transition-colors iconify--lucide">
        <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
          d="m6 9l6 6l6-6"></path>
      </svg>
    </a>
    <a href="#" class="text-sm font-normal text-gray-400 hover:text-white transition-colors">Solutions</a>
    <a href="#" class="text-sm font-normal text-gray-400 hover:text-white transition-colors">Developers</a>
    <a href="#" class="text-sm font-normal text-gray-400 hover:text-white transition-colors">Pricing</a>
  </div>

  <!-- Right Actions -->
  <div class="flex items-center gap-6">
    <a href="#" class="hidden md:flex items-center gap-1 text-sm font-normal text-gray-300 hover:text-white">
      Sign In
    </a>
    <button class="relative rounded-full bg-white/5 border border-white/10 px-5 py-2 text-xs font-semibold tracking-wide text-white hover:bg-white/10 transition-all duration-300 overflow-hidden group">
                    <span class="relative z-10 uppercase">Contact Sales</span>
                    <div class="absolute inset-0 bg-gradient-to-r from-transparent via-cyan-500/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-700"></div>
                </button>
  </div>
</div>
</nav>