Above-the-fold · Attention · 11 Props

Hero-Sektion

Erste Section der Seite mit Headline, Subline und bis zu zwei CTAs.

Above-the-fold Attention 11 Props

recipes/hero.ts

Editor-Schema

Felder, die der Gourmonia-Editor anzeigt. Power-User in TypeScript-Pages können zusätzliche Recipe-Props nutzen, die hier nicht aufgeführt sind.

Feld	Typ	Pflicht
layout	unknown	✓
variant	unknown	✓
height	unknown	✓
verticalAlign	unknown	✓
eyebrow	unknown	✓
title	unknown	✓
subtitle	unknown	✓
ctas	unknown	✓
backgroundImage	unknown	✓
bgStyle	unknown	✓
trustItems	unknown	✓

Default-Props

Wert beim Einfügen ins Editor-Canvas.

JSON

{
  "layout": "center",
  "variant": "default",
  "height": "auto",
  "verticalAlign": "center",
  "title": "Dein Titel hier.",
  "subtitle": "Eine kurze Subline, die deine Besucher abholt.",
  "ctas": [],
  "trustItems": [],
  "bgStyle": "none"
}

Live-Preview

Dein Titel hier.

Eine kurze Subline, die deine Besucher abholt.