{% trans_default_domain 'front_ec_international' %}

<div id="homeslider">
    <div class="zone-animated-pictos bg-orange">

        <h3 class="text-white font-weight-bold mb-4 mt-2" data-aos-duration="1000"
            data-aos="fade-down"
            data-aos-anchor-placement="bottom-bottom">{{ 'Choisir une de nos technologies'|trans|raw }}</h3>

        <div class="slider slider-animated-pictos">
            <div class="picto-wrapper">
                {% set homeusinagelink = 'home-usinage-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homeusinagelink}) }}">
                    <div class="picto-container">
                        <div id="anim-usinage" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Usinage CNC"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homeinjectionlink = 'home-injection-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homeinjectionlink}) }}">
                    <div class="picto-container">
                        <div id="anim-injection" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Injection"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set hometolerielink = 'home-tolerie-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': hometolerielink}) }}">
                    <div class="picto-container">
                        <div id="anim-tolerie" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Tôlerie"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homefonderielink = 'home-fonderie-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homefonderielink}) }}">
                    <div class="picto-container">
                        <div id="anim-fonderie" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Fonderie"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homeduplicationlink = 'home-duplication-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homeduplicationlink}) }}">
                    <div class="picto-container">
                        <div id="anim-duplication" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Duplication sous vide"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homeimpressionlink = 'home-impression-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homeimpressionlink}) }}">
                    <div class="picto-container">
                        <div id="anim-impression" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Impression 3D"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homeextrusionlink = 'home-extrusion-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homeextrusionlink}) }}">
                    <div class="picto-container">
                        <div id="anim-extrusion" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Extrusion"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homemaquetteslink = 'home-maquettes-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homemaquetteslink}) }}">
                    <div class="picto-container">
                        <div id="anim-maquettes" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Maquettes"|trans|raw }}
                    </div>
                </a>
            </div>
            <div class="picto-wrapper">
                {% set homefinitionslink = 'home-finitions-linkcode'|trans|raw %}
                <a href="{{ path('front_index', {'url': homefinitionslink}) }}">
                    <div class="picto-container">
                        <div id="anim-finitions" class="lottie"></div>
                    </div>
                    <div class="picto-title text-white pt-3">
                        {{ "Finitions"|trans|raw }}
                    </div>
                </a>
            </div>
        </div>
        <div class="slider-controls d-flex d-xl-none justify-content-center">
            <a href="#" class="slick-control prev" data-slider-selector=".slider-animated-pictos"></a>
            <a href="#" class="slick-control next" data-slider-selector=".slider-animated-pictos"></a>
        </div>
    </div>
</div>