<nav class="c-nav">
    <ul class="c-nav__list">
        {{--@foreach(\Config::get('site.navigation') as $navItem)--}}
        {{--@if(isset($links->{$navItem}))--}}
        {{--<li class="c-nav__item @if(isset($page->code_name) && $page->code_name == $navItem) active @endif ">--}}
        {{--<a href="/@if($links->{$navItem}->route !== '/'){{$links->{$navItem}->route}}@endif">{{$links->{$navItem}->name}}</a>--}}
        {{--</li>--}}
        {{--@endif--}}
        {{--@endforeach--}}

        <li class="c-nav__item  js-subnav-trigger">
            <a class="c-nav__link" href="#0">Product
                <i class="c-nav__icon">@include('site.components.icons.arrowhead')</i>
            </a>
            <div class="c-subnav  js-subnav">
                <div class="c-subnav__arrow  js-subnav-arrow"></div>
                <div class="c-subnav__main">
                    <div class="c-subnav__grid">
                        <ul class="c-subnav__column">
                            <li class="c-subnav__groupheader">
                                <i class="c-subnav__groupicon">@include('site.components.icons.subnav-header-icon-1')</i>
                                <h3 class="c-subnav__groupname">Manage</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a href="" class="c-subnav__link">
                                    <h4 class="c-subnav__title">Inventory</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">CRM</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet conseceteur</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Repairs & Maintenance</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet abc</p>
                                </a>
                            </li>
                        </ul>
                        <ul class="c-subnav__column">
                            <li class="c-subnav__groupheader">
                                <i class="c-subnav__groupicon">@include('site.components.icons.subnav-header-icon-1')</i>
                                <h3 class="c-subnav__groupname">Plan</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Project planning</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Equipment</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Crew and vehicles</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                        </ul>
                        <ul class="c-subnav__column">
                            <li class="c-subnav__groupheader">
                                <i class="c-subnav__groupicon">@include('site.components.icons.subnav-header-icon-1')</i>
                                <h3 class="c-subnav__groupname">Communicate</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Inventory</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Team collaboration</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                        </ul>
                        <ul class="c-subnav__column">
                            <li class="c-subnav__groupheader">
                                <i class="c-subnav__groupicon">@include('site.components.icons.subnav-header-icon-1')</i>
                                <h3 class="c-subnav__groupname">Control</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Financial</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Warehouse</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Analytics and reports</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="c-subnav__footer">
                        <a class="c-subnav__cta  c-button  c-button--ghost">
                            <span class="c-button__text">See all features</span>
                        </a>
                    </div>
                </div>
            </div>
        </li>
        <li class="c-nav__item  js-subnav-trigger">
            <a class="c-nav__link" href="#0">Solutions
                <i class="c-nav__icon">@include('site.components.icons.arrowhead')</i>
            </a>
            <div class="c-subnav  js-subnav">
                <div class="c-subnav__arrow  js-subnav-arrow"></div>
                <div class="c-subnav__main">
                    <div class="c-subnav__grid">
                        <ul class="c-subnav__column">
                            <li class="c-subnav__groupheader">
                                <i class="c-subnav__groupicon">@include('site.components.icons.subnav-header-icon-1')</i>
                                <h3 class="c-subnav__groupname">By company size</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">ZZP'er - Drive in show</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet bla bla bla bla bla bla bla bla</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Small rental business</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Enterprise</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                        </ul>
                        <ul class="c-subnav__column">
                            <li class="c-subnav__groupheader">
                                <i class="c-subnav__groupicon">@include('site.components.icons.subnav-header-icon-1')</i>
                                <h3 class="c-subnav__groupname">By industry</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Dry hire</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">AV production</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Party and events</h4>
                                    <p class="c-subnav__description">Lorem ipsum dolor sit amet</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="c-subnav__footer">
                        <a class="c-subnav__cta  c-button  c-button--ghost">
                            <i class="c-button__icon">@include('site.components.icons.arrow')</i>
                            <span class="c-button__text">See our customers</span>
                        </a>
                    </div>
                </div>
            </div>
        </li>
        <li class="c-nav__item">
            <a class="c-nav__link" href="#0">Pricing</a>
        </li>
        <li class="c-nav__item  js-subnav-trigger">
            <a class="c-nav__link" href="#0">More
                <i class="c-nav__icon">@include('site.components.icons.arrowhead')</i>
            </a>
            <div class="c-subnav  js-subnav">
                <div class="c-subnav__arrow  js-subnav-arrow"></div>
                <div class="c-subnav__main">
                    <div class="c-subnav__grid">
                        <ul class="c-subnav__column  c-subnav__column--small">
                            <li class="c-subnav__groupheader">
                                <h3 class="c-subnav__groupname">Company</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Resources</h4>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Jobs</h4>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Contact</h4>
                                </a>
                            </li>
                            <li class="c-subnav__groupheader">
                                <h3 class="c-subnav__groupname">Resources</h3>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Blog</h4>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Support Center</h4>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">Product updates</h4>
                                </a>
                            </li>
                            <li class="c-subnav__item">
                                <a class="c-subnav__link">
                                    <h4 class="c-subnav__title">F.A.Q.</h4>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </li>

    </ul>
    <ul class="c-nav__actions">
        <li class="c-nav__item"><a class="c-nav__link" href="#0">Log in</a></li>
        <li class="c-nav__item">@include('site.components.buttonLink', ['buttonText' => 'Free trial'])</li>
    </ul>
</nav>