With Stats
Feature descriptions interleaved with headline numbers and labels. Pairs the what with the proof so visitors trust the results on a product or pricing page.
Feature descriptions interleaved with headline numbers and labels. Pairs the what with the proof so visitors trust the results on a product or pricing page.
Search blocks by description or jump to a page.
With Stats is a two-column feature section. The left column holds a heading, a short supporting paragraph, and a call-to-action button, below which sits a vertical stack of three metric cards. Each card shows a label, a bold value, an icon in a tinted badge, and a progress bar that visualises how far along that metric sits. The right column is a square image with a subtle fade at the bottom edge.
The heading, body copy, and button label are all plain text you can swap freely. The three stat cards are driven by an array, so you can add, remove, or reorder entries without touching the layout. The image on the right is independent and can be replaced with any square asset that fits your context.
Reach for this block when you need to back a feature claim with concrete numbers in the same viewport. It suits a logistics or delivery platform that wants to show throughput figures, reliability rates, or fleet capacity alongside a short pitch, rather than pushing visitors to a separate stats page. Compared to a plain feature stats block, the progress bars here add a visual weight that draws the eye and communicates scale at a glance without requiring a separate chart component.
A natural flow around it on a Marketing (Legacy) page:
Before
After
Each metric card pairs a label and value with a progress bar, so the block works best when your numbers map naturally to a scale. A few fits for a logistics context:
Tip: set each progress value to reflect a meaningful percentage of a real target rather than an arbitrary number so the bars tell an honest story and build credibility.