50 lines
No EOL
2.3 KiB
PHP
50 lines
No EOL
2.3 KiB
PHP
<section class="py-20 px-4 bg-background">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="text-center mb-16">
|
|
<h2 class="text-4xl lg:text-5xl font-light text-foreground mb-6">
|
|
Das <span class="text-secondary">Führungsteam</span>
|
|
</h2>
|
|
<p class="text-muted-foreground text-lg max-w-2xl mx-auto">
|
|
Unser erfahrenes Team bringt jahrzehntelange Expertise in den Bereichen
|
|
Technologie, Operations und Geschäftsentwicklung mit.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|
@foreach($this->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">B2IN TEAM</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section> |