<section class="ssa-solutions-section">
    <div class="text-center ssa-section-heading reveal-on-scroll">
        <div class="prespa-saas-box ssa-badge justify-center">
            <img src="{{ asset('assets/themes/prespa-saas/assets/img/ps-patterns/icons/rocket.png') }}" alt="">
            <span>{{ $servicesIntro['badge'] ?? 'Core tracking services' }}</span>
        </div>

        <h2>{{ $servicesIntro['title'] ?? 'Measurement systems tailored to the platforms you rely on.' }}</h2>
        <p>{{ $servicesIntro['description'] ?? 'Dynamic services are loaded from the database and ready for future CMS management.' }}</p>
    </div>

    <div class="ssa-service-grid">
        @foreach($services as $service)
            <div class="reveal-on-scroll">
                @include('partials.service-card', ['service' => $service])
            </div>
        @endforeach
    </div>
</section>
