49 lines
2.2 KiB
PHP
49 lines
2.2 KiB
PHP
<section class="section-padding relative">
|
|
<div class="container-padding">
|
|
{{-- Header Content --}}
|
|
<div class="text-center mb-12 max-w-4xl mx-auto">
|
|
<h1 class="text-hero mb-6">
|
|
{!! $content['title'] !!}
|
|
</h1>
|
|
<p class="text-large text-muted-foreground mt-4 max-w-3xl mx-auto">
|
|
{!! $content['subtitle'] !!}
|
|
</p>
|
|
</div>
|
|
|
|
{{-- CTA Buttons --}}
|
|
@if(isset($content['cta1_text']) && isset($content['cta2_text']))
|
|
<div class="flex flex-col sm:flex-row gap-4 justify-center mb-16">
|
|
<a href="{{ $content['cta1_link'] }}" class="btn-primary-accent">
|
|
{{ $content['cta1_text'] }}
|
|
</a>
|
|
<a href="{{ $content['cta2_link'] }}" class="btn-secondary-accent">
|
|
{{ $content['cta2_text'] }}
|
|
</a>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Full Width Hero Image --}}
|
|
<div class="relative w-full">
|
|
<div class="relative rounded-2xl overflow-hidden shadow-elevated">
|
|
<img src="{{ asset('img/assets/' . ($content['hero_image'] ?? $content['tiles'][0]['image'])) }}"
|
|
alt="{{ $content['hero_image_alt'] ?? $content['tiles'][0]['alt'] ?? '' }}"
|
|
class="w-full h-64 md:h-80 lg:h-96 object-cover" />
|
|
<div class="absolute inset-0 bg-gradient-to-t from-black/30 via-black/10 to-transparent"></div>
|
|
|
|
{{-- Optional overlay content --}}
|
|
@if(isset($content['stats']) && count($content['stats']) > 0)
|
|
<div class="absolute bottom-0 left-0 right-0 p-8">
|
|
<div class="flex items-center justify-center space-x-8 text-white/90 text-sm">
|
|
@foreach ($content['stats'] as $stat)
|
|
<span class="font-medium">{{ $stat }}</span>
|
|
@if (!$loop->last)
|
|
<span class="opacity-60">•</span>
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|