Layout · Seite · unique
Pricing
layouts/Pricing.astro
Seiten-Layout für Preise: BasisStandard-Hülle mit Text-Hero, sechs Sektionen, ein Nacht-Wechsel bei TestimonialsGrid, FinalCta und StickyCta zusammen im cta-Slot.
Regeln
- Nutzt BasisStandard — Header, Hero-Slot, Fuß kommen aus der Hülle; der cta-Slot trägt FinalCta band und StickyCta preis zusammen (zwei Elemente im selben Slot).
- Nur TestimonialsGrid ist Nacht in der Mitte; der Hero (TextOnly, fest) liegt ohnehin auf Nacht — dazwischen liegen drei Paper-Sektionen.
- CTA-Dichte: PricingTiers (1), FinalCta (2) — plus StickyCta preis als Sticky-CTA unter lg, wie von der Pricing-Regel verlangt.
- hero, testimonials nehmen Inhalts-Props von der Seite an; PricingTiers, PricingVergleich, TrustLeiste, Faq, FinalCta, StickyCta laufen mit fester Variante (keine Inhalts-Props deklariert).
Partitur
| Nr | Sektion · Variante · Fläche | Container (Soll) | Mobil · CTA |
|---|---|---|---|
| 01 | Hero TextOnly „Preise“ · fest · nacht | Default | Mobil: Satz vor Bild · CTA: — |
| 02 | PricingTiers · toggle-oben · paper | Default | Mobil: — · CTA: 1 |
| 03 | PricingVergleich · sticky · paper | Default | Mobil: gestapelt · CTA: — |
| 04 | TrustLeiste · haarlinie · paper | Default | Mobil: — · CTA: — |
| 05 | TestimonialsGrid · zitat · nacht | Default | Mobil: — · CTA: — |
| 06 | Faq · zwei-spalten · paper | Default | Mobil: — · CTA: — |
| 07 | FinalCta · band · paper | Default | Mobil: — · CTA: 2 |
| 08 | StickyCta · preis · paper | Default | Mobil: lg:hidden bottom-0 z 50 · CTA: — |
Live