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
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' }]
Last updated