Feature 104 - Three-column icon highlights with center image

Pro

Medal badge and centered copy introduce six bordered icon rows split into two side columns with a tall placeholder image between on wide layouts.

Figma

Description of the Feature 104 block design & features

Feature104 is a symmetric highlights section built with shadcn/ui Badge and Lucide icons inside bordered cards. The header centers an outline badge with an embedded medal icon, a semibold title, and muted paragraph text. Below, a three-column grid places three stacked feature cards on the left, three on the right, and a full-height rounded image in the center on large screens only.

Iconography sits in small muted squares beside each card title; descriptions stay in smaller muted body text. The repeated bordered card motif reads uniform and catalog-like, suitable for enumerating platform strengths. The center image column adds a vertical anchor when space allows.

The presentation feels balanced and brochure-like, closer to a structured product tour than a single hero image block. Six fixed slots mean authors should plan six parallel points or trim content. Decorative complexity is moderate due to icon variety and column choreography more than animation.

On small viewports the central image hides so the icon stacks occupy the full width for simpler scrolling.