SmallHero8

SmallHero8 is a responsive hero section component that displays a heading, caption, and a clickable video thumbnail that opens a modal with video playback.

All available props for the SmallHero8 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the smallhero section.

Component path: src/blocks/small-hero/SmallHero8.tsx

Component usage path: src/app/blocks/small-hero/small-hero8/page.tsx

Preview link: https://www.saasable.io/blocks/small-hero/small-hero8

Props Details

Prop
Type
Description
Displayed as

heading

string

Main heading or title of the hero section.

Displayed as a bold, centered heading inside the component.

caption

string

Optional brief description or subtitle displayed below the heading.

Displayed as a sub-caption or paragraph under the heading, centered.

video

ButtonProps

Properties for the primary action button.

thumbnailis shown as a background image with a play icon. Clicking it opens a modal playing the video from src.

Last updated