<?php
$serviceStats = $serviceStats ?? [
  ['value' => '720K', 'suffix' => '+', 'label' => 'Stories Brought to Life'],
  ['value' => '2K', 'suffix' => '+', 'label' => 'Manuscripts Turned Into Books'],
  ['value' => '12', 'suffix' => '+', 'label' => 'Genres, One Dedicated Team'],
  ['value' => '99', 'suffix' => '%', 'label' => 'Authors Recommend Us'],
];
?>

<section class="service-stats">
  <div class="container">
    <div class="row service-stats-grid">
      <?php foreach ($serviceStats as $stat): ?>
      <div class="col-6 col-lg-3">
        <article class="service-stats-item">
          <p class="service-stats-value">
            <?= htmlspecialchars($stat['value']) ?><sup><?= htmlspecialchars($stat['suffix']) ?></sup>
          </p>
          <p class="service-stats-label"><?= htmlspecialchars($stat['label']) ?></p>
        </article>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>
