{{-- Wasoria Connect — Introduction section --}}
<section class="w-full mx-auto max-w-7xl p-4 py-20">
    <x-atoms.title
        :title="__('products.wasoria_connect.introduction.title')"
        :subtitle="[__('products.wasoria_connect.introduction.subtitle')]"
        align="center"
        class="mb-8 max-w-[800px] mx-auto" />
    <p class="text-center text-lg text-muted-foreground max-w-[900px] mx-auto">
        {{ __('products.wasoria_connect.introduction.description') }}
    </p>
</section>