Symfony Profiler

<section class="project-cta">

    {# VERSION MOBILE #}
    <div class="relative lg:hidden">
        {# à la une img #}
        <img class="w-full" src="{{ asset('build/images/projet-cta-mobile.jpg') }}" alt="projet cta image">

        {# à la une content #}
        <div class="p-horizontal p-vertical bg-white flex flex-col gap-6">
            <h2 data-aos="fade-down" data-aos-delay="0"
                class="font-allerBold uppercase text-center text-2xl">un projet de formation ?</h2>
            <div data-aos="fade-down" data-aos-delay="200"
                 class="flex justify-center items-center w-full relative z-30">
                <a href="{{ path('contact') }}" class="w-full cta big-cta cta-blue lg:w-auto">Nous contacter</a>
            </div>
        </div>
    </div>

    {# VERSION DESKTOP #}
    <div class="hidden lg:flex flex-row bg-white items-center justify-end lg:h-[17rem] xl:h-[21rem] 2xl:h-[22rem] relative">
        <div class="bg-[#00989B] w-full absolute top-0 z-0 h-3 xl:h-4">
            &nbsp;
        </div>

        <div class="absolute left-0 w-[55vw] pr-6 flex flex-col gap-4 xl:gap-6 md:pl-28 lg:pl-40 2xl:pl-60 3xl:pl-80 z-10">
            <h2 data-aos="fade-right" data-aos-delay="0"
                class="pr-24 xl:pr-40 font-allerDisplay text-left uppercase text-2xl xl:text-3xl">Un projet de <span
                        class="whitespace-nowrap">formation ?</span></h2>
            <p data-aos="fade-right" data-aos-delay="200" class="pr-24 xl:pr-28 font-allerRegular text-left text-sm">
                Notre équipe pédagogique vous
                accompagne pour relever vos défis.</p>
            <!-- SMALL BLUE CTA -->
            <div data-aos="fade-right" data-aos-delay="400" class="flex justify-start w-auto">
                <a href="{{ path('contact') }}" class="cta small-cta cta-blue lg:text-sm xl:text-base">Nous
                    contacter</a>
            </div>
        </div>

        <img class="relative z-10 h-full"
             src="{{ asset('build/images/projet-cta-desktop.png') | imagine_filter('desktop_header') }}"
             alt="sur mesure image">
    </div>
</section>
templates/components/sections/project_cta_section.html.twig line 1
