49 lines
2.2 KiB
PHP
49 lines
2.2 KiB
PHP
<section class="section-padding bg-accent">
|
|
<div class="container-padding">
|
|
<div class="text-center mb-16">
|
|
<h2 class="text-section-title 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-3 gap-8">
|
|
@foreach($content['team'] as $member)
|
|
<div class="group">
|
|
<div class="card-elevated rounded-3xl overflow-hidden hover:scale-105 transition-all duration-300">
|
|
<div class="relative">
|
|
<img
|
|
src="{{ asset('img/assets/' . $member['image']) }}"
|
|
alt="{{ $member['name'] }} - {{ $member['position'] }}"
|
|
class="w-full h-80 object-cover"
|
|
/>
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent"></div>
|
|
</div>
|
|
|
|
<div class="p-6 space-y-4">
|
|
<div>
|
|
<h3 class="text-xl font-semibold text-foreground mb-1">
|
|
{{ $member['name'] }}
|
|
</h3>
|
|
<p class="text-secondary font-medium text-sm">
|
|
{{ $member['position'] }}
|
|
</p>
|
|
</div>
|
|
|
|
<p class="text-muted-foreground text-sm leading-relaxed">
|
|
{{ $member['expertise'] }}
|
|
</p>
|
|
|
|
<div class="flex items-center gap-2 pt-2">
|
|
<div class="w-8 h-px bg-secondary"></div>
|
|
<span class="text-xs text-secondary font-medium">{{ $content['team_tag'] }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|