> ## Documentation Index
> Fetch the complete documentation index at: https://docs.osiro.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Hero

> Der Einstiegsbereich Ihrer Landing Page mit Headline, Text und Call-to-Action.

## Überblick

Der Hero-Block zeigt die zentrale Botschaft Ihrer Landing Page – Headline, unterstützender Text und ein oder mehrere Buttons – meist neben einem Bild.

<img src="https://mintcdn.com/osiro/CSCkwQAyOWdXFNQl/images/convert/landing-page-editor/blocks/hero/hero.png?fit=max&auto=format&n=CSCkwQAyOWdXFNQl&q=85&s=8030b0bf8c6f863dc8e1af740b4f4a22" width="2940" height="1846" data-path="images/convert/landing-page-editor/blocks/hero/hero.png" />

<Tip>Einsatz direkt nach der [Navigation](/convert/landing-page-editor/navigation) – meist der zweite Block auf der Seite, als erster inhaltlicher Eindruck. Die Navigation steht immer ganz oben.</Tip>

***

## Komponenten

### Text

Stil (Layout-Variante des Blocks, z. B. Gestreckt) sowie Eyebrow (kleine Beschriftung über der Headline), Titel (mit Wahl der Überschriftenebene H1–H4) und Untertitel.

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/hero/hero-text.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=9b8f17a9c32e8e7a29270effa56b6550" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/hero/hero-text.png" />

### Aufzählungspunkte

Optionale Liste von Punkten mit gemeinsam wählbarem [Icon](/convert/medien/icons) sowie je Punkt Titel und Beschreibung (z. B. "Option 1", "Option 2"); weitere Punkte über "Option hinzufügen".

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/hero/hero-points.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=d4b6b9308d524e8e1ba16b3978320ff9" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/hero/hero-points.png" />

### Button 1–3

Bis zu drei [Buttons](/convert/landing-page-editor/button).

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/hero/hero-button.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=c027c1a804567d463402d8569644b917" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/hero/hero-button.png" />

### Trust-Bereich

Optionale Liste kurzer Vertrauenshinweise (Icon + Text) unterhalb der Buttons (z. B. "No obligations", "≈ 2 minutes"), erweiterbar über "Option hinzufügen"; das [Icon](/convert/medien/icons) je Hinweis lässt sich frei wählen.

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/hero/hero-trust.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=6260a220e4c6563aec85939896db2224" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/hero/hero-trust.png" />

### Bild

Das [Bild](/convert/medien/bilder) neben Text und Buttons.

<img src="https://mintcdn.com/osiro/Z4XO7wLiiUyOachM/images/convert/landing-page-editor/blocks/hero/hero_image.png?fit=max&auto=format&n=Z4XO7wLiiUyOachM&q=85&s=6945b5b60f91da93f65d44a799c8d172" width="3323" height="2160" data-path="images/convert/landing-page-editor/blocks/hero/hero_image.png" />