Symfony Profiler

<section class="cross">
    <div class="p-horizontal p-vertical bg-pink-500 flex flex-col gap-12 justify-center items-center shadow-lg">
        <h2 data-aos="fade-up" data-aos-delay="0" class="font-allerBold uppercase text-center text-2xl text-white">Alors vous nous quittez comme ça ?</h2>
        <h3 data-aos="fade-up" data-aos-delay="200" class="font-allerBold text-center text-xl text-white">Laissons-nous une chance de prolonger l’expérience !</h3>
        <div class="flex flex-col gap-8 xl:gap-12 2xl:gap-14 w-full lg:flex-row justify-center items-center">
            <a data-aos="fade-right" data-aos-delay="0" href="{{ path(route1) }}"  class="flex flex-col h-anim w-full">
                <div class="w-full flex flex-col items-center justify-center relative  w-full">
                    <img class="mb-[-30px] relative z-10" src="{{ asset('build/images/svg/picto_qsn.svg')}}" alt="picto fusée">
                    <div class="bg-[#D30074] w-full lg:w-52 xl:w-72 p-8 lg:max-xl:h-28 flex items-center">
                        <h4 class="w-full font-allerBold text-lg text-white text-center">{{ title1 }}</h4>
                    </div>
                </div>
            </a>
            <a data-aos="fade-down" data-aos-delay="200" href="{{ path(route2) }}" class="flex flex-col h-anim w-full">
                <div class="w-full flex flex-col items-center justify-center relative w-full">
                    <img class="mb-[-25px] relative z-10" src="{{ asset('build/images/svg/picto_formations.svg')}}" alt="picto formations">
                    <div class="bg-[#D30074] w-full lg:w-52 xl:w-72 p-8 lg:max-xl:h-28 flex items-center">
                        <h4 class="w-full font-allerBold text-lg text-white text-center">{{ title2 }}</h4>
                    </div>
                </div>
            </a>
            <a data-aos="fade-right" data-aos-delay="400" href="{{ path(route3) }}" class="flex flex-col h-anim w-full">
                <div class="w-full flex flex-col items-center justify-center relative w-full">
                    <img class="mb-[-25px] relative z-10" src="{{ asset('build/images/svg/picto_blog.svg')}}" alt="picto blog">
                    <div class="bg-[#D30074] w-full lg:w-52 xl:w-72 p-8 lg:max-xl:h-28 flex items-center">
                        <h4 class="w-full font-allerBold text-lg text-white text-center">{{ title3 }}</h4>
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>
templates/components/sections/cross_section.html.twig line 1
