Description of the Feature 370 block design & features
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 sixteen-by-nine aspect ratio, giving each feature generous visual space. Each slide layers a gradient wash at the bottom with an icon, title, and description anchored over the image.
The look stays light and open, with a rounded frame around the carousel and soft shadow lifting the panel slightly from the page. Feature tabs sit in a grid under the carousel, each showing an icon, title, and short description. The active tab uses a filled accent background and slightly stronger shadow while inactive tabs stay quiet and gain emphasis on hover. Typography above the carousel is headline-led with a centered badge, heading, and intro line.
This is a straightforward carousel-plus-tabs pattern suited to product tours or feature lists where every item needs a wide supporting still. Keeping every tab visible at once avoids hiding options behind a vertical list. Complexity is moderate and mostly interaction-driven: you need one strong image per tab, synchronized tab labels, and copy that fits the overlay.
On smaller screens the tab row tightens into fewer columns while the carousel keeps the same aspect ratio, so the section remains usable without a separate mobile-only layout.