{% if testimonials|length > 0 %}
<section>
<div class="container">
<div class="grid gap-8">
{% for testimonial in testimonials %}
<div class="w-full flex {% if testimonial.image %}flex-row{% else %}flex-col{% endif %} {% if not loop.last %}border-b{% endif %} pb-8">
{% 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-lg font-light mb-4">{{ testimonial.content|nl2br }}</p>
<p class="text-sm font-bold mb-0 text-secondary">{{ testimonial.attestant }}</p>
<p class="text-sm text-secondary">{{ testimonial.jobTitle }}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% endif %}