Feature 78 block design & features
Feature78 is an interactive feature section built with Shadcn UI as a tabbed interface where each option reveals a different story. A heading and Book a demo link with a sliding arrow sit above a horizontally scrollable tab strip on small screens (with edge fades) and a standard tab strip on larger widths. Choosing a tab swaps the panel below to a two-column layout: a tall rounded image on one side and a stacked title with muted body copy on the other.
The presentation stays clean: neutral surfaces, rounded image shell, and typography that matches other split-feature blocks in the collection. The tab strip is the busiest element visually; the content area is calm aside from the photograph. Motion is limited to icon translation and the controlled tab change.
This block is more elaborate than static grids because it couples navigation with imagery, so you need three parallel stories with distinct visuals. It suits dense product pages that must cover multiple capabilities without long scrolling.
Below the medium breakpoint the image and text stack vertically while tabs remain reachable via horizontal scroll; on wide screens the split reads left-to-right with balanced gutters.