Feature 228 - Smart home story with icon grid and gallery

Pro

Muted two-column section pairs a large stacked headline, intro copy, and a small icon-led benefit grid with a collage of rounded product photos inside framed phone-style shells.

Shadcn Feature 228 block

Component Data

  • ID:feature228
  • Access:pro
  • Created:Mar 30, 2025
  • Type:block

Feature 228 block design & features

Feature228 combines promotional copy with a visual collage using Shadcn UI layout primitives on a soft muted canvas. The left stack begins with an oversized two-line headline, supporting paragraph in muted tone, then a two-by-two grid of micro topics. Each topic uses a small rounded square icon tile, a semibold label, and short descriptive text. Two of the cells swap icon tiles for paired brand marks to signal ecosystem fit, while another uses social network glyph marks to imply sharing workflows.

The right column arranges multiple rounded images of different aspect ratios, including a tall device frame with inner padding that reads like a handset mock. Thin borders separate imagery blocks from the background while vertical spacing forms an irregular gallery rhythm.

The section feels residential and consumer, with friendly iconography and lifestyle photography placeholders. It is moderately complex because of mixed media sizes and the dual brand plus social rows. Real use demands custom photography or illustrations, four microcopy sets, and chosen iconography.

Large screens keep the split balance; narrow widths stack text first and follow with the photo collage so scrolling reveals the full gallery.