@section('topnav')
    <div class="preloader">
        <div class="loader">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- Preloader End -->
    <!-- Start header section -->
    <header class="header-area position_top">
        @if (!request()->is('startadventure'))
        <div class="site-logo">
            <div class="logo">
                <a href="/"><img src="assets/img/logo-light.png" alt="image"></a>
            </div>
        </div>
        @endif
        <div class="main-menu">
            <nav class="main-nav">
                <div class="mobile-menu-logo">
                    <a href="/"><img src="assets/img/logo-dark.png" alt=""></a>
                    <div class="remove">
                        <i class="bi bi-plus-lg"></i>
                    </div>
                </div>
                <ul>
                    <li class="has-child active">
                        <a href="/">Home</a>
                    </li>
                    <li><a href="/about">About Us</a></li>
{{--                    <li><a href="/faq">FAQ</a></li>--}}
                    <li><a href="/services">Services</a></li>
                {{--<li><ul><a href="/projects">Project</a></ul></li>--}} <!--Not sure if we want a projects page yet.-->
                    <li><a href="https://billing.nerdysister.com/client/login" target="_blank">Client Portal</a></li>
                    <li><a href="https://liquidweb.i3f2.net/c/2860902/851327/4464" target="_blank">Affiliate Link</a></li>
                </ul>
                <div class="get-qoute d-flex justify-content-center d-lg-none d-block pt-50">
                    <div class="cmn-btn">
                        <div class="line-1"></div>
                        <div class="line-2"></div>
                        <a href="/startadventure">Start Adventure<br /><img src="assets/img/nes_start.png" class="adventurestart" /> <img src="assets/img/nes_buttons.png" class="adventureimgs" /></a>
                    </div>
                </div>
            </nav>
        </div>
    @if (request()->is('startadventure'))
        <div class="nav-right cartnav">
            <div id="cart" class="cart" data-totalitems="0">
                <div id="summary0" class="lineitem">A summary of your adventure will go here!</div>
                <div id="summary1" class="lineitem d-none"></div>
                <div id="summary2" class="lineitem d-none"></div>
                <div id="summary3" class="lineitem d-none"></div>
                <div id="summary4" class="lineitem d-none"></div>
                <div id="summary5" class="lineitem d-none"></div>
                <div id="summary6" class="lineitem d-none"></div>
            </div>
            @else
            <div class="nav-right">
                <div class="get-qoute">
                    <div class="cmn-btn">
                        <div class="line-1"></div>
                        <div class="line-2"></div>
                        <a href="/startadventure"><img src="assets/img/nes_start.png" class="adventurestart" />Start Adventure <img src="assets/img/nes_buttons.png" class="adventureimgs" /></a>
                    </div>
                </div>
                <div class="mobile-menu">
                    <a href="javascript:void(0)" class="cross-btn">
                        <span class="cross-top"></span>
                        <span class="cross-middle"></span>
                        <span class="cross-bottom"></span>
                    </a>
                </div>
        @endif
    </div>
    </header>
@endsection