{{-- Homepage Hire Teaser Section (HomeContact) --}}
<section class="w-full relative px-4">
    <div class="w-full max-w-7xl mx-auto h-full flex flex-col items-start justify-center relative z-10">
        <div class="w-full flex flex-col gap-6 py-20">
            <x-atoms.title
                :title="__('home.hire_section.title')"
                :subtitle="__('home.hire_section.subtitle')"
                align="center" />
            <div class="w-full flex justify-center">
                <x-atoms.button-link href="{{ localized_route('contact') }}#hire-form">
                    {{ __('home.hire_section.cta') }}
                </x-atoms.button-link>
            </div>
        </div>
    </div>
</section>