100 lines
No EOL
6.7 KiB
PHP
100 lines
No EOL
6.7 KiB
PHP
<section class="py-20 px-4 bg-muted/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="M13 10V3L4 14h7v7l9-11h-7z"/>
|
|
</svg>
|
|
Für Lieferanten
|
|
</div>
|
|
|
|
<h2 class="text-4xl lg:text-5xl font-light text-foreground mb-6">
|
|
Kuratierte <span class="text-primary">Plattform</span> für Anbieter
|
|
</h2>
|
|
|
|
<p class="text-xl text-muted-foreground leading-relaxed">
|
|
Werden Sie Teil eines exklusiven Netzwerks hochwertiger Anbieter.
|
|
Präsentieren Sie Ihre Produkte und Services einer vorqualifizierten,
|
|
kaufkräftigen Zielgruppe mit höchsten Qualitätsansprüchen.
|
|
</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'] === 'store')
|
|
<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="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
|
|
</svg>
|
|
@elseif($benefit['icon'] === 'settings')
|
|
<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="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 stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
|
|
</svg>
|
|
@elseif($benefit['icon'] === 'check-circle')
|
|
<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-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
|
</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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
|
|
</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 p-8">
|
|
<div class="space-y-8">
|
|
<div class="text-center">
|
|
<div class="w-20 h-20 mx-auto rounded-full bg-gradient-to-br from-primary/20 to-primary/5 flex items-center justify-center mb-6">
|
|
<svg class="w-10 h-10 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-2xl font-semibold text-foreground mb-4">
|
|
Anbieter-Dashboard
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="space-y-4">
|
|
<div class="bg-accent/30 rounded-xl p-4">
|
|
<div class="flex items-center justify-between mb-2">
|
|
<span class="text-sm font-medium text-foreground">Produktsichtbarkeit</span>
|
|
<span class="text-xs text-primary">94%</span>
|
|
</div>
|
|
<div class="w-full bg-accent/50 rounded-full h-2">
|
|
<div class="bg-primary h-2 rounded-full w-[94%]"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-accent/30 rounded-xl p-4">
|
|
<div class="flex items-center justify-between mb-2">
|
|
<span class="text-sm font-medium text-foreground">Qualitätsbewertung</span>
|
|
<span class="text-xs text-primary">98%</span>
|
|
</div>
|
|
<div class="w-full bg-accent/50 rounded-full h-2">
|
|
<div class="bg-primary h-2 rounded-full w-[98%]"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |