<nav class="c-nav" role="navigation">

    <ul class="c-nav__list">
        @foreach(config('site.navigation') as $navItem)
            @continue(empty($links->{$navItem}))

            <li class="c-nav__item @if(isset($page->code_name) && $page->code_name == $navItem) is-active @endif" data-kal="fade" style="--kal-duration: 300ms; --kal-delay: {{$loop->index * 0.06}}s">
                <a class="c-nav__link" href="{{ $links->{$navItem}->route }}" @if(!empty($navPreventTab)) tabindex="-1" @endif>{{ $links->{$navItem}->name }}</a>
            </li>
        @endforeach
    </ul>

</nav>