Design System
Playground Zur Vorlage

Sektionen · ConversionKontakt-Section

Sektion · 6 Varianten

Kontakt-Section

sections/KontaktSection.astro

Formular (Kontakt-Sektion) plus Kontaktdaten als MetaFields: daneben mit Kante, oben in Haarlinien, drei Spalten, mit Slot-Wahl, invers, minimal mit Mail-Link. Keine Karte.

Notizen

  • Entscheidung: keine Karte. Shadcnblocks contact11: Split mit Vertikal-Linie, hier Kante links am Daten-Block.
  • Kontakt hat intro- und bare-Prop; Kontakt-Section setzt beide.

Props

Name Typ Default Notiz
variant "split-daten" | "daten-oben" | "drei-spalten" | "mit-slots" | "invers" | "minimal" "split-daten" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<KontaktSection variant="split-daten" surface="nacht" />

01 · Split Daten

Daten links sticky, Formular rechts

contact11. Kante links.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Antwort in einem Werktag.

02 · Daten oben

Vier MetaFields in Haarlinien

Meta. —

Nacht

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Mail hi@nordwynd.de
Telefon [TELEFON]
Sitz Olbersdorf
Nächster Slot Oktober

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Mail hi@nordwynd.de
Telefon [TELEFON]
Sitz Olbersdorf
Nächster Slot Oktober

Antwort in einem Werktag.

03 · Drei Spalten

Daten, Formular, Daten

Anfrage. 3 + 6 + 3.

Nacht

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Antwort in einem Werktag.

04 · Mit Slots

Kontakt slot

Kontakt slot. —

Nacht

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Slot

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Slot

Antwort in einem Werktag.

05 · Invers

Gegenfläche

Final-CTA. —

Nacht

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Antwort in einem Werktag.

06 · Minimal

Mail-Link, kurzes Feld

Kontakt mail. —

Nacht

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Schreiben Sie an hi@nordwynd.de. Oder nutzen Sie das Feld.

Antwort in einem Werktag.

Paper

Kontakt

Ein Slot, ein Gespräch.

Schreiben, anrufen oder Termin wählen. Antwort in einem Werktag.

Schreiben Sie an hi@nordwynd.de. Oder nutzen Sie das Feld.

Antwort in einem Werktag.