Benefit1
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.
Component path: src/blocks/benefit/Benefit1.tsx
Component usage path: src/app/blocks/benefit/benefit1/page.tsx
Preview link: https://www.saasable.io/blocks/benefit/benefit1
Props Details
heading
string
Main title of the section.
"Our Key Metrics"
caption
string
(optional)
Additional descriptive text below the heading.
"Here are some of our key achievements."
bgImage
string
(optional)
URL or path for the background image.
"/images/background.jpg"
blockDetail
Array of objects
Details for each counter block. Each object includes:
- counter
: number
- caption
: string
- defaultUnit
: string
(optional)
[ { counter: 120, caption: "Users", defaultUnit: "k" }, { counter: 80, caption: "Projects" } ]
Last updated