61 lines
3.1 KiB
PHP
61 lines
3.1 KiB
PHP
<section class="section-padding flex items-center relative border-b border-border/30">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 bg-hero-container rounded-[20px] w-[95%]">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div class="space-y-8">
|
|
<div class="slide-right delay-300">
|
|
<h1 class="text-hero mb-6">
|
|
{!! $content['title'] !!}
|
|
</h1>
|
|
|
|
<p class="text-lg text-muted-foreground max-w-md leading-relaxed">
|
|
{{ $content['subtitle'] }}
|
|
</p>
|
|
</div>
|
|
@if(isset($content['partner_types']))
|
|
<div class="grid grid-cols-2 gap-6 mt-8 border-t border-border/50 pt-8">
|
|
@foreach ($content['partner_types'] as $index => $partner)
|
|
<div class="flex gap-4 slide-up delay-{{ $index * 200 }}">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center">
|
|
@svg('heroicon-o-'.$partner['icon'], 'w-6 h-6 text-secondary')
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold text-foreground">{{ $partner['title'] }}</p>
|
|
<p class="text-sm text-muted-foreground">{{ $partner['description'] }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
@if(isset($content['stats']))
|
|
<div class="flex flex-wrap items-center gap-6 pt-10 border-t border-border/80 slide-right delay-300">
|
|
@foreach ($content['stats'] as $stat)
|
|
<div class="flex items-center gap-2 text-md text-muted-foreground">
|
|
@svg('heroicon-o-check-circle', 'w-6 h-6 text-secondary')
|
|
<span>{{ $stat }}</span>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
|
|
<div class="relative">
|
|
<div class="relative rounded-3xl overflow-hidden shadow-elevated slide-left delay-300">
|
|
<img src="{{ asset('img/assets/' . $content['image']) }}"
|
|
alt="{{ $content['image_alt'] }}"
|
|
class="w-full h-[600px] object-cover" />
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
|
|
</div>
|
|
|
|
{{-- Floating info card --}}
|
|
|
|
<div
|
|
class="absolute bottom-6 left-6 bg-card/95 backdrop-blur-sm rounded-xl p-4 shadow-lg border border-border/50 slide-left delay-400">
|
|
<div class="text-xl font-medium text-muted-foreground">{!! $content['hub']['title'] !!}</div>
|
|
<div class="text-lg font-medium font-secondary">{!! $content['hub']['subtitle'] !!}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|