Slider
Hero Slider
A flexible hero component serving as static hero section or interactive slider with full-width backgrounds.
Overview
Provides website owners with a versatile hero component for focused messaging or showcasing multiple promotional items. Display full-width promotional banners with compelling imagery. Showcase new arrivals or featured products with dedicated slides. Rotate through multiple marketing messages with automatic or manual navigation. Present brand narratives with combined imagery, headings, and sublines.
Key Business & UX Benefits
- One hero for static or slider use so marketing can choose per page.
- Full-width imagery and overlay keep messaging prominent.
- Separate mobile and desktop images optimize for each viewport.
- Multiple slides and CTAs support campaigns and product highlights.
Pro-Tip from Larry: Use Hero Slider for the main hero so you can rotate campaigns without changing the layout.
Usage
SectionBasicHeroSlider
Feature List
- Separate mobile and desktop image uploads for responsive design
- Dark and light background modes with automatic text color adjustment
- Up to two customizable CTA buttons per slide
- Gradient or full-color overlay with adjustable opacity
API Reference
SectionBasicHeroSlider
No component metadata found for SectionBasicHeroSlider. Did you mean
LuiBasicHeroSlider?BlockBasicHeroSliderSlide
No component metadata found for BlockBasicHeroSliderSlide. Did you mean
LuiBasicHeroSliderSlide?