Manoel Freitas
42b282c1f2
* feat: adicionar cadência editorial à home * fix: reconcile pr23 ci with current main * test: atualizar baselines visuais da home para cadência editorial
47 lines
2.3 KiB
PHP
47 lines
2.3 KiB
PHP
@props([
|
|
'testimonials',
|
|
])
|
|
|
|
@php
|
|
$testimonials = $testimonials
|
|
->filter(fn ($testimonial): bool => filled(trim((string) $testimonial->quote)))
|
|
->values();
|
|
@endphp
|
|
|
|
@if ($testimonials->isNotEmpty())
|
|
<section aria-labelledby="testimonials-heading" class="home-chapter border-b border-amare-border bg-amare-bg py-16" data-chapter="testimonials">
|
|
<div class="container-amare space-y-8" data-reveal-group>
|
|
<div class="max-w-2xl space-y-3" data-reveal data-reveal-from="up">
|
|
<x-home.folio label="Depoimentos" />
|
|
<h2 id="testimonials-heading" class="text-3xl font-medium text-amare-text">Depoimentos</h2>
|
|
<p class="text-amare-text-muted">Quem celebrou com a Amare conta como foi a experiência.</p>
|
|
</div>
|
|
|
|
<div class="grid gap-6 md:grid-cols-2">
|
|
@foreach ($testimonials as $testimonial)
|
|
@php
|
|
$paragraphs = preg_split('/\n\s*\n/', trim((string) $testimonial->quote)) ?: [];
|
|
$paragraphs = array_values(array_filter(array_map('trim', $paragraphs), fn (string $p): bool => $p !== ''));
|
|
@endphp
|
|
<blockquote class="space-y-4 border-t border-amare-border pt-4" data-reveal data-reveal-from="{{ $loop->odd ? 'left' : 'right' }}">
|
|
<div class="grid grid-cols-[1.5rem_minmax(0,1fr)] gap-2">
|
|
<span class="text-3xl leading-none text-amare-sage" aria-hidden="true">“</span>
|
|
<div class="space-y-3 text-lg text-amare-text">
|
|
@foreach ($paragraphs as $paragraph)
|
|
<p>{{ $paragraph }}</p>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<footer class="pl-8 text-sm text-amare-text-muted">
|
|
<cite class="not-italic font-semibold text-amare-text">{{ $testimonial->author_name }}</cite>
|
|
@if (filled($testimonial->context))
|
|
<span> — {{ $testimonial->context }}</span>
|
|
@endif
|
|
</footer>
|
|
</blockquote>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endif
|