# Premium Testimonials Section

> 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

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@muhammad-binsalman/components/premium-testimonials-section

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/premium-testimonials-section?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt