{% extends "/coulisses/base.html.twig" %}

{% block content %}
<div class="page-main">

    <h1>Carousel — Accueil</h1>
    <p class="page-intro">
        Gérez les images du carousel de la page d'accueil. Chaque image est automatiquement
        redimensionnée en 5 tailles (640 à 3840 px) au format WebP.
        <br>L'image marquée <strong>⚡</strong> est chargée en priorité (LCP).
    </p>

    <div
        data-admin-component="CarouselManager"
        data-slides="{{ slides }}"
        data-locales="{{ locales }}"
        data-csrf-token="{{ csrf_token }}"
    ></div>

</div>
{% endblock %}