<div id="navigation">
    {{--<div class="shader" id="shader"></div>--}}

    <div class="menu">
        <nav>
            <div class="menu-list">
                <ul>
                    @foreach(\Config::get('site.full_navigation') as $item)
                        @if(isset($links->{$item}))
                            <li @if(isset($page->code_name) && $page->code_name == $item) class="active" @endif>
                                <a href="/@if($links->{$item}->route !== '/'){{$links->{$item}->route}}@endif">{{$links->{$item}->name}}</a>
                            </li>
                        @endif
                    @endforeach
                </ul>
            </div>
            <a href="/{{$links->advice->route}}">
                @include('site.components.button', ['buttonText' => "Plan een adviesgesprek", 'modifiers' => ['icon']])
            </a>
        </nav>

        <div class="menu-background">
            <div class="menu-background__corner-curve">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1921.72 192.32"><path d="M0,20.72q411.47,171.6,960.86,171.6t960.86-171.6V0H0Z" style="fill:currentColor"/></svg>
            </div>
        </div>
    </div>
</div>