@php($d = $d ?? [])
@php($tints = ['#14b8a6','#f59e0b','#6366f1','#ec4899','#0ea5e9','#22c55e'])
<section class="vs-section vv-services" id="services">
    <div class="vs-container">
        <div class="vv-head" data-aos="fade-up">
            <span class="vv-eyebrow vv-eyebrow-dark"><i class="fas fa-paw"></i> What we do</span>
            <h2 class="vv-h2">{{ $d['heading'] ?? 'Our services' }}</h2>
            @if(!empty($d['subheading']))<p class="vv-lead">{{ $d['subheading'] }}</p>@endif
        </div>
        <div class="vv-tiles">
            @foreach(($d['items'] ?? []) as $i => $item)
                @php($tint = $tints[$i % count($tints)])
                <div class="vv-tile" data-aos="fade-up" data-aos-delay="{{ ($i % 3) * 90 }}" style="--t:{{ $tint }}">
                    <div class="vv-tile-icon"><i class="{{ $item['icon'] ?? 'fas fa-paw' }}"></i></div>
                    <h3>{{ $item['title'] ?? '' }}</h3>
                    <p>{{ $item['text'] ?? '' }}</p>
                    <a href="#contact" class="vv-tile-link">Learn more <i class="fas fa-arrow-right"></i></a>
                </div>
            @endforeach
        </div>
    </div>
</section>
