Content
CTA Banner Showcase
A premium call-to-action banner for high-impact displays with large imagery and foreground/background layering.
Overview
The CTA Banner Showcase delivers maximum visual impact for premium promotional campaigns. It is designed for product-focused presentations where high-quality imagery combined with compelling copy drives engagement and conversion. The flexible aspect ratio system ensures banners maintain visual integrity across devices. The image layering capability allows sophisticated product presentations where items appear to "pop" from the background.
Key Business & UX Benefits
- Maximizes impact for hero and campaign placements with large imagery.
- Foreground and background layers support product-focused storytelling.
- Separate aspect ratios for desktop and mobile keep the banner sharp on every device.
- Light and dark text themes plus color overrides match brand and context.
Pro-Tip from Larry: Use foreground and background images so products stand out from the banner.
Usage
CtaBannerShowcase
Feature List
- Customizable image aspect ratios for desktop and mobile (16:9, 4:3, 1:1)
- Foreground and background image support for layered presentations
- Boxed or full-width layout variants
- Light and dark text themes with custom color override support
API Reference
| Prop | Default | Type |
|---|---|---|
headlinerequired | string | |
backgroundImage | ||
backgroundImageSizes | string | |
backgroundBrightness | BackgroundBrightness ("dark" | "light" | "bright") | |
overlay | ImageContrastOverlayProps { style, opacity } | |
caption | string | |
description | string | |
media | ||
mediaAspectRatio | 16/9 | "16/9" | "4/3" | "1/1" |
align | left | "left" | "right" | "center" |
cta | CtaBannerButton { text, link, size, 3 more } |