40 lines
2.1 KiB
PHP
40 lines
2.1 KiB
PHP
<section class="section-padding text-center">
|
|
<div class="container-padding">
|
|
<div class="text-center mb-16 slide-up delay-300">
|
|
<h2 class="text-section-title text-foreground mb-6">
|
|
{!! $content['title'] !!}
|
|
</h2>
|
|
<p class="text-large text-muted-foreground max-w-2xl mx-auto">
|
|
{{ $content['subtitle'] }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|
@foreach($content['testimonials'] as $index => $testimonial)
|
|
<div class="card-elevated rounded-2xl p-8 text-left space-y-6 slide-up delay-{{ $index * 200 }}">
|
|
<div class="flex items-center gap-4">
|
|
<img src="{{ theme_image_url($testimonial['image']) }}" alt="{{ $testimonial['author'] }}" class="w-16 h-16 rounded-full object-cover">
|
|
<div>
|
|
<h4 class="font-bold text-foreground">{{ $testimonial['author'] }}</h4>
|
|
<p class="text-sm text-muted-foreground">{{ $testimonial['author_title'] }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex">
|
|
@for ($i = 0; $i < 5; $i++)
|
|
<svg class="w-5 h-5 {{ $i < $testimonial['rating'] ? 'text-secondary' : 'text-muted/20' }}" fill="currentColor" viewBox="0 0 20 20">
|
|
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
|
|
</svg>
|
|
@endfor
|
|
</div>
|
|
<blockquote class="text-muted-foreground italic leading-relaxed">
|
|
"{{ $testimonial['quote'] }}"
|
|
</blockquote>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|