{% if testimonials|length > 0 %}
<section>
<div class="container">
<div class="grid gap-4">
{% for testimonial in testimonials %}
<div class="w-full flex {% if testimonial.image %}flex-row{% else %}flex-col{% endif %} border-b py-4 gap-4">
{% if testimonial.image %}
<img class="max-w-full mb-3" src="{{ imageCache('/'~ testimonial.getFullImagePath, 'cropResize', 1024, 1024) }}" alt="{{ testimonial.clientName }}" loading="lazy" />
{% endif %}
<div class="flex flex-col">
<p class="text-xl font-light mb-2">{{ testimonial.content|nl2br }}</p>
<p class="text-sm font-bold mb-0 text-secondary text-center">{{ testimonial.attestant }}</p>
<p class="text-sm text-secondary text-center">{{ testimonial.jobTitle }}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endif %}