@inject('menu', 'Modules\Menu\Http\Controllers\MenuWebController')

<div class="container-fluid d-none d-lg-block">
    <div class="container-fluid px-0">
        <div class="top-header row align-items-center">
            <div class="container d-none d-lg-block py-5">
                <div class="row justify-content-center text-center py-5">
                    <div class="col-12">
                        <div class="px-0 logo-wrapper">
                            <a class="navbar-brand" href="/">
                                <img src="{{ $site->logo }}" width="650" alt="{{ $site->title }} logo" class="img-fluid">
                            </a>
                        </div>
                    </div>
                </div>
                {{-- Automatically scroll to section --}}
                <div class="row justify-content-center text-center">
                    <div class="col-12">
                        <a href="#page-title">
                            <div class="scroll"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container container-wide page-header">
    <div class="row row-eq-height justify-content-between d-lg-none">
        <div class="col-6 py-2 d-flex justify-content-start">
            <a class="navbar-brand" href="/">
                <img src="{{ $site->logo }}" alt="{{ $site->title }} logo" class="position-relative img-fluid">
            </a>
        </div>
        <div class="col-6 py-2 d-flex justify-content-end align-items-center">
            <button class="navbar-toggler" type="button" data-toggle="offcanvas">
                <img src="/images/icons/png/icon-menu.png" alt="Menu" width="20" height="20">
            </button>
        </div>
    </div>
</div>