{{--
    Frosted navbar: translucent, blurred, with a hairline edge — the bar reads
    as a pane of glass over the hero rather than a solid band above it.
--}}
<nav class="site-nav site-nav--glass" id="site-navbar">
    <div class="relative 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 justify-center flex-1">
                @include('website.partials.site-menu', ['menuKey' => 'primary'])
            </div>

            @include('website.navbars._actions', ['ctaClass' => '!py-2 !px-5 !rounded-lg'])
        </div>
    </div>
    @include('website.navbars._mobile_menu')
</nav>
