HubSpot Marketplace Module

Hero Banner Pro for HubSpot CMS

One Module That Becomes Any Hero or Banner You Need

Run a single hero or a multi-slide carousel and drop it anywhere: a full-screen landing hero, a lead-gen banner, an event countdown, a promo, or a mid-page section. Every slide gets its own background, overlay, logo, eyebrow, heading, rich subheading, two buttons, an embedded HubSpot form, and a live countdown. The whole look is yours from the Style tab, with nothing hardcoded.

Get the Module arrow_outward Works with any HubSpot CMS theme · Pure vanilla JavaScript · $19.99

Hero Banner Pro module for HubSpot CMS showing a full-screen hero with background, heading, buttons, and form

One module. Every hero you will ever ship.

view_carousel

A Carousel of Full Heroes

Run one hero or stack unlimited slides. Each slide is its own mini-hero, with its own background, copy, alignment, buttons, form, and countdown, and slide or fade transitions, autoplay, arrows, dots, swipe, and pause-on-hover.

wallpaper

Backgrounds of Every Kind

Solid, gradient, image, or video background on any slide, each with an overlay you can set as a solid color or a gradient. Keep text readable over anything, then add frosted-glass blur to forms, buttons, and countdown boxes.

dynamic_form

Lead-Gen Forms and Countdowns Built In

Embed any HubSpot form below your copy or beside it as a styled card, and drive urgency with a live countdown to any date. Real HubSpot forms that flow into your CRM, never hardcoded HTML.

palette

100% Styleable, Zero Code

Every color, font, size, space, border, radius, shadow, and blur is an editor field. Backgrounds, typography, buttons, forms, countdown, and carousel controls all have their own controls, and your brand colors inherit from the theme automatically.

devices

Full-Viewport, Responsive, Accessible

Heights from 100vh to auto, full-width or boxed, with fluid clamp() sizing and custom tablet and mobile breakpoints. Real heading tags for SEO, keyboard navigation, ARIA labels, reduced-motion support, and zero dependencies.

animation

Motion That Respects Your Visitors

Entrance animations, letter-by-letter headings, background parallax, and a scroll cue are all built in and all respect reduced-motion. Clean monochrome defaults out of the box, ready to repaint to any brand in minutes.

What you can build

Hero Banner Pro fits any page that opens with impact or needs a banner that converts. Here are four common uses.

Full-screen landing hero

A true full-bleed, full-viewport hero with a video or image background, an overlay for readability, a headline, two buttons, and an embedded form, the whole above-the-fold story in one module.

Lead-gen banner

Put your copy on the left and a styled HubSpot form card on the right, with frosted-glass blur over any background. Submissions land straight in your CRM, no hardcoded form HTML.

Event or launch countdown

Drive urgency with a live countdown to any date, styled to match your brand, paired with a heading and a call to action for webinars, product launches, and limited promos.

Multi-slide hero carousel

Rotate several full heroes in one slot, each with its own background, message, and buttons, with autoplay, arrows, dots, and swipe for homepages that need to say more than one thing.

Works with any HubSpot theme

Hero Banner Pro is a standalone module. Install it in any HubSpot CMS portal and drop it on any page, including website pages, landing pages, and blog posts. No theme dependency, no jQuery, no external libraries. Pure vanilla JavaScript.

Questions

Can I run it as a carousel with multiple slides?

add

Yes. Switch the mode to carousel and add as many slides as you need, each one a full mini-hero with its own background, copy, alignment, buttons, form, and countdown. You get slide or fade transitions, autoplay, arrows, clickable dots, swipe, and pause-on-hover. Leave it on single mode for one static hero.

What kinds of backgrounds does it support?

add

Solid color, gradient, image, or video on any slide, each with an overlay you can set as a solid color or a gradient so text stays readable over anything. You can also add frosted-glass blur to the form, buttons, and countdown boxes.

Can I embed a HubSpot form and a countdown?

add

Yes. Embed any real HubSpot form below your copy or beside it as a styled card, so submissions flow straight into your CRM with no hardcoded HTML. A live countdown to any date drives urgency for launches, events, and promos, and it is fully styleable.

Does it need a specific theme?

add

No. Hero Banner Pro is a standalone module that works on any HubSpot template with no theme required. It is built on dependency-free vanilla JavaScript, is fully responsive with fluid sizing and custom breakpoints, and is accessible with real heading tags, keyboard operation, ARIA labels, and reduced-motion support.

Ship any hero with Hero Banner Pro

One module for every hero and banner: single or carousel, any background, embedded HubSpot forms, live countdowns, full-viewport or boxed, and entirely styleable from the editor. No code required.

Get the Module arrow_outward