59 lines
2.8 KiB
PHP
59 lines
2.8 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">
|
|
|
|
@if($layout === 'right')
|
|
{{-- Layout Right: Image zuerst, dann Content --}}
|
|
{{-- Image --}}
|
|
<div class="relative lg:order-1">
|
|
<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>
|
|
|
|
{{-- Content --}}
|
|
<div class="spacing-section lg:order-2">
|
|
<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>
|
|
@else
|
|
{{-- Layout Left (Standard): Content zuerst, dann Image --}}
|
|
{{-- 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>
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|