<div class="o-checkout-header  is-header-light">
    <div class="o-checkout-header__nav  c-nav">

        <div class="o-checkout-header__logo">
            <a class="o-header__logo" href="{{ $links->home->route ?? '/' }}" @if(!empty($isSticky)) tabindex="-1" aria-label="Home" @endif>
                @include('site.components.icons.logo')
            </a>
        </div>

        <div class="o-checkout-header__nav-list">
            <ul class="c-nav__list  c-nav__list--align-right">
    {{--            <li class="c-nav__item">--}}
    {{--                <a class="c-nav__link  c-nav__link--icon" href="#0" aria-label="inloggen">--}}
    {{--                    <i>@include('site.components.icons.user')</i>--}}
    {{--                    <span>Inloggen</span>--}}
    {{--                </a>--}}
    {{--            </li>--}}
                <li class="c-nav__item">
                    <a class="c-nav__link  c-nav__link--icon  u-phone-ring-animation" href="tel::{{config('site.company.phone.call')}}" aria-label="telefoonnummer">
                        <i class="u-color-positive">@include('site.components.icons.phone')</i>
                        <span>{{config('site.company.phone.display')}}</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="o-checkout-header__flow">
        @include('site.components.flow')
    </div>
</div>