{% block layout_header_top_bar %}
{# Custom template by no.dots #}
{% set carousel = [
"company.headerCarousel_1",
"company.headerCarousel_2",
"company.headerCarousel_3"
] %}
{% set slickOptions = {
"mobileFirst": true,
"arrows": false,
"autoplay": true,
"slidesToShow": 1,
"infinite": true,
"responsive": [
{
"breakpoint": 1023,
"settings": "unslick"
}
]
} %}
<div class="bottom-bar border-b border-b-grey-400 py-2 text-center font-medium">
<ul class="slick-init mb-0 lg:justify-between lg:boxed-layout"
data-slick='{{ slickOptions|json_encode }}'>
{% for item in carousel %}
<li class="px-4 lg:max-w-max">
<span>
{{ item|trans|raw }}
</span>
</li>
{% endfor %}
</ul>
</div>
{% endblock %}