> 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/benefit.md).

# Benefit

- [Benefit1](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit1.md): The Benefit1 component displays a section with a background image, a heading caption and multiple counter blocks with numerical values and descriptions, adjusting layout based on screen size.
- [Benefit2](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit2.md): The Benefit2 component displays a section with a background image, a heading, and multiple counter blocks with numerical values and descriptions, adjusting layout based on screen size.
- [Benefit3](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit3.md): The Benefit3 component displays a layout with a GraphicsCard containing a heading, optional button, and CounterCard components arranged in a responsive grid layout.
- [Benefit4](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit4.md): The Benefit4 component displays a section with a title and description, an optional button, and a grid of counters and captions within a GraphicsCard layout.
- [Benefit5](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit5.md): The Benefit5 component renders a section with a heading, caption, and a grid of animated statistic cards, each displaying a counter, unit, and description.
- [Benefit6](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit6.md): The Benefit6 component displays a section with a background image, heading, caption, and a grid of CounterCard components showing statistics with dynamic layouts and dividers.
- [Benefit7](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit7.md): The Benefit7 component renders a section with a responsive layout featuring background images, a heading, caption, and multiple counter and card components with custom styling and overlay effects.
- [Benefit8](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit8.md): The Benefit8 component displays a section with a heading and caption in one column, and a list of progress indicators and counters in another column, all within a responsive grid layout.
- [Benefit9](https://phoenixcoded.gitbook.io/saasable/ui-kit-v1.1.0/development/components/benefit/benefit9.md): The Benefit9 component uses several props to render a styled layout with headings, details, and an action button. Here's a detailed explanation of each prop along with its usage in the component.