gitmedia/b2in
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

development 31-10-2025

Browse source
This commit is contained in:
Kevin Adametz 2025-10-31 17:11:43 +01:00
parent 7cf3558ba7
commit fa2ebd457d
47 changed files with 2980 additions and 452 deletions
Download patch file Download diff file Expand all files Collapse all files

59
resources/views/livewire/web/components/sections/content-section.blade.php
View file

@ -2,40 +2,54 @@
<div class="container-padding">
<div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
@if($layout === 'right')
@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 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-[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 slide-left delay-500">
{{ $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-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>
@foreach ($content['paragraphs'] as $paragraph)
<p>{!! $paragraph !!}</p>
@endforeach
</div>
@if(isset($content['list']))
<div class="grid grid-cols-1 gap-6 border-t border-border/50 pt-8">
@foreach ($content['list'] as $index => $item)
<div class="flex gap-4 slide-up delay-{{ $index * 200 }} mb-4">
<div class="flex-shrink-0 w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center">
@svg('heroicon-o-'.$item['icon'], 'w-6 h-6 text-secondary')
</div>
<div>
<p class="font-semibold text-muted-foreground">{{ $item['title'] }}</p>
</div>
</div>
@endforeach
</div>
@endif
</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-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>
@foreach ($content['paragraphs'] as $paragraph)
<p>{!! $paragraph !!}</p>
@endforeach
</div>
</div>
@ -43,13 +57,12 @@
{{-- 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 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 slide-left delay-500">
{{ $content['image_caption'] }}</div>
</div>
</div>
@endif