Components
A modern, responsive testimonials section featuring a unique asymmetric grid layout with five customer testimonials. The component displays three equal-width testimonials in the top row and two testimonials in the bottom row (30/70 split). Features diverse styling including gradient overlays, background images, vibrant color schemes, and interactive elements like video testimonials. Perfect for showcasing client success stories, agency portfolios, and SaaS products. Built with React and Tailwind CSS with smooth hover effects and mobile-responsive design. Key Features:
Asymmetric grid layout (3 equal top, 2 split bottom) Multiple design variants (white cards, gradient overlays, colored backgrounds) Customer profile integration with avatars and company details Video testimonial with play button Fully responsive across all screen sizes Modern UI with rounded corners, shadows, and smooth transitions Ready-to-use with placeholder content that can be easily customized
Loading preview...
import TestimonialSection from "@/components/ui/premium-testimonials-section";
export default function DemoOne() {
return <TestimonialSection />;
}