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

10-04-2026

Browse source
This commit is contained in:
Kevin Adametz 2026-04-10 17:18:17 +02:00
parent 4d6b4930b2
commit 4bb89aad8c
836 changed files with 52961 additions and 5950 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/views/livewire/web/components/sections/about-hero.blade.php
View file

@ -21,7 +21,7 @@
<div class="relative">
<div class="relative rounded-3xl overflow-hidden shadow-elevated slide-left delay-300">
<img src="{{ asset('img/assets/' . $content['image']) }}"
<img src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['image_alt'] }}"
class="w-full h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>

4
resources/views/livewire/web/components/sections/benefits-section.blade.php
View file

@ -20,7 +20,7 @@
<div class="sticky top-8">
<div class="relative rounded-3xl overflow-hidden shadow-elevated slide-right delay-300">
@if(isset($content['image']))
<img src="{{ asset('img/assets/' . $content['image']) }}"
<img src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['image_alt'] ?? 'Benefits Image' }}"
class="w-full h-[400px] md:h-[500px] lg:h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
@ -122,7 +122,7 @@
<div class="sticky top-8">
<div class="relative rounded-3xl overflow-hidden shadow-elevated slide-left delay-300">
@if(isset($content['image']))
<img src="{{ asset('img/assets/' . $content['image']) }}"
<img src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['image_alt'] ?? 'Benefits Image' }}"
class="w-full h-[400px] md:h-[500px] lg:h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>

14
resources/views/livewire/web/components/sections/brand-worlds.blade.php
View file

@ -13,14 +13,17 @@
@foreach ($worlds as $world)
<div class="card-elevated overflow-hidden group hover:shadow-elevated transition-all duration-300 flex flex-col slide-up delay-500">
<div class="relative">
<img src="{{ asset('img/assets/' . $world['image']) }}" alt="{{ $world['title'] }}"
<x-web-picture
src="{{ theme_image_url($world['image']) }}"
alt="{{ $world['title'] }}"
class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" />
</div>
<div class="p-6 spacing-small flex flex-col justify-between flex-grow">
<div class="mb-4">
@if (isset($world['logo']))
<img src="{{ asset($world['logo']) }}" alt="{{ $world['title'] }}"
class="{{ $world['logo_width'] }} h-18 object-contain" />
class="{{ $world['logo_width'] }} h-18 object-contain"
loading="lazy" />
@else
<h3 class="text-xl font-medium">{{ $world['title'] }}</h3>
@endif
@ -30,9 +33,10 @@
</div>
<a href="{{ $world['link'] }}"
class="inline-flex items-center gap-2 text-secondary font-medium hover:gap-3 transition-all duration-300">
Mehr erfahren
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
class="inline-flex items-center gap-2 text-secondary font-medium hover:gap-3 transition-all duration-300"
@if(!empty($world['external'])) target="_blank" rel="noopener" @endif>
{{ __('ui.learn_more') }}
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7">
</path>
</svg>

6
resources/views/livewire/web/components/sections/card-section.blade.php
View file

@ -9,13 +9,13 @@
</div>
{{-- Brand Cards --}}
<div class="grid md:grid-cols-3 gap-8">
<div class="grid md:grid-cols-2 gap-8">
@foreach ($content['cards'] as $index => $card)
<div class="card-elevated overflow-hidden group hover:shadow-elevated transition-all duration-300 flex flex-col slide-up delay-{{ $index * 200 }}">
@if(isset($card['image']))
<div class="relative">
<img src="{{ asset('img/assets/' . $card['image']) }}" alt="{{ $card['title'] }}"
<img src="{{ theme_image_url($card['image']) }}" alt="{{ $card['title'] }}"
class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" />
</div>
@endif
@ -54,7 +54,7 @@
@if(isset($card['link']))
<a href="{{ $card['link'] }}"
class="inline-flex items-center gap-2 text-secondary font-medium hover:gap-3 transition-all duration-300">
Mehr erfahren
{{ __('ui.learn_more') }}
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7">
</path>

2
resources/views/livewire/web/components/sections/commitment-section.blade.php
View file

