30 lines
1.3 KiB
PHP
30 lines
1.3 KiB
PHP
<section class="section-padding {{ $bg }}">
|
|
<div class="container-padding">
|
|
<div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
|
|
{{-- Content --}}
|
|
<div class="spacing-section">
|
|
<div class="spacing-content">
|
|
<h2 class="text-section-title">{{ $content['title'] }}</h2>
|
|
<div class="spacing-small text-large text-muted-foreground leading-relaxed">
|
|
@foreach($content['paragraphs'] as $paragraph)
|
|
<p>{{ $paragraph }}</p>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Image --}}
|
|
<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-[500px] object-cover"
|
|
/>
|
|
|
|
<div class="absolute bottom-6 left-6 bg-card/95 backdrop-blur-sm rounded-xl p-4 shadow-lg border border-border/50">{{ $content['image_caption'] }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|