Above-the-fold · Attention · 10 Props

Hero-Sektion

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

Above-the-fold Attention 10 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	enum (center \| left \| right)	—
variant	enum (default \| compact)	—
height	enum (auto \| half \| screen)	—
verticalAlign	enum (start \| center \| end)	—
eyebrow	string	—
title	string	✓
subtitle	string	—
ctas	object[]	—
backgroundImage	string	—
trustItems	string[]	—

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": []
}

Live-Preview

Dein Titel hier.

Eine kurze Subline, die deine Besucher abholt.