The blocks you’ll reach for on almost every page. Every block also has the shared Section Padding, Heading Size, Scroll Animation, and Background controls — see Appearance & Theme Overrides; only each block’s distinctive fields are listed here.
Hero 🎯
Full-width headline, subheadline, and buttons over an image, video, or color — usually the top of a page.
- Content: Badge, Eyebrow, Headline, Subheadline, Lead, Footnote, Text Alignment, Buttons (text / URL / style).
- Make whole hero a link (URL) + Open in new tab — clicking anywhere on the hero navigates there; buttons still work. See Image controls.
- Background: Background Image, Background Video (muted auto-loop, image is its poster), Background Color, and Image Fit — Cover / Contain / Banner (full width, native aspect — no crop).
- Height: Small / Medium / Large / Full Screen. Focal Point, Scrim (dark edge gradient) + strength, Overlay color/opacity.
- Theme Overrides: per-mode BG / text / subtext / overlay colors (Light & Dark).
📷 Screenshot: A Hero with a background image, headline, and two buttons.
Rich Text 📝
Formatted body copy (headings, lists, links, bold) via a rich-text editor. Set Max Width to keep long text readable.
Call to Action 📢
A focused headline + one button to drive a single action. Fields: Headline, Description, Button Text, Button URL, Text Alignment.
Features Grid ✨
A grid of feature cards, each with an icon or image. Columns: 2 / 3 / 4. Each feature item: Title, Description, Icon, Image (+ Image Fit / Focal Point), Link.
📷 Screenshot: A 3-column Features Grid with icons.
Promo Carousel 🎠
An auto-advancing, full-width multi-slide hero. Each slide: Eyebrow, Title, Subtitle, CTA label/URL, Background Image (+ Fit/Focal), Background & Accent colors. Options: Autoplay (ms, 0 = off), Show Dots, Height.
Single Image 🖼️
One image with optional Caption and Link URL. Max Width, Rounded Corners toggle.
Image Gallery 🖼️
A grid or masonry gallery with a built-in lightbox. Each image: source, alt, Fit/Focal. Options: Layout (Grid / Masonry), Columns (2–6), Gap, Aspect Ratio (Square / 4:3 / 16:9 / Auto), Enable Lightbox, Show Captions, Show Thumbnails.
📷 Screenshot: A 4-column gallery, plus the lightbox open.
Video Embed 🎬
Embed a YouTube, Vimeo, or direct video. Fields: Video URL (+ optional Video ID / Provider), Title, Subtitle, Caption, Aspect Ratio (16:9 / 4:3 / 21:9 / 1:1), Max Width. Playback group: Autoplay (needs Muted), Loop, Show Controls, Start Time (YouTube), Privacy-Enhanced mode.
Next: Content blocks.
