A comparison card putting a muted starting figure and an accented result either side of an arrow, with a footnote explaining the sample.
Time to first booking
Before
9 days
across three systems
After
4 hours
on one workspace
Median across eleven practices that switched last quarter.
New here? Read the installation guide.
import { Stats17 } from "@/components/beste/piece/stats17";
<Stats17
title="Time to first booking"
before={{
"label": "Before",
"value": "9 days",
"caption": "across three systems"
}}
after={{
"label": "After",
"value": "4 hours",
"caption": "on one workspace"
}}
footnote="Median across eleven practices that switched last quarter."
/>Two values separated by an arrow. Before strikes through muted, after lands in emerald.
Visits this month
vs. 1,142 last month
A compact metric card pairing a large figure with a signed change chip, a small bar history, and a comparison caption.
Three stats side by side inside one card, separated by vertical dividers.
Uppercase caption over a big value on the left, paired with a tone-colored sparkline on the right.