Standard Komponenten
Diese essenziellen, für den ständigen Einsatz gedachten Komponenten decken den Großteil Ihrer visuellen Layout-Erfordernisse auf Landingpages ab:
Basis-Bausteine
- Heading (Überschrift): Ermöglicht das Setzen semantisch korrekter Überschriften (H1 - H6), was essenziell für die SEO-Struktur der Website ist.
- Paragraph (Text): Ihr primärer Baustein für Fließtext, Beschreibungen und detaillierte Informationsblöcke. Unterstützt durch den modernen Inline-TiTap Editor direkt auf dem Canvas.
- Image (Bild): Fügen Sie visuelle Spannung hinzu. Das Bild wird voll automatisiert in Next.js für schnelle Ladezeiten optimiert (AVIF / WebP) und gecached geliefert.
- Button: Unerlässlich für Call-to-Actions (CTAs) auf der Website, sei es als direkter Link zum Checkout, zur Kontakt-Seite, oder für externe Verweise.
Struktur & Interaktion
- Container: Eine strukturelle leere Hülle. Nutzen Sie Container, um mehrere andere Komponenten zu gruppieren und ihnen im Grid ein gemeinsames Layout, zB. Rahmen oder Hintergrundfarben mitzugeben.
- Icon: Bringen Sie visuelle Anhaltspunkte ins Layout. Erlaubt einfache SVG-Implementation oder Icon-Datenbank-Auswahl.
- Accordion (FAQ): Erlaubt Ihnen interaktive, ausklappbare Textbereiche anzulegen (z.B. für Häufig Gestellte Fragen), um bei viel Text Platz beim Scrollen zu sparen.
- Forms (Formulare): Zum Sammeln wertvoller Leads. Detaillierte Infos hierzu im Reiter Formulare.