37 lines
1.7 KiB
PHP
37 lines
1.7 KiB
PHP
<section class="section-padding flex items-center relative overflow-hidden">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 bg-[hsl(var(--hero-container))] rounded-[20px] w-[95%]">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div class="space-y-8">
|
|
<h1 class="text-hero">
|
|
{!! $content['title'] !!}
|
|
</h1>
|
|
|
|
<blockquote class="text-large text-muted-foreground italic leading-relaxed border-l-4 border-secondary pl-6">
|
|
{{ $content['quote'] }}
|
|
</blockquote>
|
|
|
|
<div class="flex items-center gap-4">
|
|
<div class="w-16 h-px bg-secondary"></div>
|
|
<div>
|
|
<p class="font-semibold text-foreground">{{ $content['founder_name'] }}</p>
|
|
<p class="text-sm text-muted-foreground">{{ $content['founder_title'] }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="relative">
|
|
<div class="card-elevated rounded-3xl overflow-hidden">
|
|
<img
|
|
src="{{ asset('img/assets/' . $content['image']) }}"
|
|
alt="{{ $content['image_alt'] }}"
|
|
class="w-full h-96 lg:h-[500px] object-cover"
|
|
/>
|
|
</div>
|
|
<div class="absolute -bottom-6 -right-6 bg-secondary text-secondary-foreground p-6 rounded-2xl">
|
|
<div class="text-3xl font-bold">{{ $content['year'] }}</div>
|
|
<p class="text-sm opacity-90">{{ $content['year_text'] }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|