@php
    $featuredOfferIndex = count($section2) >= 3 ? 2 : 0;
@endphp

<section id="expertise-services" class="offers-section containerW atirao-home" aria-labelledby="offers-section-title">
    <div class="offers-section__container">
        <div class="offers-section__intro">
            <span class="offers-section__marker" aria-hidden="true"></span>
            <h2 id="offers-section-title" class="offers-section__title pageTitles B">
                {!! $section2Title !!}
            </h2>
            <p class="offers-section__description">{{ $section2Content }}</p>
        </div>

        <div class="offers-section__grid">
            @foreach($section2 as $index => $offer)
                @php
                    $offerUrl = 'https://site.atirao.biz/' . ltrim($offer['link'], '/');
                    $offerDescription = Str::before(Str::before($offer['text'], '→'), '→');
                    $isFeatured = $index === $featuredOfferIndex;
                @endphp

                <a
                    href="{{ $offerUrl }}"
                    class="offer-card{{ $isFeatured ? ' offer-card--featured' : '' }}"
                    aria-label="Découvrir {{ $offer['title'] }}"
                >
                    <span class="offer-card__number" aria-hidden="true">
                        {{ str_pad($index + 1, 2, '0', STR_PAD_LEFT) }}
                    </span>

                    <span class="offer-card__content">
                        <span class="offer-card__title">{{ $offer['title'] }}</span>
                        <span class="offer-card__description">{{ trim($offerDescription) }}</span>
                    </span>

                    <span class="offer-card__cta">
                        Découvrir
                        <span class="offer-card__arrow" aria-hidden="true">→</span>
                    </span>
                </a>
            @endforeach
        </div>
    </div>
</section>