<header>

    <nav class="{{$headerColor}}">
        <div class="container portal-link">
            <a href="https://vve.aprt.app/" target="_blank"><i class="material-icons">person</i> VvE Portaal</a>
        </div>
        <div class="container main-container">
            <a class="logo" href="/">
                <img src="/img/{{$headerColor ? "header-logo-white.svg": "header-logo.svg"}}" alt="appartement logo"/>
            </a>
            <div class="divider"></div>
            <div class="desktop-links">
                <a href="/demo">Demo</a>
                <a href="/prijzen">Prijzen</a>
                <a href="/white-label">VvE Beheerders</a>
                <a href="/over-ons">Over Appartement</a>
                <a href="/helpdesk">Helpdesk</a>
                <a href="/contact">Contact</a>
            </div>
            <a class="goto-button" href="/30-day-trial"><span>30 dagen</span> GRATIS uitproberen</a>
            <button id="menu-button" class="{{$headerColor}}" aria-label="open menu"><div></div><div></div><div></div></button>
        </div>
    </nav>


    <div class="full-menu">
        <nav>
            <div class="container">
                <a class="logo" href="">
                    <img src="/img/header-logo-white.svg" alt="appartement logo"/>
                </a>
                <div class="divider"></div>
                <button id="menu-button-close" aria-label="close menu"><i class="material-icons">close</i></button>
            </div>
        </nav>
        <div class="content">
            <div class="container">
                <img src="/img/shared/clouds-white.svg" class="clouds" alt="clouds"/>
                <img src="/img/shared/buildings-white.svg" class="buildings" alt="buildings"/>

                <div class="row">
                    <div class="col-xl-7 col-lg-6 col-md-7 col-12">
                        <ul>
                            <li><a href="/demo" class="{{$linkActive === "demo" ? "active" : ""}}">Demo</a></li>
                            <li><a href="/software" class="{{$linkActive === "software" ? "active" : ""}}">Software</a></li>
                            <li><a href="{{$links["pricing"]}}" class="{{$linkActive === "pricing" ? "active" : ""}}">Prijzen</a></li>
                            <li><a href="/white-label" class="{{$linkActive === "white-label" ? "active" : ""}}">White Label</a></li>
{{--                            <li><a href="">Enterprise oplossingen</a></li>--}}
{{--                            <li><a href="">Referenties</a></li>--}}
                            <li><a href="{{$links["aboutUs"]}}"  class="{{$linkActive === "about-us" ? "active" : ""}}">Over Appartement</a></li>
                            <li><a href="/contact" class="{{$linkActive === "contact" ? "active" : ""}}">Contact</a></li>
{{--                            <li><a href="">FAQ</a></li>--}}
                            <li><a href="/helpdesk">Helpdesk</a></li>
                        </ul>

                    </div>
                    <div class="col-xl-5 col-lg-6 col-md-5 col-12">
                        <div class="centralized">
                            <div>
                                <div class="free-title">
                                    30 dagen testen. Probeer nu.
                                </div>
                                <a  href="/30-day-trial" class="simple-button">30 DAGEN TRIAL</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>



    </div>
</header>


