Feature 230 - Wide hero image with split headline and icons

Pro

A marketing feature band with a full-width image strip, eyebrow divider, oversized headline plus supporting paragraph, and four Lucide-backed feature tiles in a responsive grid.

Shadcn Feature 230 block

Component Data

  • ID:feature230
  • Access:pro
  • Created:Apr 23, 2025
  • Type:block

Feature 230 block design & features

Feature230 is built with shadcn/ui primitives and layout utilities. A wide image sits under a thin top rule and spans the container with rounded lower corners and a bottom border. Below, a grid splits into a text column for a very large heading and muted supporting copy, and a wider column that holds four features. Each tile has a Lucide icon, a short title, and a muted description about cloud-style infrastructure themes.

Neutral light surfaces with bordered image treatment and standard muted foreground on body text. Typography is headline-heavy with medium weight headings and roomy vertical spacing between the hero strip and the text grid. The feature grid uses a simple icon plus stacked text without cards or shadows; the section feels editorial rather than boxed. Mostly static aside from inherent hover states on interactive ancestors if you wrap links later.

Straightforward SaaS infrastructure marketing pattern with a distinctive wide image band above the split content. It is moderate in complexity: one hero image, one headline block, and repeating feature cells driven by a data array. Uniqueness comes from the ten-column style split and the oversized display heading rather than from extra chrome.

On small screens the grid stacks: the heading column and the two-by-two feature area read in order. The image remains full width and sets the tone before the copy.