Testimonials answer the question every visitor has before they sign up or buy: do people like me actually get value from this? The best layout depends on how many quotes you have and how much attention you want them to get.

With lots of short quotes, the Testimonial Wall shows them all at once in a masonry layout, and the Testimonial Marquee keeps two rows gliding past endlessly. To save space, the Testimonial Carousel lets visitors drag or swipe through cards with momentum. And when one customer story says it all, the Testimonial Spotlight gives it a big animated quote with result stats.

For shops, apps and local businesses, the Reviews Summary & Rating shows the average star rating with a breakdown by stars that filters the review cards, plus AggregateRating and Review data.

Every section stores testimonials as an editable list with quotes, names, roles, optional photos and star ratings. The interactions are built with GSAP (Draggable, Inertia, ScrollTo and an endless loop) on top of plain scrolling, so they stay accessible and work in HTML, React and Vue exports.

New: the Case Study Showcase gives each project a wide card with a result headline, key numbers and a client quote, for visitors who want proof they can measure.

Testimonial Wall: A "wall of love" testimonials section: a heading with an overall rating summary, then customer quotes in a masonry layout where cards of different lengths fit together neatly. Each card has optional stars, the quote, and the person’s photo, name and role.

Testimonial Carousel: A testimonial slider with a left-aligned heading and arrow buttons above a row of quote cards. Drag it with the mouse and it glides with momentum and snaps to the nearest card (GSAP Draggable + Inertia); swipe on touch screens, or use the arrows, which ease from card to card.

Testimonial Marquee: Two rows of testimonial cards that scroll endlessly in opposite directions under a centred heading, with soft fades at both edges. Hovering a row eases it to a stop so visitors can read; it loops seamlessly with GSAP and becomes a hand-scrollable row for people who prefer reduced motion.

Testimonial Spotlight: One customer story, told big: a large quote that reveals line by line, the customer’s photo with their name, role and company, and a row of result stats (like "3× faster reporting") with a link to the full case study. Ideal when one great quote says more than ten small ones.

Case Study Showcase: A featured project section for agencies, consultants and software companies: each case study is a wide card with a project image beside the client, an industry tag, a headline that states the result, a short summary, up to three key metrics, a client quote with name and role, and a link to the full story. Cards alternate sides as you add more.

Reviews Summary & Rating: The trust block shops and local businesses need: a big average rating with stars, “based on 1,284 reviews”, and a five-bar breakdown by stars worked out from the counts you type in. Click a bar and only the reviews with that rating stay on screen. Each review card has stars, a title, the text, the reviewer and a “Verified purchase” label. The rating and the reviews are also written as schema.org AggregateRating and Review data, so search engines can read them. Texts, labels and the filter wording are all editable, so it works in any language.