File: aksara/Views/components/view/carousel.twig

<div>
    <div id="carousel_{{ name }}" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            {% for key, carousel in content %}
                <div class="carousel-item {% if key is same as(0) %} active {% endif %}">
                    <img src="{{ carousel.src.background }}" class="d-block w-100 rounded" alt="...">
                    <div class="carousel-caption">
                        <h5 class="text-secondary">
                            {{ carousel.title }}
                        </h5>
                        <p class="text-secondary">
                            {{ carousel.description }}
                        </p>
                    </div>
                </div>
            {% endfor %}
        </div>
        <a class="carousel-control-prev" href="#carousel_{{ name }}" role="button" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        </a>
        <a class="carousel-control-next" href="#carousel_{{ name }}" role="button" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
        </a>
    </div>
</div>