Standard Komponenten

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.