<header>
  <nav id="topnav" role="navigation" aria-label="Main navigation">
    <div class="nav-inner">
      <a class="nav-logo" href="{{ route('home') }}"><img src="{{ asset('images/logo.png') }}" alt="Nexa Tech"></a>
      <ul class="nav-links" id="navLinks">
        <li><a href="{{ route('home') }}" @if(request()->routeIs('home')) class="active" @endif>Home</a></li>
        <li><a href="{{ route('about') }}" @if(request()->routeIs('about')) class="active" @endif>About</a></li>
        <li><a href="{{ route('services') }}" @if(request()->routeIs('services')) class="active" @endif>Services</a></li>
        <li><a href="{{ route('contact') }}" @if(request()->routeIs('contact')) class="active" @endif>Contact</a></li>
        {{-- <li><a href="{{ route('portfolio') }}" @if(request()->routeIs('portfolio')) class="active" @endif>Portfolio</a></li> --}}
        
        {{-- <li><a href="{{ route('insights') }}" @if(request()->routeIs('insights') || request()->routeIs('insight.detail')) class="active" @endif>Insights</a></li> --}}
      </ul>
      <div class="d-flex align-items-center">
          <a href="{{ route('contact') }}" class="nav-cta ripple-host" id="navCta">
          Let's Talk <i class="fas fa-arrow-right" style="font-size:.8rem"></i>
        </a>
        <button class="nav-burger" id="navBurger" aria-label="Toggle menu" aria-expanded="false">
          <i class="fas fa-bars" id="burgerIcon"></i>
        </button>
      </div>
    </div>
  </nav>
</header>
