@php
    $serviceIcons = ['fa-charging-station', 'fa-mobile-alt', 'fa-map-marked-alt', 'fa-qrcode', 'fa-credit-card', 'fa-headset'];
@endphp
<section class="sec-padd bacg_section" id="our_service">
    <div class="container">
        <header class="intro-section-head the_title">
            <h2 class="intro-section-title">{{ __('intro_site.our_services') }}</h2>
        </header>
        <div class="intro-services__grid">
            @foreach ($services as $service)
                <article class="box-servess intro-service-card">
                    @if ($service->hasStoredImage())
                        <div class="intro-icon-circle intro-icon-circle--lg intro-service-card__icon intro-service-card__icon--image">
                            <img loading="lazy"
                                 src="{{ $service->image }}"
                                 alt="{{ $service->title }}">
                        </div>
                    @else
                        <div class="intro-icon-circle intro-service-card__icon">
                            <i class="fas {{ $serviceIcons[$loop->index] ?? 'fa-star' }}"></i>
                        </div>
                    @endif
                    <h6 class="f-b">{{ $service->title }}</h6>
                </article>
            @endforeach
        </div>
    </div>
</section>