@ -13,7 +13,7 @@
@foreach($content['testimonials'] as $index => $testimonial)
<div class="card-elevated rounded-2xl p-8 text-left space-y-6 slide-up delay-{{ $index * 200 }}">
<div class="flex items-center gap-4">
<img src="{{ asset('img/assets/' . $testimonial['image']) }}" alt="{{ $testimonial['author'] }}" class="w-16 h-16 rounded-full object-cover">
<img src="{{ theme_image_url($testimonial['image']) }}" alt="{{ $testimonial['author'] }}" class="w-16 h-16 rounded-full object-cover">
<div>
<h4 class="font-bold text-foreground">{{ $testimonial['author'] }}</h4>
<p class="text-sm text-muted-foreground">{{ $testimonial['author_title'] }}</p>

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

@ -7,7 +7,7 @@
{{-- Image --}}
<div class="relative lg:order-1">
<div class="card-elevated rounded-3xl overflow-hidden slide-left delay-400">
<img src="{{ asset('img/assets/' . $content['image']) }}" alt="{{ $content['image_alt'] }}"
<img src="{{ theme_image_url($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">
@ -58,7 +58,7 @@
{{-- 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'] }}"
<img src="{{ theme_image_url($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">

2
resources/views/livewire/web/components/sections/dark-stats-section.blade.php
View file

@ -38,7 +38,7 @@
<div class="relative">
<div class="card-elevated bg-muted p-0 overflow-hidden rounded-3xl">
<img src="{{ asset('img/assets/' . $content['image']) }}" alt="{{ $content['image_alt'] }}"
<img src="{{ theme_image_url($content['image']) }}" alt="{{ $content['image_alt'] }}"
class="w-full h-96 object-cover" />
</div>
</div>

12
resources/views/livewire/web/components/sections/ecosystem-core.blade.php
View file

@ -1,5 +1,6 @@
{{-- Hero Icons Helper Function --}}
@php
if (!function_exists('renderHeroIcon')) {
function renderHeroIcon($iconName, $style = 'outline', $color = 'text-secondary')
{
$iconPath = public_path("heroicons/optimized/24/{$style}/{$iconName}.svg");
@ -19,13 +20,14 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.563.563 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"/>
</svg>';
}
}
@endphp
<section class="section-padding {{ $bg }}">
<div class="container-padding">
{{-- Section Title --}}
<div class="text-center mb-16 slide-up delay-300">
<h2 class="text-section-title">{{ $content['title'] }}</h2>
<h2 class="text-section-title">{!! $content['title'] !!}</h2>
@if (isset($content['subtitle']))
<p class="text-large text-muted-foreground mt-4 max-w-2xl mx-auto">
{{ $content['subtitle'] }}
@ -36,7 +38,11 @@
{{-- Pillars Grid --}}
<div class="grid md:grid-cols-3 gap-8 lg:gap-12 slide-up delay-400">
@foreach ($content['pillars'] as $index => $pillar)
@if (isset($pillar['link']))
<a href="{{ $pillar['link'] }}" class="card-elevated rounded-2xl p-8 text-center block hover:shadow-lg transition-shadow duration-300">
@else
<div class="card-elevated rounded-2xl p-8 text-center">
@endif
<div class="text-center spacing-content group">
<div
class="mx-auto w-20 h-20 icon-secondary-linear glow-soft group-hover:glow-medium rounded-2xl flex items-center justify-center transition-colors duration-300">
@ -50,7 +56,11 @@
</p>
</div>
</div>
@if (isset($pillar['link']))
</a>
@else
</div>
@endif
@endforeach
</div>
</div>

2
resources/views/livewire/web/components/sections/ecosystem-hero.blade.php
View file

@ -51,7 +51,7 @@
<div class="relative">
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['image']) }}"
<img src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['image_alt'] }}"
class="w-full h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>

2
resources/views/livewire/web/components/sections/end-customer-section.blade.php
View file

@ -55,7 +55,7 @@
</div>
<div class="relative">
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['image']) }}"
<img src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['image_alt'] }}"
class="w-full h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>

73
resources/views/livewire/web/components/sections/f-a-q.blade.php
View file

