Search blocks by description or jump to a page.
A full width banner with a background image, headline, and button. Anchors a campaign message across the top or bottom of any marketing page.
Banner With Background is a full width call to action panel. A muted background image spans the entire section behind a solid primary color fill, giving the surface visual depth without competing with the text. Centered on top of that are a large headline, a short supporting line, and two side by side buttons: a solid secondary button for the primary action and a ghost outline button for a secondary path.
The headline, supporting copy, and button labels are the only text elements, so each one can be rewritten independently. The two buttons are separate links and either can be removed without breaking the layout. The background image swap is straightforward and the primary color fill that overlays it means almost any image will work at the same low opacity.
Reach for this block when you need a strong visual break that signals a conversion moment without building a full hero. It works well as the closing section of a feature page or a mid page interrupt on a long landing page for an AI assistant product where the goal is to move a curious reader toward a trial or a demo. Because the background image is decorative and heavily subdued, this layout reads faster than an image with text block and makes the buttons the clear focus.
A natural flow around it on a Marketing (Legacy) page:
Before
After
This panel is built for a direct conversion ask. A few content directions that work well in this frame:
Tip: keep the headline to one short sentence and the supporting line under twelve words so the pair reads as a single glance at every viewport width.