Social Proof Section With Feedback Gallery

Use this when the page wants one quote in a loud voice and a row of faces under it, not a grid of cards. The heading splits CLIENT in black and FEEDBACK in the accent. The quote sits on the grid in uppercase. Square controls step the story. The portrait strip is the picker: the active frame grows and takes the orange wash, the rest stay smaller and grey. Keep the quote, the name, and the portraits in the DOM.

Skip it when you need four quotes on screen, or when you cannot show a face for every line. A grey strip of stock heads with one recycled sentence is a brochure. The shipped copy is a fictional studio called Craftix, so replace the quotes, the names, and the portraits before this goes to production. The section follows light and dark. Black controls flip to white in dark so they still read as the same squares. The orange wash on the active portrait stays orange in both.