The Hero70 component is a visually engaging shadcn block designed to highlight essential offerings or services. As a comprehensive hero section, it combines elegant design with dynamic functionality to capture user attention. It leverages a carousel to present visual content in a loop, supplemented by key features that articulate the value propositions clearly underlined by a compelling header and sub-header.
Diving deeper, the Hero70 component showcases a full-page section encapsulating a carousel of shadcn ui images, text elements, and interactive buttons to provide an intuitive and informative experience. The layout is strategically crafted with a robust structure to spotlight a core message and call-to-action buttons encouraging user engagement. The carousel leverages autoplay and auto-scroll features to maintain user interest, effortlessly transitioning through image items, ensuring key visuals remain front and center.
| Package | Type |
|---|---|
| embla-carousel-auto-scroll | NPM |
| embla-carousel-autoplay | NPM |
| lucide-react | NPM |
button @shadcn | Registry |
carousel @shadcn | Registry |