@ -1,11 +1,12 @@
@php($faqCounter = 0)
<div x-data="{ openIndex: null }">
<section class="section-padding {{ $bg }}">
<div class="container-padding">
{{-- Section Title --}}
<div class="text-center mb-16">
<h2 class="text-hero mb-6">
<h1 class="text-hero mb-6">
{!! $content['title'] !!}
</h2>
</h1>
@if(!empty($content['subtitle']))
<p class="text-large text-muted-foreground max-w-2xl mx-auto">
{!! $content['subtitle'] !!}
@ -14,10 +15,12 @@
</div>
{{-- FAQ Container --}}
<div class="max-w-4xl mx-auto">
<div class="max-w-4xl mx-auto space-y-12">
{{-- Allgemeine Fragen (ungrouped) --}}
@if(!empty($content['questions']))
<div class="space-y-4">
@foreach($content['questions'] as $index => $faq)
@foreach($content['questions'] as $faq)
@php($index = $faqCounter++)
<div class="card-elevated rounded-xl overflow-hidden">
<dt>
<button
@ -55,8 +58,66 @@
</div>
@endforeach
</div>
@else
{{-- Fallback wenn keine FAQ-Daten vorhanden --}}
@endif
{{-- Gruppierte Sektionen --}}
@if(!empty($content['sections']))
@foreach($content['sections'] as $section)
<div>
{{-- Sektions-Header --}}
<div class="flex items-center gap-3 mb-6">
<div class="flex items-center justify-center w-10 h-10 rounded-full bg-secondary/10 text-secondary shrink-0">
@svg('heroicon-o-' . ($section['icon'] ?? 'question-mark-circle'), 'w-5 h-5')
</div>
<h2 class="text-lg font-semibold text-foreground">{{ $section['title'] }}</h2>
<div class="flex-1 h-px bg-border"></div>
</div>
<div class="space-y-4">
@foreach($section['questions'] as $faq)
@php($index = $faqCounter++)
<div class="card-elevated rounded-xl overflow-hidden">
<dt>
<button
@click="openIndex = openIndex === {{ $index }} ? null : {{ $index }}"
class="flex w-full items-center justify-between p-6 text-left hover:bg-muted/30 transition-colors duration-200"
:aria-expanded="openIndex === {{ $index }}"
>
<span class="text-lg font-medium text-foreground pr-6">
{{ $faq['question'] }}
</span>
<span class="flex-shrink-0 ml-6 flex h-8 w-8 items-center justify-center rounded-full bg-secondary/10 transition-all duration-200"
:class="openIndex === {{ $index }} ? 'bg-secondary text-white' : 'text-secondary hover:bg-secondary/20'">
<svg class="w-5 h-5 transition-transform duration-200"
:class="openIndex === {{ $index }} ? 'rotate-180' : ''"
fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</span>
</button>
</dt>
<dd x-show="openIndex === {{ $index }}"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0 transform -translate-y-2"
x-transition:enter-end="opacity-100 transform translate-y-0"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100 transform translate-y-0"
x-transition:leave-end="opacity-0 transform -translate-y-2"
class="px-6 pb-6">
<div class="border-t border-border pt-4">
<p class="text-muted-foreground leading-relaxed">
{{ $faq['answer'] }}
</p>
</div>
</dd>
</div>
@endforeach
</div>
</div>
@endforeach
@endif
@if(empty($content['questions']) && empty($content['sections']))
<div class="text-center py-12">
<p class="text-muted-foreground">Keine FAQ-Inhalte verfügbar.</p>
</div>

24
resources/views/livewire/web/components/sections/founder-bar.blade.php Normal file
View file

@ -0,0 +1,24 @@
<section class="py-8 bg-background border-b border-border/30">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col sm:flex-row items-center gap-6 sm:gap-8">
@if(isset($content['image']))
<div class="shrink-0">
<x-web-picture
src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['name'] ?? 'Founder' }}"
class="w-16 h-16 sm:w-20 sm:h-20 rounded-full object-cover border-2 border-secondary/30 shadow-lg"
width="80" height="80" />
</div>
@endif
<div class="text-center sm:text-left">
<p class="text-lg sm:text-xl font-medium text-foreground">
{!! $content['statement'] ?? '' !!}
</p>
<p class="text-sm text-muted-foreground mt-1">
{{ $content['name'] ?? '' }} · {{ $content['title'] ?? '' }}
</p>
</div>
</div>
</div>
</section>

2
resources/views/livewire/web/components/sections/hero-image.blade.php
View file

@ -25,7 +25,7 @@
{{-- Full Width Hero Image --}}
<div class="relative w-full">
<div class="relative rounded-2xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . ($content['hero_image'] ?? $content['tiles'][0]['image'])) }}"
<img src="{{ theme_image_url($content['hero_image'] ?? $content['tiles'][0]['image']) }}"
alt="{{ $content['hero_image_alt'] ?? $content['tiles'][0]['alt'] ?? '' }}"
class="w-full h-64 md:h-80 lg:h-96 object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/30 via-black/10 to-transparent"></div>

