Hero14

Hero14 is a promotional hero section with a headline, caption, and tagline, featuring a call-to-action email sign-up form with a button, and a grid of list items with icons, all styled with MUI components and custom graphics.

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

Component path: src/blocks/hero/Hero14.tsx

Component usage path: src/app/blocks/hero/hero14/page.tsx

Preview link: https://www.saasable.io/blocks/hero/hero14

Props Details

Prop
Type
Description
Displayed as

headLine

string | ReactElement

Main heading text or component.

"Effortless CRM Management, Seamless BusinessGrowth"

captionLine

string (Optional)

Subheading or additional descriptive text.

"Explore the future of technology with our latest products and services."

tagline

string

A short, catchy phrase displayed above the heading.

"Leading the Charge in Innovation"

list

ListItem[]

Array of items with icons and titles.

[ { title: "Feature 1", icon: { name: "icon-name-1" } }, ... ]

primaryBtn

ButtonProps

Properties for the primary button.

{ variant: "contained", color: "primary", children: "Get Started" }

Last updated