# Benefit8

{% hint style="info" %}
All available props for the Benefit8 component are defined and handled within **Component usage path** file. This allows for easy modifications to the content of the Benefit section.
{% endhint %}

**Component path**: `src/blocks/benefit/Benefit8.tsx`

**Component usage path:**  `src/app/blocks/benefit/benefit8/page.tsx`

**Preview link:** <https://www.saasable.io/blocks/benefit/benefit8>

## Props Details

| Prop            | Type             | Description                                                      | Displayed as                                                 |
| --------------- | ---------------- | ---------------------------------------------------------------- | ------------------------------------------------------------ |
| **heading**     | `string`         | Main title for the section                                       | Displayed in the left column in a `GraphicsCard`             |
| **caption**     | `string`         | Subtitle or description text                                     | Displayed under the `heading` in the left column             |
| **blockDetail** | Array of Objects | List of progress items with caption, progress, counter, and unit | Rendered in the right column with progress bars and counters |