8
resources/views/livewire/web/components/sections/hero-slider.blade.php
View file

@ -10,7 +10,7 @@
:class="currentSlide === {{ $index }} ? 'opacity-100' : 'opacity-0'"
>
<img
src="{{ asset('img/assets/' . $slide['image']) }}"
src="{{ theme_image_url($slide['image']) }}"
alt="{{ $slide['image_alt'] }}"
class="size-full object-cover"
/>
@ -38,7 +38,7 @@
@click="setSlide({{ $index }})"
class="w-3 h-3 rounded-full border-2 border-white/50 transition-all duration-300"
:class="currentSlide === {{ $index }} ? 'bg-white border-white' : 'bg-transparent hover:border-white/80'"
aria-label="Slide {{ $index + 1 }} anzeigen"
aria-label="{{ __('ui.show_slide', ['number' => $index + 1]) }}"
></button>
@endforeach
</div>
@ -50,7 +50,7 @@
<button
@click="previousSlide()"
class="absolute left-6 top-1/2 transform -translate-y-1/2 text-white/70 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white/50 rounded-full p-2"
aria-label="Vorheriges Bild"
aria-label="{{ __('ui.previous_image') }}"
>
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
@ -60,7 +60,7 @@
<button
@click="nextSlide()"
class="absolute right-6 top-1/2 transform -translate-y-1/2 text-white/70 hover:text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-white/50 rounded-full p-2"
aria-label="Nächstes Bild"
aria-label="{{ __('ui.next_image') }}"
>
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>

10
resources/views/livewire/web/components/sections/hero-tiles.blade.php
View file

@ -37,7 +37,7 @@
{{-- First Column --}}
<div class="ml-auto w-44 flex-none space-y-8 pt-32 sm:ml-0 sm:pt-80 lg:order-last lg:pt-36 xl:order-0 xl:pt-80">
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['tiles'][0]['image']) }}"
<img src="{{ theme_image_url($content['tiles'][0]['image']) }}"
alt="{{ $content['tiles'][0]['alt'] ?? '' }}"
class="aspect-2/3 w-full object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
@ -47,13 +47,13 @@
{{-- Second Column --}}
<div class="mr-auto w-44 flex-none space-y-8 sm:mr-0 sm:pt-52 lg:pt-36">
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['tiles'][1]['image']) }}"
<img src="{{ theme_image_url($content['tiles'][1]['image']) }}"
alt="{{ $content['tiles'][1]['alt'] ?? '' }}"
class="aspect-2/3 w-full object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
</div>
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['tiles'][2]['image']) }}"
<img src="{{ theme_image_url($content['tiles'][2]['image']) }}"
alt="{{ $content['tiles'][2]['alt'] ?? '' }}"
class="aspect-2/3 w-full object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
@ -63,13 +63,13 @@
{{-- Third Column --}}
<div class="w-44 flex-none space-y-8 pt-32 sm:pt-0">
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['tiles'][3]['image']) }}"
<img src="{{ theme_image_url($content['tiles'][3]['image']) }}"
alt="{{ $content['tiles'][3]['alt'] ?? '' }}"
class="aspect-2/3 w-full object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
</div>
<div class="relative rounded-3xl overflow-hidden shadow-elevated">
<img src="{{ asset('img/assets/' . $content['tiles'][4]['image']) }}"
<img src="{{ theme_image_url($content['tiles'][4]['image']) }}"
alt="{{ $content['tiles'][4]['alt'] ?? '' }}"
class="aspect-2/3 w-full object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>

2
resources/views/livewire/web/components/sections/hero.blade.php
View file

@ -37,7 +37,7 @@
{{-- Right Image --}}
<div class="relative">
<div class="relative rounded-3xl overflow-hidden shadow-elevated slide-left delay-300">
<img src="{{ asset('img/assets/' . $content['image']) }}" alt="{{ $content['image_alt'] }}"
<img src="{{ theme_image_url($content['image']) }}" alt="{{ $content['image_alt'] }}"
class="w-full h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
</div>

21
resources/views/livewire/web/components/sections/image-break.blade.php Normal file
View file

