> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/saasable/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero.md).

# Hero

- [Hero1](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero1.md)
- [Hero2](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero2.md)
- [Hero3](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero3.md): Hero3 React component that renders a hero section layout with customizable elements including images, text, a list, and a button, styled using Material-UI and Next.js components.
- [Hero4](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero4.md)
- [Hero5](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero5.md)
- [Hero6](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero6.md): The Hero6 component is a responsive hero section featuring an optional chip, a centered heading with caption, primary and secondary buttons, and a carousel of images displayed using react-slick.
- [Hero7](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero7.md): Hero7 component that displays a headline, caption, primary button, and images with decorative patterns, styled according to the theme's direction and responsive breakpoints.
- [Hero8](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero8.md)
- [Hero9](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero9.md)
- [Hero10](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero10.md)
- [Hero11](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero11.md)
- [Hero12](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero12.md)
- [Hero13](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero13.md): Hero13 is a hero section featuring a centered heading and caption, a call-to-action button, and a responsive image carousel created with react-slick, all styled with MUI components and custom styling.
- [Hero14](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero14.md)
- [Hero15](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero15.md)
- [Hero16](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero16.md): The Hero16 is a hero section featuring a responsive video player that auto-plays when scrolled into view, combined with review data, a headline with optional caption, and a secondary button.
- [Hero17](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/hero/hero17.md)