TeamSection

Inhalt

Team-Vorstellung in zwei Varianten: Einzelbild mit Text oder Mitglieder-Grid mit Fotos.

Live Demo

Variante: Grid

Unser Team

Marco Rossi

Küchenchef

Anna Müller

Service

Lukas Weber

Pizzabäcker

Variante: Photo

Unser Team

Seit über 25 Jahren servieren wir in Dahn echte italienische Küche. Unser Team verbindet traditionelle Rezepte mit frischen, regionalen Zutaten – und immer mit einem Lächeln.

Props / API

Prop	Typ	Pflicht	Default	Beschreibung
`variant`	`'photo' \| 'grid'`	Ja	—	Darstellungsvariante
`title`	`string`	Nein	`'Unser Team'`	Überschrift
`photo`	`string`	Nein	—	Teamfoto-URL (nur variant="photo")
`description`	`string`	Nein	—	Beschreibungstext (nur variant="photo")
`members`	`TeamMember[]`	Nein	—	Array mit {name, role?, photo?} (nur variant="grid")
`className`	`string`	Nein	—	Zusätzliche CSS-Klassen

Code-Beispiel

// Variante 1: Einzelnes Teamfoto
<TeamSection
  variant="photo"
  photo="/images/team.jpg"
  title="Unser Team"
  description="Mit Leidenschaft für gutes Essen..."
/>

// Variante 2: Mitglieder-Grid
<TeamSection
  variant="grid"
  members={[
    { name: 'Marco Rossi', role: 'Küchenchef', photo: '/images/marco.jpg' },
    { name: 'Anna Müller', role: 'Service', photo: '/images/anna.jpg' },
  ]}
/>