{{-- ABOUT — panneau bleu "Qui sommes-nous". Reçoit $stats (chiffres-clés). --}}
@props(['stats' => []])

<section class="panel" id="about">
  <div class="about-panel on-blue rv">
    <x-logo />
    <div class="about-grid">
      <div>
        <span class="kicker">Qui sommes-nous</span>
        <h2>Des ingénieurs qui prennent soin de vos systèmes.</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua infrastructura.</p>
        <div class="vals">
          <span>Disponibilité</span><span>Réactivité</span><span>Créativité</span><span>Efficacité</span>
        </div>
      </div>
      <div class="stats">
        @foreach ($stats as $stat)
          <div class="stat-card">
            <span class="k">{{ $stat['k'] }}</span>
            <span class="v">{{ $stat['v'] }}</span>
          </div>
        @endforeach
      </div>
    </div>
  </div>
</section>