<nav class="site-nav site-nav--transparent" id="site-navbar">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex items-center justify-between h-20 gap-4">
            @include('website.partials.site-logo')

            <div class="hidden lg:flex items-center">
                @include('website.partials.site-menu', ['menuKey' => 'primary'])
            </div>

            @include('website.navbars._actions')
        </div>
    </div>
    @include('website.navbars._mobile_menu')
</nav>
