Testimonial 16 block design & features
Testimonial16 is a two-column testimonial section built with shadcn/ui. The left column holds a large heading, while the right column lists eight tweet-style entries separated by shadcn Separator lines. Each entry starts collapsed, showing a small avatar and a one-line excerpt. Clicking an entry expands it to reveal the full testimonial text along with the author name and handle.
Collapsed rows use a muted hover background and keep the excerpt clamped to a single line. Expanded rows display a larger avatar with a ring border, the author's name and handle in small text, and the full tweet content beneath. The expand and collapse transition is animated with a max-height change over 500 milliseconds, producing a smooth accordion effect. Only one entry can be expanded at a time; clicking an already-open entry collapses it.
The style mimics a social feed, with blue-tinted mention links and compact metadata rows. The interaction pattern keeps the section tidy when scanning and detailed when a specific quote is selected.
On smaller screens the two-column grid stacks, placing the heading above the testimonial list in a single column.