# Benefit

- [Benefit1](/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](/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](/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](/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](/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](/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](/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](/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](/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.