Design System
Playground Zur Vorlage

LayoutsKontakt

Layout · Seite · unique

Kontakt

layouts/KontaktVorlage.astro

Seiten-Layout für Kontakt: BasisStandard-Hülle mit kompaktem Text-Hero, KontaktSection split-daten, CtaKalender split und Faq eins — kein zusätzliches Final-CTA, der cta-Slot bleibt leer.

Regeln

  • Nutzt BasisStandard — Header, Hero-Slot, cta-Slot, Fuß kommen aus der Hülle; cta-Slot bekommt `<Fragment slot="cta" />`, weil CtaKalender split bereits die Termin-Aktion trägt und ein zusätzliches FinalCta redundant wäre.
  • Layout-Datei heißt KontaktVorlage.astro, nicht Kontakt.astro — vermeidet die Namenskollision mit der Komponente `src/sections/Kontakt.astro`, die KontaktSection intern einbindet.
  • Kein Nacht-Wechsel im Hauptteil — nur der Hero (TextOnly, fest nacht) liegt auf Nacht, KontaktSection, CtaKalender und Faq bleiben paper.
  • CTA-Dichte: Hero (1, Formular in KontaktSection), CtaKalender (2, Termin) — kein dritter CTA nötig, cta-Slot bleibt leer.
  • KontaktSection, CtaKalender und Faq kennen keine Inhalts-Props — sie laufen mit fester Variante; nur hero nimmt Inhalts-Props von der Seite an.

Partitur

NrSektion · Variante · FlächeContainer (Soll)Mobil · CTA
01Hero TextOnly kompakt „Kontakt“ · fest · nachtDefaultMobil: Satz vor Bild · CTA: 1
02KontaktSection · split-daten · paperDefaultMobil: gestapelt · CTA: 1 (Formular)
03CtaKalender · split · paperDefaultMobil: gestapelt · CTA: 2
04Faq · eins · paperDefaultMobil: — · CTA: —

Live

/vorlagen/kontakt