{{-- Homepage Hero Section — Full-screen video background --}}
<x-molecules.section-hero
    video="videos/home_hero_video.mp4"
    poster="images/heros/poster_home_hero.webp"
    class="animated-hero-loader home-hero"
    :title="__('home.hero.title_line1') . '<br>' . __('home.hero.title_line2')"
    :subtitle="__('home.hero.subtitle')">

    <x-atoms.button-link href="{{ localized_route('contact') }}?object=demo" class="mt-4">
        {{ __('home.hero.cta') }}
    </x-atoms.button-link>

    {{-- Bounce scroll indicator --}}
    <div class="absolute bottom-0 mt-8 left-1/2 -translate-x-1/2">
        <div class="h-8 w-5 rounded-full opacity-50 border-white border flex items-start justify-center overflow-hidden">
            <div class="h-2 w-0.5 rounded-full bg-white animate-bounce mt-2"></div>
        </div>
    </div>
</x-molecules.section-hero>