Kevin Adametz
fcb10be120
Startseite und Heroes - Hero-Slideshow (11 Motive inkl. Febrü) mit Infokarte, Laufzeit-Linie, größeren Klickflächen, Goldrahmen und mobiler Karte unter dem Bild; Zeile über der Überschrift, neue Vertrauenspunkte - Hero-Stil auf Marken, Über uns und Kontakt übertragen, Breadcrumb entfernt - Gründer-Leiste, Vision-Box auf Ocker, Showroom-Display in Box mit „Größer ansehen“/Vollbild - Akzentfarbe #a8741f, größere Serif-Überschriften in der Interior-Welt - Marken: Bildpause mit Zitat; Vereine aktualisiert und verlinkt Inhalte - Lektorat aller angezeigten Texte, /about-Korrekturen, Rechtstexte (DDG, TDDDG, Hosting Hetzner) - Ablauf Maßanfertigung überall einheitlich, Magazin-Beitrag neu, alte Beiträge offline, deutsches Datum/Lesezeit, FAQ Projektausstattung, Otterpohl - Referenzen-Seite per CMS-Schalter ausblendbar CMS und Technik - Tote Sektionen, Felder, Seiten und Komponenten entfernt und archiviert (dev/2026-08-28/archiv-*) - Entwurf /entwurf, Farb-Schalter und /welcome entfernt; Test-Routen nur noch lokal - Seitenbaum-Beschreibungen geprüft, fehlende CMS-Felder ergänzt, Markenliste aus „Kernmarken“ - Admin-Bildvorschauen repariert, verwendete Bilder in die Mediathek übernommen - Seeder für das Deployment siehe dev/2026-08-28/entwicklungsplan.md Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
44 lines
2.2 KiB
PHP
44 lines
2.2 KiB
PHP
{{-- „Gebaut auf Expertise und Vertrauen“. Mit `boxed` (Startseite, 07.10.2026): Inhalt in einer weißen
|
|
Box mit Schatten auf der Ockerfläche, das Porträt deutlich kleiner neben dem Text. --}}
|
|
<section id="vision" class="section-padding {{ $bg }}">
|
|
<div class="container-padding">
|
|
<div @class([
|
|
'grid items-center',
|
|
'gap-12 lg:grid-cols-2 lg:gap-16' => ! $boxed,
|
|
'gap-10 rounded-3xl bg-white p-6 shadow-[0_30px_60px_-24px_rgba(0,0,0,0.35)] sm:p-10 lg:grid-cols-12 lg:gap-14 lg:p-14' => $boxed,
|
|
]) @if ($boxed) data-vision-box @endif>
|
|
|
|
{{-- Image --}}
|
|
<div @class(['relative', 'mx-auto w-full max-w-xs lg:col-span-4 lg:max-w-none' => $boxed])>
|
|
<div @class([
|
|
'card-elevated rounded-3xl overflow-hidden slide-left delay-400',
|
|
'aspect-[4/5]' => $boxed,
|
|
])>
|
|
<img src="{{ theme_image_url($content['image']) }}" alt="{{ $content['image_alt'] }}"
|
|
class="w-full h-full object-cover" />
|
|
|
|
{{-- `absolute!`: die Glass-Flow-Regel `[class*="card"]` setzt sonst `position: relative`. --}}
|
|
<div @class([
|
|
'absolute! bg-card/95 backdrop-blur-sm rounded-xl shadow-lg border border-border/50',
|
|
'bottom-6 left-6 p-4' => ! $boxed,
|
|
'bottom-4 inset-x-4 p-3 text-sm' => $boxed,
|
|
])>
|
|
{{ $content['image_caption'] }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Content --}}
|
|
<div @class(['spacing-section', 'lg:col-span-8' => $boxed])>
|
|
<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>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|