Metrics5

The Metrics5 component renders a section with a heading, caption, and a grid of animated statistic cards, each displaying a counter, unit, and description.

All available props for the Metrics5 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the Metrics section.

Component path: src/blocks/metrics/Metrics5.tsx

Component usage path: src/app/blocks/metrics/metrics5/page.tsx

Preview link: https://www.saasable.io/blocks/metrics/metrics5

Props Details

Prop	Type	Description	Displayed as
heading	string	Main title of the section.	"Our Key Advantages"
caption	string	Additional descriptive text for the section.	"Discover the unique features and metrics that set us apart..."
blockDetail	Array of objects	Array of blocks, each with counter, unit, caption, and animation delay.	[ { counter: '500', defaultUnit: 'k', caption: 'Users', animationDelay: 0.1 }, ... ]