Hero Slider Pro

Build flexible hero sections that fit the way you want your website to look. Hero Slider Pro gives you the freedom to create simple banners, image and content layouts, video-based slides, or lead generation sections with a HubSpot form.

You can choose between horizontal and vertical sliders and add multiple slides within the same module. Each slide can have its own background, content, buttons, and supporting elements, so you can create different designs without needing separate modules.

For more engaging hero sections, add images, videos, background colors, ratings, logos, slogans, highlight text, promo badges, or trust badges. You can also add up to two buttons to guide visitors toward the next action.

The module includes responsive controls, so you can adjust the height, alignment, and spacing for desktop, tablet, and mobile separately. Slider behavior can also be adjusted with options for autoplay, speed, looping, mouse-wheel navigation, arrows, and slide counters.

Key Features:

• Horizontal & Vertical Slider Options
  Select the slider direction that suits your page design.

• Multiple Slides
  Add multiple slides and give each one its own content and design.

• Simple Hero Banner
  Create a clean banner with your content without using a complex layout.

• Image With Content
  Place an image alongside your text and create a modern split hero layout.

• Form With Content
  Add a HubSpot form next to your content for signups, enquiries, or lead generation.

• Image, Video & Color Backgrounds
  Give every slide a different look using an image, video, or background color.

• Rich Hero Content
  Add slogans, highlight text, ratings, logos, promo badges, trust badges, and other supporting content.

• Two CTA Buttons
  Add two buttons to a slide for primary and secondary actions.

• Responsive Height Settings
  Set different banner heights for desktop, tablet, and mobile.

• Responsive Alignment & Spacing
  Control content alignment and spacing for each screen size.

• Slider Arrows & Counter
  Add navigation arrows and slide numbers to help visitors move through your slides.

• Autoplay & Speed Settings
  Control how quickly slides change and whether the slider plays automatically.

• Loop & Mouse Wheel Controls
  Enable continuous looping and mouse-wheel navigation when needed.

• Fully Responsive
  Make sure your hero slider works smoothly across desktop, tablet, and mobile screens.

Use Cases

Hero Slider Pro can be used for homepage heroes, landing pages, product launches, service sections, event promotions, campaign banners, SaaS websites, agency websites, and lead generation pages.