templates/components/swipers/partners_swiper.html.twig line 1

{% if this.allPartners is not empty %}

    <section class="partners-cards">
        <div class="py-16 lg:pb-0 lg:mb-[-5vh] flex flex-col gap-12 relative">
            <h2 data-aos="fade-down" data-aos-delay="0"
                class="font-allerBold uppercase text-center text-2xl p-horizontal">{{ title }}</h2>
            <div class="lg:px-40 2xl:px-60 3xl:px-80">
                <!-- Slider main container -->
                <div class="partners-swiper swiper w-full">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                        {% for partner in this.allPartners %}
                            {{ component('cards:partner_card', {
                                url: partner.imageName,
                                alt: "Logo Synergie Family",
                            }) }}
                        {% endfor %}
                    </div>
                </div>
            </div>

            <!-- If we need navigation buttons -->
            <div data-aos="fade-left" data-aos-delay="0"
                 class="hidden lg:block !relative swiper-button-prev-partners swiper-button-prev hidden lg:block left-[8vw] bottom-[8rem] text-grey-200"></div>
            <div data-aos="fade-right" data-aos-delay="0"
                 class="hidden lg:block !relative swiper-button-next-partners swiper-button-next hidden lg:block right-[-90vw] bottom-[12rem] text-grey-200"></div>

        </div>
    </section>
{% endif %}