<nav class="navbar">
    <div class="container">
        <div class="nav-wrapper">
            <a href="{{ route('home') }}" class="logo">
                <img src="{{ asset('images/logo.jpg') }}" alt="{{ config('site.name') }} Logo" width="64" height="64">
                <span>{{ config('site.name') }}</span>
            </a>
            <button class="menu-toggle" aria-label="Toggle menu" aria-expanded="false" aria-controls="navMenu">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <ul class="nav-menu" id="navMenu">
                <li><a href="{{ route('home') }}" class="nav-link {{ request()->routeIs('home') ? 'active' : '' }}">Home</a></li>
                <li><a href="{{ route('about') }}" class="nav-link {{ request()->routeIs('about') ? 'active' : '' }}">About</a></li>
                <li><a href="{{ route('services') }}" class="nav-link {{ request()->routeIs('services') ? 'active' : '' }}">Services</a></li>
                <li><a href="{{ route('subscribe') }}" class="nav-link nav-cta {{ request()->routeIs('subscribe') ? 'active' : '' }}">Subscribe</a></li>
                <li><a href="{{ route('contact') }}" class="nav-link {{ request()->routeIs('contact') ? 'active' : '' }}">Contact</a></li>
            </ul>
        </div>
    </div>
</nav>
