29 lines
1.3 KiB
PHP
29 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 slide-right delay-300">
|
|
<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 slide-left delay-400">
|
|
<img src="{{ asset('img/assets/' . $content['image']) }}" alt="{{ $content['image_alt'] }}"
|
|
class="w-full h-full 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>
|