<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-pink">
                        <p class="template-stat-cards__value">68%</p>
                        <p class="template-stat-cards__description">Amazon Advertising is 68% cheaper than Google</p>
                    </div>
                </li>
                <li class="splide__slide">
                    <div class="template-stat-cards__card bg-yellow">
                        <p class="template-stat-cards__value">44%</p>
                        <p class="template-stat-cards__description">Amazon Advertising is 44% cheaper than Facebook</p>
                    </div>
                </li>
                <li class="splide__slide">
                    <div class="template-stat-cards__card bg-red">
                        <p class="template-stat-cards__value">79%</p>
                        <p class="template-stat-cards__description">Amazon Advertising is 79% cheaper than Instagram</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</section>

{{ template("stat-cards", {
  "items": [
    {
      "value": "68%",
      "description": "Amazon Advertising is 68% cheaper than Google",
      "class": "bg-pink"
    },
    {
      "value": "44%",
      "description": "Amazon Advertising is 44% cheaper than Facebook",
      "class": "bg-yellow"
    },
    {
      "value": "79%",
      "description": "Amazon Advertising is 79% cheaper than Instagram",
      "class": "bg-red"
    }
  ]
}) }}