{% import 'Context/Shop/Macro/CusomerQuote.html.twig' as customerQuote %}
{% set quotes = [
{'text': 'app.ui.customer_quotes.first_quote.text'|trans,
'name': 'app.ui.customer_quotes.first_quote.name'|trans,
'title': 'app.ui.customer_quotes.first_quote.title'|trans,
'company': 'app.ui.customer_quotes.first_quote.company'|trans
},
{'text': 'app.ui.customer_quotes.second_quote.text'|trans,
'name': 'app.ui.customer_quotes.second_quote.name'|trans,
'title': 'app.ui.customer_quotes.second_quote.title'|trans,
'company': 'app.ui.customer_quotes.second_quote.company'|trans
},
{'text': 'app.ui.customer_quotes.third_quote.text'|trans,
'name': 'app.ui.customer_quotes.third_quote.name'|trans,
'title': 'app.ui.customer_quotes.third_quote.title'|trans,
'company': 'app.ui.customer_quotes.third_quote.company'|trans
},
{'text': 'app.ui.customer_quotes.fourth_quote.text'|trans,
'name': 'app.ui.customer_quotes.fourth_quote.name'|trans,
'title': 'app.ui.customer_quotes.fourth_quote.title'|trans,
'company': 'app.ui.customer_quotes.fourth_quote.company'|trans
}
] %}
<div class="ui hidden divider"></div>
<h2 class="text-3xl font-bold">{{ 'app.ui.customer_quotes.customers_love'|trans }}</h2>
<div class="secondary-carousel-box">
<div class="carousel-navigation quotes-carousel-selector-prev">
<span class="material-symbols-outlined">keyboard_arrow_left</span>
</div>
<div class="swiper secondary-carousel customer-quotes-carousel">
<div class="swiper-wrapper secondary-carousel-wrapper">
{% for quote in quotes %}
{{ customerQuote.slide(quote.text, quote.name, quote.title, quote.company) }}
{% endfor %}
</div>
</div>
<div class="carousel-navigation quotes-carousel-selector-next">
<span class="material-symbols-outlined">keyboard_arrow_right</span>
</div>
</div>