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.
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