Benefit4
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.
Component path: src/blocks/benefit/Benefit4.tsx
Component usage path: src/app/blocks/benefit/benefit4/page.tsx
Preview link: https://www.saasable.io/blocks/benefit/benefit4
Props Details
heading
string
Main title text for the section.
"Our Achievements"
caption
string
Subtitle or additional description text below the heading.
"Key metrics and milestones"
exploreBtn
object
(optional)
Button configuration, e.g., text, color, size, and onClick handler.
{ text: "Learn More", onClick: () => { ... }}
blockDetail
Array<{ counter: number; caption: string; defaultUnit?: string }>
Array of objects containing counter values, captions, and optional units for display.
[ { counter: 120, caption: "Projects", defaultUnit: "K" }, { counter: 50, caption: "Clients" } ]
Last updated