83 lines
No EOL
6.1 KiB
PHP
83 lines
No EOL
6.1 KiB
PHP
<section class="py-20 px-4 bg-accent/30">
|
|
<div class="max-w-7xl mx-auto">
|
|
<div class="grid lg:grid-cols-2 gap-16 items-center">
|
|
<div class="space-y-8">
|
|
<div>
|
|
<div class="inline-flex items-center gap-2 bg-primary/10 text-primary 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="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/>
|
|
</svg>
|
|
Für Endkunden
|
|
</div>
|
|
|
|
<h2 class="text-4xl lg:text-5xl font-light text-foreground mb-6">
|
|
Exklusive <span class="text-primary">Erlebnisse</span> für Sie
|
|
</h2>
|
|
|
|
<p class="text-xl text-muted-foreground leading-relaxed">
|
|
Mit Ihrer persönlichen Login-Karte erhalten Sie Zugang zu einer
|
|
einzigartigen Erlebniswelt, die speziell auf Ihre Wohnwünsche
|
|
und Lebensstil abgestimmt ist. Entdecken Sie kuratierte Immobilien
|
|
und Services, die sonst nicht verfügbar sind.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="space-y-6">
|
|
@foreach($this->benefits as $benefit)
|
|
<div class="flex gap-4">
|
|
<div class="flex-shrink-0 w-12 h-12 rounded-xl bg-primary/10 flex items-center justify-center">
|
|
@if($benefit['icon'] === 'credit-card')
|
|
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"/>
|
|
</svg>
|
|
@elseif($benefit['icon'] === 'star')
|
|
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/>
|
|
</svg>
|
|
@elseif($benefit['icon'] === 'home')
|
|
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>
|
|
</svg>
|
|
@else
|
|
<svg class="w-6 h-6 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
|
</svg>
|
|
@endif
|
|
</div>
|
|
<div>
|
|
<h3 class="text-lg font-semibold text-foreground mb-2">
|
|
{{ $benefit['title'] }}
|
|
</h3>
|
|
<p class="text-muted-foreground">
|
|
{{ $benefit['description'] }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
|
|
<div class="relative">
|
|
<div class="card-elevated rounded-3xl overflow-hidden">
|
|
<div class="bg-gradient-to-br from-primary/20 to-primary/5 p-12 h-96 flex flex-col justify-center items-center text-center">
|
|
<div class="w-24 h-24 rounded-full bg-primary/20 backdrop-blur-sm flex items-center justify-center mb-6">
|
|
<svg class="w-12 h-12 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-2xl font-semibold text-foreground mb-4">
|
|
Login-Karte
|
|
</h3>
|
|
<p class="text-muted-foreground mb-6">
|
|
Ihr Schlüssel zu exklusiven Immobilienerlebnissen
|
|
</p>
|
|
<div class="bg-background/80 backdrop-blur-sm rounded-xl p-4 w-full max-w-xs">
|
|
<div class="text-sm text-muted-foreground mb-2">Mitgliedsnummer</div>
|
|
<div class="font-mono text-lg">B2IN-2024-VIP</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |