Brightlane Plus Documentation

Hero - Carousel [+ only]

A hero with multiple slides.

View a live demo of this module.

Content

  • Include as many slides as you want, each with text and their own styles. In the slide styles, you can configure:
    • Set Light Mode (for the slide)
    • Add “scanline” background
    • Add background images, colors, and overlays
  • Configure the accessible text for slider controls

Styles

  • Set Light Mode
  • Change text alignment
  • Change heading size
  • Customize list styling
  • Box-in the slide contents with a custom background, border, and shadow
  • Change the slider type
  • Change arrow color and hover color
  • Change pagination active and inactive color
  • Change the slide padding

hero-carousel

Usage Guide

The Hero - Carousel module is designed to make a powerful first impression on your website visitors by showcasing multiple key messages, products, or services in a single prominent location. This module works exceptionally well on homepage templates, landing pages, and service overview pages where you need to communicate several value propositions without overwhelming your audience.

When adding this module through the HubSpot page editor, you’ll find it most effective at the top of your page structure, immediately below your navigation. The carousel format allows you to present multiple calls-to-action or highlight different aspects of your business while maintaining a clean, professional appearance that aligns with Brightlane’s conversion-focused design philosophy.

Best practices for content editors:

Consider limiting your carousel to 3-5 slides maximum to prevent information overload. Each slide should focus on a single, clear message with a strong call-to-action. Use the light mode toggle strategically—if you’re using dark background images, enable light mode for better text readability and accessibility.

The scanline background feature adds a subtle technical aesthetic that works particularly well for B2B technology companies and professional services firms. When configuring slide timing, allow at least 5-7 seconds per slide to give visitors adequate time to read your content.

Page type recommendations:

This module performs exceptionally well on homepages where you want to showcase multiple service offerings, on event landing pages to highlight different speakers or sessions, and on product overview pages where you need to demonstrate various features or benefits. The professional styling integrates seamlessly with Brightlane’s other modules, maintaining visual consistency throughout your site while maximizing conversion potential.