SmallHero7
The SmallHero7 component features a hero section with a heading and caption on a graphics card, a primary button, and an image section with a gradient overlay, arranged in a responsive grid layout.
All available props for the SmallHero7 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/SmallHero7.tsx
Component usage path: src/app/blocks/small-hero/small-hero7/page.tsx
Preview link: https://www.saasable.io/blocks/small-hero/small-hero7
Props Details
heading
string
Main heading or title of the hero section.
"Discover Our Latest Collection"
caption
string
Optional brief description or subtitle displayed below the heading.
"Exclusive designs and styles just for you"
primaryBtn
ButtonProps
Properties for the primary action button.
{ onClick: handleClick, children: "Explore Now" }
image
ImageCommonProps
Image path or 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