Hero with feature grid and bottom carousel

Hero 281Pro

A centered hero with headline, icon feature grid with short blurbs, dual CTAs, and a full-width autoplay carousel with slide labels and dot controls.

Shadcn UI Hero Block

Hero281 is a shadcn/ui client layout related to Hero279, but the reading order leads with copy. A centered headline opens the section, followed by a responsive row of icon-led feature cards with titles and muted supporting lines, then a primary plus outline button pair.

Below that sits an autoplay carousel across the content width with rounded bordered slides, slide index text, and dot controls.

The block uses placeholderHeroFeatureSlider for headings, features, and images. Moderate complexity comes from the carousel state, autoplay plugin, and keeping three slides and three feature items aligned when you customize props.

On narrow widths the feature grid stacks before the carousel; spacing between the copy block and carousel stays explicit so the section does not feel cramped.