Reviews 12 block design & features
A testimonial section with a centered serif heading, a row of round customer avatars and a carousel of review cards, built with shadcn/ui Carousel, Avatar and Tooltip.
The active avatar gets a ring and a tooltip with the customer's name. Each card shows a star rating, the quote, and the customer's avatar, name and location. The cards loop around a centered active card, and the cards on either side are dimmed, grayed and slightly smaller.
Clicking an avatar scrolls the cards to that review, and swiping the cards moves the avatar row along with them. On mobile four avatars are visible at a time instead of six. The heading and reviews are props.