FeatureColumns.
A tone-owning section: eyebrow + display headline over a fixed three-track grid of bordered, white-filled cards that lift on hover. Each card stacks a mono eyebrow, an optional oversized metric, a title, and a short paragraph.
When to use
When a section needs a headline and exactly three peer claims, each strong enough to earn a card — often a metric card row ("$4.2M recovered", "98.4% coverage", "12 carriers"). It brings its own section padding, container and background tone, so drop it straight into a page rather than wrapping it. Reach for FeatureList when the set is longer and each item is a title plus a sentence, or UtilityTiles when you want four tiles with an illustrative graphic.
Proof
Every dollar, accounted for
Recovered
$4.2MDuplicate charges
Flagged and clawed back automatically.
Coverage
98.4%Invoices audited
Every parcel invoice, checked against your contract.
Carriers
UPS, FedEx, DHL and nine more
Connect in a couple of minutes, no IT ticket.
Recovered
$4.2MDuplicate charges
Flagged and clawed back automatically.
Coverage
98.4%Invoices audited
Every parcel invoice, checked against your contract.
Carriers
UPS, FedEx, DHL and nine more
Connect in a couple of minutes, no IT ticket.
Every column is a bordered, filled card — 18px radius, 28/32px padding — that lifts 4px on
hover; there are no chromeless columns, no icons and no hairline dividers. The track count is
hard-coded md:grid-cols-3: the columns prop is the items array, not a
count. On the ink tone the hover shadow is dropped rather than darkened.