{{-- About Team — Hero Section --}}
<x-molecules.section-hero
    image="about_us_team_hero.webp"
    :title="__('about.team.hero.title')"
    :subtitle="__('about.team.hero.subtitle')"
    bgColor="#312121" />

{{-- Easter egg: typing "euro" anywhere on this page swaps the hero image --}}
<script>
    (function() {
        var SECRET = 'euro';
        var ALT_IMAGE = "{{ asset('images/heros/about_us_team_hero_2.webp') }}";
        var ORIGINAL_IMAGE = "{{ asset('images/heros/about_us_team_hero.webp') }}";

        // Preload the alternate image so the swap is instant
        var preload = new Image();
        preload.src = ALT_IMAGE;

        var buffer = '';
        var swapped = false;

        function heroImg() {
            return document.querySelector('.animated-hero-loader .animated-hero-loader-img img');
        }

        document.addEventListener('keydown', function(e) {
            // Ignore typing inside form fields
            var tag = (e.target.tagName || '').toLowerCase();
            if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
            if (e.key.length !== 1) return;

            buffer = (buffer + e.key.toLowerCase()).slice(-SECRET.length);

            if (buffer === SECRET) {
                var img = heroImg();
                if (!img) return;
                img.src = swapped ? ORIGINAL_IMAGE : ALT_IMAGE;
                swapped = !swapped;
                buffer = '';
            }
        });
    })();
</script>