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

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

            @include('website.navbars._actions', [
                'ctaClass' => '!py-1.5 !px-4 !rounded-full',
                'compact' => true,
            ])
        </div>
    </div>
    @include('website.navbars._mobile_menu')
</nav>
