Website-Sektionen

Bausteine aus den LEO-Projekten — pro Eintrag eine kopierbare .tsx-Datei. Im Konfigurator zusammenstellen, live ansehen und als Agent-Prompt exportieren.

Navbar1

NavbarCenteredRounded

Zentrierte, abgerundete Floating-Navbar (Pill-Form): hüllt den Inhalt auf Desktop ein, klappt mobil zu einem zweispaltigen Panel auf. Mit Dropdown-Gruppen und CTA.

Hero2

HeroSplitImage

Voll-Viewport-Hero mit Bild links und dunklem Marken-Panel rechts (santuens-Stil). Display-Schrift mit kursiver Betonungszeile, Tagline mit Trennlinie, CTA-Buttons.

HeroGradientGlow

Textzentrierter dunkler Hero ohne Bild (nikolacalio-Stil): Tiefe durch farbige Glow-Flächen, Eyebrow, mehrzeilige Headline mit Unterstreichungs-Akzent, Fakten-Zeile.

Leistungen / Features1

FeatureCardsGrid

Leistungs-/Feature-Sektion: Eyebrow-Überschrift und responsives Raster aus Icon-Karten.

Ablauf / Prozess1

ProcessSteps

Nummerierte Prozess-Schritte mit Verbindungslinie, horizontal auf Desktop.

Stimmen / Bewertungen1

TestimonialsCards

Bewertungs-Karten mit Zitat, Sterne-Rating und Namen.

FAQ1

FaqAccordion

FAQ-Akkordeon mit rotierendem Plus-Icon und sanfter Höhen-Animation (CSS grid-rows).

Call-to-Action1

CtaBand

Call-to-Action-Karte in voller Breite: dunkler Gradient mit Glow, Botschaft + Haupt-CTA links, direkte Kontaktkanäle rechts.

Kontakt1

ContactFormSplit

Kontakt-Sektion: Info-Spalte (Adresse, Telefon, Zeiten) neben einem einfachen Formular.

Footer2

FooterColumnsDark

Dunkler dreispaltiger Footer (nikolacalio-Stil): Marke + Social-Icons, Navigation, Kontakt mit Icons und separater Legal-Zeile.

FooterAccordionContact

Dunkler Gradient-Footer mit Marken-/Kontaktspalte und Linkgruppen, die mobil zu Akkordeons einklappen (santuens-Stil).

Utilities3

MarkdownArticle

Markdown-Rendering im Projektstandard: marked + markdown.css (.markdown-body) — Überschriften mit Akzentbalken, Listen, Zitate, Tabellen, Code.

CookieBanner

DSGVO-Cookie-Banner (intersolaris-Standard): Intro- und Einstellungs-Ansicht mit Kategorie-Karten (Statistik, Komfort, Marketing), Consent in localStorage, CookieSettingsButton für den Footer.

Image

In das Asset-Management integriertes Bild: nimmt einen imageList-Eintrag (assets-optimizer), löst Dev-/Prod-URLs auf und setzt Größen- und Loading-Attribute automatisch.