Three Pillars
Three equal columns, each with an icon, heading, and a line on quality, security, and support. Builds buyer confidence across the full storefront.
Three equal columns, each with an icon, heading, and a line on quality, security, and support. Builds buyer confidence across the full storefront.
Search blocks by description or jump to a page.
Three Pillars is a three column trust section. The columns stack on mobile and sit side by side on wider screens. Each column centers a circular icon badge, a short heading, and a one or two sentence description beneath it. The demo ships with shipping speed, a returns policy, and customer support as its three subjects.
All three pillars are driven from a single data array, so you can rewrite the heading and description for each one without touching the layout. The icon for each pillar is swappable from the full Lucide library, and you can add or remove pillars by editing the array, though three columns fills the grid cleanly.
Reach for this block when you need a compact, scannable row that spells out your core promises in one pass. On an HR and hiring platform it works well on a pricing or checkout page to reassure buyers about data security, cancellation terms, and support availability before they commit. It covers more ground than the compact icon list because each pillar has room for a full sentence, and it is lighter than a full product features section when you only need three short reassurances.
A natural flow around it on an Ecommerce page:
Before
After
The block suits any three core commitments you want buyers to hold in mind at once. A few directions beyond the demo copy:
Tip: keep each description to one or two short sentences so all three pillars finish at roughly the same height and the grid stays balanced.