Benefit6
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.
All available props for the Benefit6 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the Benefit section.
Component path: src/blocks/benefit/Benefit6.tsx
Component usage path: src/app/blocks/benefit/benefit6/page.tsx
Preview link: https://www.saasable.io/blocks/benefit/benefit6
Props Details
bgImage
string
URL of the background image for the GraphicsCard
"https://example.com/background.jpg"
Background image of the card
heading
string
Main heading text
"Innovative Solutions"
Large, bold text at the top of the section
caption
string
Supporting subtitle text
"Discover our cutting-edge technology and features."
Smaller text below the heading
blockDetail
Array<BlockProps>
Array of objects containing counter details
[ { counter: 120, caption: "Projects Completed", defaultUnit: "K" }, { counter: 35, caption: "Awards Won", defaultUnit: "T" }, { counter: 200, caption: "Happy Clients", defaultUnit: "+" } ]
Counter cards displaying numeric values and captions
Last updated