{{-- SERVICES — reçoit le tableau $services et génère une ligne par service.
     Le bloc HTML d'une ligne n'est écrit qu'UNE fois grâce à @foreach.
     {!! ... !!} affiche le SVG brut sans l'échapper (contrairement à {{ }}). --}}
@props(['services' => []])

<section class="section" id="services">
  <div class="wrap">
    <div class="sec-head rv">
      <span class="kicker">Nos pôles</span>
      <h2 class="disp">Quatre métiers, un seul interlocuteur.</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
    </div>
    <div class="srv">

      @foreach ($services as $service)
        <a class="srv-row rv" href="{{ $service['lien'] }}">
          <div class="srv-blob blob b-{{ $service['couleur'] }}">
            <span class="num">{{ $service['num'] }}</span>
            <svg viewBox="0 0 24 24">{!! $service['icone'] !!}</svg>
          </div>
          <div class="srv-body">
            <h3>{{ $service['titre'] }}</h3>
            <p>{{ $service['texte'] }}</p>
          </div>
          <span class="srv-go"><span class="a">↗</span></span>
        </a>
      @endforeach

    </div>
  </div>
</section>