# SmallHero

- [SmallHero1](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero1.md): The SmallHero1 component displays a centered hero section with an optional chip, a headline, and a caption, all within a styled container.
- [SmallHero2](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero2.md): The SmallHero2 component renders a centered hero section with an optional chip, headline, and caption, styled with a background color for the chip.
- [SmallHero3](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero3.md): The SmallHero3 component creates a hero section with a chip, headline, optional caption, and a configurable "explore" button, all arranged with responsive layout and spacing.
- [SmallHero4](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero4.md): The SmallHero4 React component that renders a responsive section with a heading, caption, optional chip, and an optional image, using Material-UI for styling and layout.
- [SmallHero5](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero5.md)
- [SmallHero6](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero6.md): The SmallHero6 component presents a hero section with a headline, tagline, an email sign-up input with a primary button, and a list of items with icons and titles arranged in a grid.
- [SmallHero7](/saasable/ui-kit-v1.1.0/development/components/smallhero/smallhero7.md): 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.