FlipCardGrid

Inhalt

Grid aus 3D-Flip-Karten: Vorderseite mit Icon und Titel, bei Hover/Tap dreht die Karte auf die Gradient-Rückseite mit Text und Link. Der Klassiker für Leistungsübersichten.

Live Demo

Steinofen

Seit 1998

Unser Original-Steinofen aus Neapel backt jede Pizza bei 450 °C in 90 Sekunden.

Mehr erfahren

Lieferservice

Schnell & heiß

Innerhalb von Dahn liefern wir ab 15 € Bestellwert kostenlos — abends bis 22 Uhr.

Feiern

Bis 40 Personen

Unser Nebenraum bietet Platz für Geburtstage, Taufen und Firmenfeiern.

Anfragen

Vegan & Glutenfrei

Für alle

Veganer Käse und glutenfreier Teig — sagen Sie einfach bei der Bestellung Bescheid.

Props / API

Prop	Typ	Pflicht	Default	Beschreibung
`cards`	`FlipCard[]`	Ja	—	Karten {icon?, title, teaser?, back, href?, linkLabel?}
`cardHeight`	`number`	Nein	`230`	Kartenhöhe in Pixeln
`minCardWidth`	`number`	Nein	`220`	Mindestbreite (auto-fit Grid)
`accentColor`	`string`	Nein	`'#0f766e'`	Rückseiten-Farbe
`accentColorEnd`	`string`	Nein	`'#155e75'`	Zweite Gradient-Farbe
`theme`	`'light' \| 'dark'`	Nein	`'light'`	Vorderseiten-Schema
`className`	`string`	Nein	—	Zusätzliche CSS-Klasse

Code-Beispiel

<FlipCardGrid
  cards={[
    { icon: '🍕', title: 'Steinofen', teaser: 'Seit 1998', back: 'Unser Original-Steinofen aus Neapel backt bei 450 °C.', href: '/ueber-uns' },
    { icon: '🚗', title: 'Lieferservice', teaser: 'Schnell & heiß', back: 'Innerhalb von Dahn liefern wir ab 15 € kostenlos.' },
  ]}
/>