@ -0,0 +1,21 @@
@if (!empty($content))
<section class="relative h-[30vh] min-h-[220px] overflow-hidden">
<x-web-picture
src="{{ theme_image_url($content['image'] ?? '') }}"
alt="{{ $content['image_alt'] ?? 'Dekoratives Bild' }}"
class="absolute inset-0 w-full h-full object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/30 to-black/10"></div>
@if (isset($content['quote']))
<div class="absolute inset-0 flex items-end justify-center pb-12 px-6">
<div class="text-center slide-up delay-300">
<p class="text-xl lg:text-2xl font-medium text-white italic max-w-2xl leading-relaxed">
"{{ $content['quote'] }}"
</p>
@if (isset($content['author']))
<p class="text-sm text-white/70 mt-3">– {{ $content['author'] }}</p>
@endif
</div>
</div>
@endif
</section>
@endif

149
resources/views/livewire/web/components/sections/immobilien-contact-form.blade.php Normal file
View file

@ -0,0 +1,149 @@
<div>
@if ($success)
<div class="flex flex-col items-center text-center py-6 gap-4">
<div class="flex items-center justify-center w-16 h-16 rounded-full bg-green-100">
<svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
</div>
<div>
<p class="text-lg font-semibold text-foreground">{{ __('ui.immobilien_form.success_title') }}</p>
<p class="text-muted-foreground mt-1 text-sm">{{ __('ui.immobilien_form.success_message') }}</p>
</div>
</div>
@else
<form wire:submit="submit" class="space-y-6">
{{-- Honeypot --}}
<div class="opacity-0 absolute top-0 left-0 h-0 w-0 -z-10 overflow-hidden" aria-hidden="true">
<label for="website_hp">Website</label>
<input type="text" id="website_hp" name="website" wire:model="website" tabindex="-1" autocomplete="off">
</div>
@if (!empty($interestOptions))
<div>
<label for="interest" class="block text-sm font-medium text-foreground mb-2">{{ __('ui.immobilien_form.interest') }}</label>
<div class="grid grid-cols-1">
<select
wire:model="interest"
id="interest"
class="col-start-1 row-start-1 w-full appearance-none rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-secondary focus:ring-1 focus:ring-secondary sm:text-sm/6">
<option value="">{{ __('ui.immobilien_form.please_select') }}</option>
@foreach ($interestOptions as $value => $label)
<option value="{{ $value }}">{{ $label }}</option>
@endforeach
</select>
<svg viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"
class="pointer-events-none col-start-1 row-start-1 mr-3 size-4 self-center justify-self-end text-muted-foreground">
<path d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" fill-rule="evenodd" />
</svg>
</div>
@error('interest') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
@endif
<div class="grid sm:grid-cols-2 gap-4">
<div>
<label for="firstName" class="block text-sm font-medium text-foreground mb-2">{{ __('ui.immobilien_form.first_name') }}</label>
<input
wire:model="firstName"
id="firstName"
type="text"
placeholder="{{ __('ui.immobilien_form.first_name_placeholder') }}"
class="w-full rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-secondary focus:ring-1 focus:ring-secondary sm:text-sm"
/>
@error('firstName') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
<div>
<label for="lastName" class="block text-sm font-medium text-foreground mb-2">{{ __('ui.immobilien_form.last_name') }}</label>
<input
wire:model="lastName"
id="lastName"
type="text"
placeholder="{{ __('ui.immobilien_form.last_name_placeholder') }}"
class="w-full rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-secondary focus:ring-1 focus:ring-secondary sm:text-sm"
/>
@error('lastName') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
</div>
<div class="grid sm:grid-cols-2 gap-4">
<div>
<label for="email" class="block text-sm font-medium text-foreground mb-2">{{ __('ui.immobilien_form.email') }}</label>
<input
wire:model="email"
id="email"
type="email"
placeholder="{{ __('ui.immobilien_form.email_placeholder') }}"
class="w-full rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-secondary focus:ring-1 focus:ring-secondary sm:text-sm"
/>
@error('email') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
<div>
<label for="phone" class="block text-sm font-medium text-foreground mb-2">
{{ __('ui.immobilien_form.phone') }}
</label>
<input
wire:model="phone"
id="phone"
type="tel"
placeholder="+49 ..."
class="w-full rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-secondary focus:ring-1 focus:ring-secondary sm:text-sm"
/>
@error('phone') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
</div>
<div>
<label for="message" class="block text-sm font-medium text-foreground mb-2">
{{ __('ui.immobilien_form.message') }}
</label>
<textarea
wire:model="message"
id="message"
rows="3"
placeholder="{{ __('ui.immobilien_form.message_placeholder') }}"
class="w-full rounded-lg border border-border bg-background px-4 py-3 text-foreground focus:border-secondary focus:ring-1 focus:ring-secondary sm:text-sm resize-none"
></textarea>
@error('message') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
<div x-data="{ on: $wire.entangle('privacy') }">
<label class="flex items-start gap-3 cursor-pointer">
<input
x-model="on"
id="privacy_immo"
type="checkbox"
class="sr-only"
/>
<span
role="switch"
:aria-checked="on.toString()"
:class="on ? 'bg-green-500' : 'bg-muted'"
class="relative mt-0.5 w-11 h-6 shrink-0 rounded-full transition-colors duration-200"
>
<span
:class="on ? 'translate-x-5' : 'translate-x-0'"
class="absolute top-0.5 left-0.5 h-5 w-5 rounded-full bg-white shadow-sm transition-transform duration-200 pointer-events-none"
></span>
</span>
<span class="text-sm text-muted-foreground">
{{ __('ui.immobilien_form.privacy_prefix') }}
<a href="{{ route('privacy') }}" target="_blank" class="text-secondary underline underline-offset-2 hover:no-underline">Datenschutzerklärung</a>
{{ __('ui.immobilien_form.privacy_suffix') }}
</span>
</label>
@error('privacy') <span class="text-red-500 text-xs mt-1 block">{{ $message }}</span> @enderror
</div>
<button
type="submit"
wire:loading.attr="disabled"
class="w-full btn-primary-accent"
>
<span wire:loading.remove>{{ __('ui.immobilien_form.submit') }}</span>
<span wire:loading>{{ __('ui.immobilien_form.sending') }}</span>
</button>
</form>
@endif
</div>

