Benefit2
The Benefit2 component displays a section with a background image, a heading, and multiple counter blocks with numerical values and descriptions, adjusting layout based on screen size.
All available props for the Benefit2 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/Benefit2.tsx
Component usage path: src/app/blocks/benefit/benefit2/page.tsx
Preview link: https://www.saasable.io/blocks/benefit/benefit2
Props Details
heading
string
Main title of the benefit section.
"Our Key Benefits"
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: 150, caption: "Clients", defaultUnit: "k" }, { counter: 75, caption: "Projects" }, { counter: 100, caption: "Awards" } ]
Last updated