154 lines
10 KiB
PHP
154 lines
10 KiB
PHP
<section class="section-padding">
|
|
<div class="container-padding">
|
|
<div class="text-center mb-16">
|
|
<h2 class="text-section-title text-foreground mb-6">
|
|
{{ $content['title'] }}
|
|
</h2>
|
|
<p class="text-large text-muted-foreground max-w-3xl mx-auto">
|
|
{{ $content['subtitle'] }}
|
|
</p>
|
|
</div>
|
|
|
|
<div class="grid lg:grid-cols-2 gap-16">
|
|
{{-- Für Makler --}}
|
|
<div class="space-y-8">
|
|
<div class="text-center lg:text-left">
|
|
<div
|
|
class="inline-flex items-center gap-2 bg-secondary/10 text-secondary px-4 py-2 rounded-full text-sm font-medium mb-6">
|
|
<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="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
|
|
</svg>
|
|
{{ $content['broker']['tag'] }}
|
|
</div>
|
|
<h3 class="text-3xl font-light text-foreground mb-6">
|
|
{!! $content['broker']['title'] !!}
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
@foreach ($content['broker']['benefits'] as $index => $benefit)
|
|
<div class="card-elevated p-6 rounded-xl">
|
|
<div class="flex gap-4">
|
|
<div
|
|
class="flex-shrink-0 w-12 h-12 rounded-xl bg-secondary/10 flex items-center justify-center">
|
|
@if ($benefit['icon'] === 'trending-up')
|
|
<svg class="w-6 h-6 text-secondary" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
|
|
</svg>
|
|
@elseif($benefit['icon'] === 'target')
|
|
<svg class="w-6 h-6 text-secondary" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
</svg>
|
|
@else
|
|
<svg class="w-6 h-6 text-secondary" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z">
|
|
</path>
|
|
</svg>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
<h4 class="text-lg font-semibold text-foreground mb-2">
|
|
{{ $benefit['title'] }}
|
|
</h4>
|
|
<p class="text-muted-foreground">
|
|
{{ $benefit['description'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="bg-secondary/5 rounded-xl p-6">
|
|
<div class="text-center">
|
|
<div class="text-3xl font-bold text-secondary mb-2">{{ $content['broker']['highlight']['value'] }}</div>
|
|
<p class="text-sm text-muted-foreground">
|
|
{{ $content['broker']['highlight']['text'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Für Lieferanten --}}
|
|
<div class="space-y-8">
|
|
<div class="text-center lg:text-left">
|
|
<div class="inline-flex items-center gap-2 bg-secondary/10 text-secondary px-4 py-2 rounded-full text-sm font-medium mb-6">
|
|
<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="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z">
|
|
</path>
|
|
</svg>
|
|
{{ $content['supplier']['tag'] }}
|
|
</div>
|
|
<h3 class="text-3xl font-light text-foreground mb-6">
|
|
{!! $content['supplier']['title'] !!}
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
@foreach ($content['supplier']['benefits'] as $index => $benefit)
|
|
<div class="card-elevated p-6 rounded-xl">
|
|
<div class="flex gap-4">
|
|
<div
|
|
class="flex-shrink-0 w-12 h-12 rounded-xl bg-accent/20 flex items-center justify-center">
|
|
@if ($benefit['icon'] === 'globe')
|
|
<svg class="w-6 h-6 text-accent-foreground" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z">
|
|
</path>
|
|
</svg>
|
|
@elseif($benefit['icon'] === 'handshake')
|
|
<svg class="w-6 h-6 text-accent-foreground" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.367 2.684 3 3 0 00-5.367-2.684z">
|
|
</path>
|
|
</svg>
|
|
@else
|
|
<svg class="w-6 h-6 text-accent-foreground" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z">
|
|
</path>
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
</svg>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
<h4 class="text-lg font-semibold text-foreground mb-2">
|
|
{{ $benefit['title'] }}
|
|
</h4>
|
|
<p class="text-muted-foreground">
|
|
{{ $benefit['description'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<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'] }}"
|
|
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">
|
|
<div class="text-2xl font-bold mb-1">{{ $content['supplier']['highlight']['value'] }}</div>
|
|
<p class="text-sm opacity-90">{{ $content['supplier']['highlight']['text'] }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|