@php $servicesSection = $home['services'] ?? []; @endphp
<section class="home-section home-section--muted">
    <div class="container-page">
        @include('pages.home._section-head', [
            'kicker' => $servicesSection['kicker'] ?? 'Services',
            'title' => $servicesSection['title'] ?? '',
            'lead' => $servicesSection['lead'] ?? '',
            'href' => route('services.index'),
            'linkText' => $servicesSection['link_text'] ?? 'View all services',
            'centered' => true,
        ])

        <div class="home-card-grid home-card-grid--services">
            @forelse($services as $service)
                <a href="{{ route('services.show', $service->slug) }}" class="home-card">
                    <h3 class="home-card__title">{{ $service->title }}</h3>
                    <p class="home-card__text">{{ $service->summary }}</p>
                    <span class="home-card__action">Learn more →</span>
                </a>
            @empty
                @foreach(['Virtual Assistants', 'Executive Assistants', 'Marketing', 'Bookkeeping'] as $title)
                    <div class="home-card">
                        <h3 class="home-card__title">{{ $title }}</h3>
                    </div>
                @endforeach
            @endforelse
        </div>
    </div>
</section>