Hero Block
> Full-width section perfect for page headers, landing pages, and promotional banners.
Overview
The Hero block creates impactful, attention-grabbing sections at the top of your pages. It combines headlines, descriptions, call-to-action buttons, and background imagery to set the tone for your content.
Fields
| Field | Description |
|---|---|
| Headline | Main title text |
| Description | Supporting text below the headline |
| Background Image | Full-width background image |
| Background Color | Solid color alternative to image |
| Overlay | Darken or gradient overlay for text readability |
| Primary Button | Main CTA with text, link, and style |
| Secondary Button | Optional second CTA |
| Text Alignment | Left, center, or right |
| Min Height | Section height (small, medium, large, full-screen) |
| Layout | Centered, Figure Left/Right, or With Form |
With Form Layout
The With Form layout places an inline contact form card alongside the hero content — ideal for lead capture on landing pages.
Form-specific settings appear when this layout is selected:
| Field | Description |
|---|---|
| Form Card Title | Heading on the form card |
| Form Fields | Configurable fields (same as Contact Form block) |
| Submit Button Text | Button label |
| Success Message | Message after submission |
| Redirect After Submission | Optionally redirect to a CMS page instead of showing the success message |
| Button Style | Submit button variant |
| Card Style | Form card appearance |
The form uses the same server-side submission, validation, and redirect logic as the standalone Contact Form block.
Examples
Comments
No comments yet. Be the first to share your thoughts!