{{-- Wasoria Connect — Solution + architecture diagram section --}}
<section class="w-full py-20">
    <div class="mx-auto max-w-7xl p-4">
        <x-atoms.title
            :title="__('products.wasoria_connect.solution.title')"
            :subtitle="[__('products.wasoria_connect.solution.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 mb-12">
            {{ __('products.wasoria_connect.solution.description') }}
        </p>
        <div class="max-w-[1000px] mx-auto">
            <x-molecules.image-block
                image="images/product/analyse_empty.webp"
                :alt="__('products.wasoria_connect.solution.image_alt')"
                class="rounded-lg shadow-lg" />
        </div>
    </div>
</section>