2
resources/views/livewire/web/components/sections/leadership-team.blade.php
View file

@ -15,7 +15,7 @@
<div class="card-elevated rounded-3xl overflow-hidden hover:scale-105 transition-all duration-300">
<div class="relative">
<img
src="{{ asset('img/assets/' . $member['image']) }}"
src="{{ theme_image_url($member['image']) }}"
alt="{{ $member['name'] }} - {{ $member['position'] }}"
class="w-full h-80 object-cover"
/>

12
resources/views/livewire/web/components/sections/magazin-detail.blade.php
View file

@ -38,16 +38,16 @@
<!-- Featured Image -->
<div class="mb-12 overflow-hidden rounded-lg shadow-md slide-up delay-200">
<img
src="{{ asset('img/assets/' . $article['image']) }}"
<x-web-picture
src="{{ theme_image_url($article['image']) }}"
alt="{{ $article['title'] }}"
class="w-full h-64 md:h-96 object-cover"
>
/>
</div>
<div class="grid md:grid-cols-4 gap-12">
<!-- Main Content -->
<div class="md:col-span-3">
<div class="md:col-span-4">
<div class="prose prose-lg max-w-none">
<p class="text-lg text-muted-foreground leading-relaxed mb-8 slide-up delay-200">
{{ $article['content']['intro'] }}
@ -67,7 +67,7 @@
</div>
<!-- Sidebar -->
<div class="md:col-span-1">
{{-- <div class="md:col-span-1">
<div class="sticky top-24">
<div class="card-elevated rounded-lg p-2 slide-left delay-400">
@ -93,7 +93,7 @@
</div>
</div>
</div>
</div>
</div> --}}
</div>
</div>
</article>

24
resources/views/livewire/web/components/sections/magazin-list.blade.php
View file

