<div hidden class="c-overlay-menu  js-overlay-nav">
    <nav class="c-overlay-menu__main" >

        <a href="/" class="c-overlay-menu__logo">
            @include('site.components.icons.logoSlender')
        </a>

        <ul class="c-overlay-menu__list">
            @foreach(config('site.navigation.mobile') as $navItem)

                @continue(empty($links->{$navItem}))

                <li class="c-overlay-menu__item  @if(in_array($navItem, ['teaching', 'enterprising'])) c-overlay-menu__item--with-icon @endif  @if((isset($page) && $page->code_name == $navItem ) || ( isset($parent) && $parent->node->code_name == $navItem) ) is-active @endif ">
                    <a class="c-overlay-menu__link" href="{{ $links->{$navItem}->route }}">
                        {{ $links->{$navItem}->name }}
                        <span class="c-overlay-menu__background"></span>
                    </a>
                </li>

            @endforeach

            <li class="c-overlay-menu__item  c-overlay-menu__item--shop">
                <a class="c-button  c-button--on-dark" href="https://slenderswooncomfort.nl" target="_blank">
                    <span class="c-button__text">
                        Webshop
                    </span>
                </a>
            </li>

        </ul>

    </nav>
</div>

<div class="c-overlay-menu__close  js-close-overlay-nav"></div>