Hero13

Hero13 is a hero section featuring a centered heading and caption, a call-to-action button, and a responsive image carousel created with react-slick, all styled with MUI components and custom styling.

All available props for the Hero13 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/Hero13.tsx

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

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

Props Details

Prop	Type	Description	Displayed as
heading	string	Main heading text of the section.	"Discover Our Latest Collection"
caption	string	Secondary line of text for additional context.	"Explore a curated selection of our finest products."
exploreBtn	ButtonProps	Properties for the "Explore" button.	{ variant: "contained", color: "primary", children: "Explore Now" }
images	ImageCommonProps[]	Array of Image path or Array of object with light and dark image path.	["path-to-image.svg"] or [{ light: 'path-to-image-light.svg', dark: 'path-to-image-dark.svg' }]