@php($home = $home ?? true)
@php($c = $c ?? landing_content())
@php($hash = fn ($id) => $home ? '#'.$id : route('landing.index').'#'.$id)
<header class="site-header" data-landing-header>
    <div class="container site-header__inner">
        <a class="site-header__logo" href="{{ route('landing.index') }}" aria-label="{{ __('landing.meta_title') }}">
            <img src="{{ asset('landing/img/logo.svg') }}" alt="{{ __('landing.logo_alt') }}" width="120" height="40">
        </a>

        <nav class="site-nav" aria-label="{{ __('landing.nav_aria') }}" data-site-nav>
            <a href="{{ $hash('about') }}" data-nav-section="about">{{ $c['nav']['about'] }}</a>
            <a href="{{ $hash('how') }}" data-nav-section="how">{{ $c['nav']['how'] }}</a>
            <a href="{{ $hash('faq') }}" data-nav-section="faq">{{ $c['nav']['faq'] }}</a>
            <a href="{{ route('landing.terms') }}">{{ $c['nav']['terms'] }}</a>
            <a href="{{ route('landing.privacy') }}">{{ $c['nav']['privacy'] }}</a>
        </nav>

        <div class="site-header__actions">
            @include('landing.partials.lang-switch')
            <a class="btn btn-primary" href="{{ $hash('get-app') }}">{{ $c['nav']['cta'] }}</a>
        </div>

        <button
            type="button"
            class="site-header__menu-toggle"
            data-menu-toggle
            aria-expanded="false"
            aria-controls="mobile-nav"
            aria-label="{{ __('landing.menu_open') }}"
            data-label-open="{{ __('landing.menu_open') }}"
            data-label-close="{{ __('landing.menu_close') }}"
        >
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true">
                <path d="M4 7h16M4 12h16M4 17h16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
            </svg>
        </button>
    </div>

    <nav id="mobile-nav" class="site-header__mobile-nav" data-mobile-nav aria-label="{{ __('landing.mobile_nav_aria') }}">
        <div class="site-header__mobile-nav-inner">
            @include('landing.partials.lang-switch', ['mobile' => true])
            <a href="{{ $hash('about') }}" data-nav-section="about">{{ $c['nav']['about'] }}</a>
            <a href="{{ $hash('how') }}" data-nav-section="how">{{ $c['nav']['how'] }}</a>
            <a href="{{ $hash('faq') }}" data-nav-section="faq">{{ $c['nav']['faq'] }}</a>
            <a href="{{ route('landing.terms') }}">{{ $c['nav']['terms'] }}</a>
            <a href="{{ route('landing.privacy') }}">{{ $c['nav']['privacy'] }}</a>
            <a class="btn btn-primary" href="{{ $hash('faq') }}">{{ $c['nav']['cta'] }}</a>
        </div>
    </nav>
</header>