This testimonial section gives you a complete, ready-to-drop social proof block - not just a card, but the whole section with heading, description, and two call-to-action buttons on the left, paired with an interactive testimonial carousel on the right.
The carousel displays three cards at once in a stacked depth layout - one large focused card in the center with smaller preview cards peeking from each side. Each card features a full-bleed customer photo overlaid with a frosted-glass panel showing star ratings, the reviewer's name, job title, and company.
Hover over the active card and the glass overlay expands to reveal the full testimonial quote - a subtle interaction that keeps the layout clean while letting visitors read the actual feedback when they're interested.
Navigate between testimonials using the built-in left and right arrow buttons. The component is fully responsive, stacking the heading, buttons, and carousel vertically on smaller screens.
Complete two-column testimonial section (heading + carousel)
Stacked card carousel with large center card and side previews
Frosted-glass overlay with blur effect on each card
Hover interaction that reveals the testimonial quote text
Star ratings (supports different ratings per card)
Full-bleed customer photos with name, role, and company
Left/right navigation arrows
Blue "Testimonial" section label
Two CTA buttons (filled + outlined)
Fully responsive — stacks on mobile
Link/action icon on preview cards
SaaS and product landing pages
Agency and studio websites
Startup marketing sites
Portfolio and freelancer pages
Any site that needs a polished social proof section
Vraj Parikh
