{% extends 'onboarding/_wizard_base.html.twig' %}

{% block wizard %}
    <header class="onboarding-reveal__head">
        <h1>Voilà ce qu'on te propose</h1>
        <p class="muted">Amorcé par tes choix. Garde ce qui te tente, écarte le reste.</p>
    </header>

    <turbo-frame id="onboarding-reveal"
                 src="{{ path('app_onboarding_reveal_frame') }}"
                 loading="eager">
        <div class="onboarding-reveal__skeleton" aria-hidden="true">
            {% for i in 1..4 %}<div class="onboarding-reveal__skeleton-card"></div>{% endfor %}
        </div>
    </turbo-frame>

    <div class="onboarding-reveal__done">
        <a href="{{ path('app_home') }}" class="btn btn--full">Découvrir LivreComment</a>
    </div>
{% endblock %}