<section class="content-block template-stat-cards">
    <div class="splide">
        <div class="splide__track">
            <ul class="splide__list">
                <li class="splide__slide">
                    <div class="template-stat-cards__card bg-orange">
                        <p class="template-stat-cards__value">10+%</p>
                        <p class="template-stat-cards__description">Many e-commerce businesses consistently encounter stockouts for 10+% of their items. This is a critical misstep, eroding customer trust, damaging brand reputation, and killing search algorithm rankings</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>

{{ template("stat-cards", {
  "items": [
    {
      "value": "10+%",
      "description": "Many e-commerce businesses consistently encounter stockouts for 10+% of their items. This is a critical misstep, eroding customer trust, damaging brand reputation, and killing search algorithm rankings",
      "class": "bg-orange"
    }
  ]
}) }}