{{-- path: resources/views/partials/navigation.blade.php
     TEMPORARY: static nav matching the mockup's IA. Replaced by a CMS-driven
     `Domain\CMS\Services\MenuService` render once the CMS module ships
     (blueprint §23 step 2) — the menu items shown here (Resources, Store,
     Academy, Workspace, Corporate, Insights, Community, About, Contact)
     become editable in Admin at that point without a code change. --}}
<nav class="navbar navbar-expand-lg" style="background-color: var(--cn-white); border-bottom: 1px solid var(--cn-border);">
    <div class="container">
        <a class="navbar-brand cn-heading fw-bold" href="{{ url('/') }}" style="color: var(--cn-green);">
            CafeNaija <span class="fw-normal" style="font-size: 0.7em;">COWORK</span>
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#cnNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="cnNav">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item"><a class="nav-link" href="{{ url('/resources') }}">Resources</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ url('/store') }}">Store</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ url('/academy') }}">Academy</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ url('/workspace') }}">Workspace</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ url('/corporate') }}">Corporate</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ url('/about') }}">About</a></li>
                <li class="nav-item"><a class="nav-link" href="{{ url('/contact') }}">Contact</a></li>
            </ul>
            <div class="d-flex gap-2 ms-lg-3 mt-3 mt-lg-0">
                @auth
                    <x-cn-button href="{{ url('/member/dashboard') }}" variant="outline">Account</x-cn-button>
                @else
                    <x-cn-button href="{{ route('login') }}" variant="outline">Login</x-cn-button>
                    <x-cn-button href="{{ route('register') }}">Get Started</x-cn-button>
                @endauth
            </div>
        </div>
    </div>
</nav>