@ -1,9 +1,9 @@
<section class="section-padding">
<div class="container-padding">
<div class="text-center mb-16">
<h2 class="text-hero mb-6">
<h1 class="text-hero mb-6">
{!! $content['title'] !!}
</h2>
</h1>
<p class="text-large text-muted-foreground mt-4 max-w-3xl mx-auto">
{{ $content['subtitle'] }}
</p>
@ -13,13 +13,13 @@
@foreach($this->posts as $post)
<article class="group">
<div class="card-elevated rounded-3xl overflow-hidden h-full transition-all duration-300">
<div class="flex flex-col md:flex-row">
<div class="relative md:w-3/4 aspect-[2/1] md:aspect-[2/1]">
<img
src="{{ asset('img/assets/' . $post['image']) }}"
<div class="flex flex-col lg:flex-row">
<div class="relative lg:w-3/4 aspect-[2/1] lg:aspect-[2/1]">
<x-web-picture
src="{{ theme_image_url($post['image']) }}"
alt="{{ $post['title'] }}"
class="w-full h-full object-cover"
>
/>
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
</div>
@ -45,14 +45,14 @@
<div class="flex items-center justify-between mt-6">
<div class="flex items-center text-secondary font-medium group-hover:text-secondary-dark transition-colors duration-200">
<a href="/magazin/{{ $post['id'] }}" class="text-sm">{{ $content['read_more'] }}</a>
<svg class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<svg class="w-4 h-4 ml-2 transform group-hover:translate-x-1 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
</svg>
</div>
<div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center group-hover:bg-secondary transition-colors duration-200">
<a href="/magazin/{{ $post['id'] }}">
<svg class="w-4 h-4 text-white transform group-hover:translate-x-1 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<a href="/magazin/{{ $post['id'] }}" aria-label="{{ __('ui.read_article', ['title' => $post['title']]) }}">
<svg class="w-4 h-4 text-white transform group-hover:translate-x-1 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3" />
</svg>
</a>
@ -65,10 +65,10 @@
@endforeach
</div>
<div class="text-center mt-16">
{{-- <div class="text-center mt-16">
<a href="/magazin?page=2" class="btn-primary-accent">
{{ $content['load_more'] }}
</a>
</div>
</div> --}}
</div>
</section>

2
resources/views/livewire/web/components/sections/our-story.blade.php
View file

@ -7,7 +7,7 @@
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="grid md:grid-cols-2 lg:grid-cols-2 gap-8">
@foreach($content['timeline'] as $index => $card)
<div class="group {{ $index === 4 ? 'md:col-span-2 lg:col-span-1 lg:col-start-2' : '' }}">
<div class="card-elevated overflow-hidden group hover:shadow-elevated transition-all duration-300 flex flex-col h-full slide-up delay-{{ $index * 200 }}">

4
resources/views/livewire/web/components/sections/our-values.blade.php
View file

