Shadcn UI Feature Block
A container-width feature section built with shadcn/ui that pairs a large image carousel with a horizontal row of selectable tabs. The carousel spans the full container width with images displayed at a 16:9 aspect ratio, giving each feature generous visual space. Each slide includes a gradient overlay at the bottom with an icon, title, and description anchored over the image.
The visual style is clean and spacious, with a rounded border framing the carousel and subtle shadows adding a sense of depth. Feature tabs sit in a four-column grid below the carousel, each showing an icon, title, and short description. The selected tab uses an accent background and elevated shadow while unselected tabs remain borderless with a hover transition. Typography is headline-forward with a centered badge, heading, and description above the carousel.
This is a straightforward carousel-plus-tabs pattern that works well for product tours or feature breakdowns where each item benefits from a wide supporting image. The horizontal tab layout below the carousel keeps all options visible at once, avoiding the need to scroll a sidebar. Moderate complexity, driven primarily by the carousel interaction and the tab state synchronization.