Features · Desire · 4 Props

Feature-Wechselseiten

Abwechselnd links/rechts ausgerichtete Feature-Splits mit Bild + Text + Bullets.

Features Desire 4 Props

recipes/featureAlternating.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
items	object[]	✓
gap	enum (sm \| md \| lg \| xl)	—
listVariant	enum (bullets \| checks \| icons)	—
alternateSurface	boolean	—

Default-Props

Wert beim Einfügen ins Editor-Canvas.

JSON

{
  "gap": "lg",
  "listVariant": "checks",
  "alternateSurface": true,
  "items": [
    {
      "eyebrow": "Modul 1",
      "title": "Erste Stärke deines Angebots.",
      "text": "Erkläre kurz, was du anbietest und warum es Kunden hilft.",
      "bullets": [
        "Erster konkreter Vorteil",
        "Zweiter konkreter Vorteil"
      ]
    },
    {
      "eyebrow": "Modul 2",
      "title": "Zweite Stärke deines Angebots.",
      "text": "Erkläre kurz, was du anbietest und warum es Kunden hilft.",
      "bullets": [
        "Erster konkreter Vorteil",
        "Zweiter konkreter Vorteil"
      ]
    }
  ]
}

Live-Preview

Modul 1

Erste Stärke deines Angebots.

Erkläre kurz, was du anbietest und warum es Kunden hilft.

Erster konkreter Vorteil

Zweiter konkreter Vorteil

Modul 2

Zweite Stärke deines Angebots.

Erkläre kurz, was du anbietest und warum es Kunden hilft.

Erster konkreter Vorteil

Zweiter konkreter Vorteil