@ -1,5 +1,6 @@
{{-- Hero Icons Helper Function --}}
@php
if (!function_exists('renderHeroIcon')) {
function renderHeroIcon($iconName, $style = 'outline') {
$iconPath = public_path("heroicons/optimized/24/{$style}/{$iconName}.svg");
$fallbackPath = public_path("heroicons/optimized/24/outline/sparkles.svg");
@ -18,8 +19,9 @@ function renderHeroIcon($iconName, $style = 'outline') {
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.563.563 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"/>
</svg>';
}
}
@endphp
<section class="section-padding">
<section class="section-padding bg-accent">
<div class="container-padding">
<div class="text-center mb-16 slide-up delay-300">
<h2 class="text-section-title">{!! $content['title'] !!}</h2>

2
resources/views/livewire/web/components/sections/partner-benefits.blade.php
View file

@ -138,7 +138,7 @@
<div class="relative">
<div class="card-elevated p-0 overflow-hidden rounded-xl">
<img src="{{ asset('img/assets/' . $content['supplier']['highlight']['image']) }}" alt="{{ $content['supplier']['highlight']['alt'] }}"
<img src="{{ theme_image_url($content['supplier']['highlight']['image']) }}" alt="{{ $content['supplier']['highlight']['alt'] }}"
class="w-full h-48 object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent flex items-end">
<div class="p-6 text-white">

9
resources/views/livewire/web/components/sections/partner-c-t-a.blade.php
View file

@ -10,14 +10,7 @@
{{ $content['subtitle'] }}
</p>
<div class="grid md:grid-cols-3 gap-8 py-8 slide-up delay-400">
@foreach($content['stats'] as $stat)
<div class="text-center space-y-3">
<div class="text-4xl font-light text-secondary-foreground">{{ $stat['number'] }}</div>
<p class="text-secondary-foreground text-sm">{{ $stat['label'] }}</p>
</div>
@endforeach
</div>
<div class="spacing-content slide-up delay-500">
<a href="{{ $content['button_link'] }}" class="btn-primary-accent">

2
resources/views/livewire/web/components/sections/partner-hero.blade.php
View file

@ -42,7 +42,7 @@
<div class="relative">
<div class="relative rounded-3xl overflow-hidden shadow-elevated slide-left delay-300">
<img src="{{ asset('img/assets/' . $content['image']) }}"
<img src="{{ theme_image_url($content['image']) }}"
alt="{{ $content['image_alt'] }}"
class="w-full h-[600px] object-cover" />
<div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>

22
resources/views/livewire/web/components/sections/portfolio.blade.php
View file

@ -49,7 +49,7 @@
<!-- Image Container -->
<div class="relative aspect-[4/3] overflow-hidden cursor-pointer"
wire:click="openModal({{ json_encode($project) }})">
<img src="{{ asset('img/assets/' . $project['image']) }}"
<img src="{{ theme_image_url($project['image']) }}"
alt="{{ $project['title'] }}"
class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
@ -64,7 +64,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
</svg>
<span class="font-medium"> Ansehen</span>
<span class="font-medium"> {{ __('ui.view') }}</span>
</div>
</button>
</div>
@ -128,8 +128,8 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
</svg>
</div>
<h3 class="text-lg font-medium text-foreground mb-2">Keine Projekte gefunden</h3>
<p class="text-muted-foreground">Versuchen Sie einen anderen Filter</p>
<h3 class="text-lg font-medium text-foreground mb-2">{{ __('ui.portfolio.no_projects') }}</h3>
<p class="text-muted-foreground">{{ __('ui.portfolio.try_other_filter') }}</p>
</div>
@endif
</div>
@ -175,7 +175,7 @@
<div class="h-full max-h-[90vh] overflow-y-auto">
<!-- Image -->
<div class="aspect-[16/10] relative overflow-hidden rounded-t-2xl">
<img src="{{ asset('img/assets/' . $selectedProject['image']) }}"
<img src="{{ theme_image_url($selectedProject['image']) }}"
alt="{{ $selectedProject['title'] }}"
class="w-full h-full object-cover">
@ -200,7 +200,7 @@
<!-- Features -->
<div class="mb-6">
<h4 class="font-semibold text-foreground mb-3">Ausstattung</h4>
<h4 class="font-semibold text-foreground mb-3">{{ __('ui.portfolio.amenities') }}</h4>
<div class="flex flex-wrap gap-2">
@foreach($selectedProject['features'] as $feature)
<span class="bg-muted text-muted-foreground px-3 py-1 rounded-full text-sm">
@ -213,7 +213,7 @@
<!-- Details Sidebar -->
<div class="lg:w-80 card-elevated rounded-lg p-6">
<h4 class="font-semibold text-foreground mb-4">Projektdetails</h4>
<h4 class="font-semibold text-foreground mb-4">{{ __('ui.portfolio.project_details') }}</h4>
<div class="space-y-4">
@if(isset($selectedProject['location']) && $selectedProject['location'] != '')
@ -223,7 +223,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
</svg>
<div>
<span class="text-sm text-muted-foreground">Standort</span>
<span class="text-sm text-muted-foreground">{{ __('ui.portfolio.location') }}</span>
<div class="font-medium text-foreground">{{ $selectedProject['location'] }}</div>
</div>
</div>
@ -235,7 +235,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1"></path>
</svg>
<div>
<span class="text-sm text-muted-foreground">Preis</span>
<span class="text-sm text-muted-foreground">{{ __('ui.portfolio.price') }}</span>
<div class="font-bold text-lg text-secondary">{{ $selectedProject['price'] }}</div>
</div>
</div>
@ -247,7 +247,7 @@
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8V4a1 1 0 011-1h4m0 0V4m0-1h6m0 1v3M4 8h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V8z"></path>
</svg>
<div>
<span class="text-sm text-muted-foreground">Größe</span>
<span class="text-sm text-muted-foreground">{{ __('ui.portfolio.size') }}</span>
<div class="font-medium text-foreground">{{ $selectedProject['size'] }}</div>
</div>
</div>
@ -256,7 +256,7 @@
<!-- CTA Button -->
<button class="btn-primary-accent w-full mt-6">
Kontakt aufnehmen
{{ __('ui.contact') }}
</button>
</div>
</div>

2
resources/views/livewire/web/components/sections/vision-section.blade.php
View file

@ -6,7 +6,7 @@
{{-- 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'] }}"
<img src="{{ theme_image_url($content['image']) }}" alt="{{ $content['image_alt'] }}"
class="w-full h-full object-cover" />
<div