{# Each slide: <div class="ui-carousel-slide" role="group" aria-roledescription="slide" aria-label="1 of 6">…</div> #}
<div style="padding:0 48px">
<.carousel label="Featured templates" count={6} per_view={3}>
{%- for n in 1..=6 %}
<div class="ui-carousel-slide" role="group" aria-roledescription="slide" aria-label="{{ n }} of 6"><div class="ui-card" style="padding:0;height:160px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600">{{ n }}</div></div>
{%- end %}
</.carousel>
</div>