SmallHero5
The SmallHero5 React component that creates a centered hero section featuring a heading, caption, optional button, and a marquee list of items with chips, using Material-UI for styling and layout, and includes a background of circles.
All available props for the SmallHero5 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/SmallHero5.tsx
Component usage path: src/app/blocks/small-hero/small-hero5/page.tsx
Preview link: https://www.saasable.io/blocks/small-hero/small-hero5
Props Details
heading
string
The main title or heading of the hero section.
"Welcome to Our Latest Collection"
caption
string
An additional description or subheading below the main heading.
"Explore our range of new and exciting products."
exploreBtn
ButtonProps (Optional)
Configuration for an optional button, which can include properties like href, onClick, and children.
{ href: '/explore', children: 'Explore Now' }
list
string[]
An array of strings displayed in a scrolling marquee.
['Limited Time Offer', 'New Arrivals', 'Best Sellers']
Last updated