Feature 220 - Split stats column with muted autoplay video

Pro

Dotted muted backdrop holds a two-column layout pairing headline, supporting copy, primary CTA, three inline statistics, and a rounded autoplaying muted clip opposite.

Shadcn Feature 220 block

Component Data

  • ID:feature220
  • Access:pro
  • Created:Apr 30, 2025
  • Type:block

Feature 220 block design & features

Feature220 pairs narrative copy with quantitative reinforcement on a repeating dot texture using Shadcn UI pacing for the highlighted action control and clipped media framing. One side stacks a large title, supporting paragraph, and high-emphasis call-to-action, while the lower portion of that column anchors a compact card presenting three labeled metrics in a row. The opposite side dedicates its width to a muted, autoplaying, looped clip inside a rounded rectangle so motion stays ambient rather than player chrome heavy.

Visual weight tilts toward crisp type on a quiet patterned field, with the video acting as the saturated focal point. Subtle hover shadow on the stats card adds a soft lift without breaking the otherwise flat marketing surface.

It is a classic split feature with low structural risk but clear content demands: honest metrics, a clip that reads without audio, and copy that justifies the performance claims. Uniqueness hinges on the pairing of numerics and motion rather than novel geometry.

Large breakpoints align the video beside the story with extra horizontal gap; smaller breakpoints wrap so the clip still spans full width while stats remain legible in a tight grid.