Hero - Carousel - Full-Width [+ only]
A hero with multiple slides spanning the width of the page.
View a live demo of this section.
Modules
How to Use This Section
The Hero - Carousel - Full-Width section creates an impactful homepage experience by displaying multiple rotating slides that span your entire browser width. This section works particularly well for professional services and B2B companies that need to showcase multiple value propositions, featured services, or key messages without overwhelming visitors.
When you add this section through HubSpot’s page editor, you’ll find it under the “Hero” category in your section library. The full-width design ensures your carousel content extends to the browser edges, creating a modern, immersive feel that immediately captures visitor attention. This makes it ideal for homepage headers where you want maximum visual impact.
Best practices for this section:
Use 3-5 slides maximum to prevent decision fatigue. Each slide should focus on a single key message or call-to-action to maintain conversion focus. The Brightlane theme’s clean design philosophy means your carousel will automatically maintain visual consistency across slides.
Consider your content hierarchy when arranging slides. Place your primary value proposition first, followed by secondary services or social proof elements. The full-width format provides ample space for compelling headlines and supporting imagery.
This section performs exceptionally well on service pages and landing pages where you need to communicate multiple benefits quickly. However, avoid using it on content-heavy pages where it might compete with your main message.
Pro tip: Test your carousel on mobile devices using HubSpot’s preview feature. The full-width design adapts responsively, but you’ll want to ensure your text remains readable and your call-to-action buttons stay accessible across all screen sizes.