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.
Component path: src/blocks/small-hero/SmallHero5.tsx
Component usage path: src/app/blocks/small-hero/small-hero5/page.tsx
Preview link:
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']