Components
Loading preview...
This Username Testimonial Displays user testimonials with profile images, usernames, feedback text, and a link to their social media.
@ayushmxxn
npx shadcn@latest add https://21st.dev/r/ayushmxxn/testimonialsimport { Testimonials } from "@/components/ui/testimonials"
const testimonials = [
{
image: 'https://images.unsplash.com/photo-1633332755192-727a05c4013d?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
text: 'I\'m blown away by the versatility of the components in this library. They make UI development a breeze!',
name: 'Alice Johnson',
username: '@alicejohnson',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://images.unsplash.com/photo-1522075469751-3a6694fb2f61?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
text: 'Using this component library has significantly speed up our development process. The quality and ease of integration are remarkable!',
name: 'David Smith',
username: '@davidsmith',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/kaDy9hV.jpeg',
text: 'The components in this library are not just well-designed but also highly customizable. It\'s a developer\'s dream!',
name: 'Emma Brown',
username: '@emmabrown',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/cRwFxtE.png',
text: 'I love how intuitive and well-documented this component library is. It has significantly improved our UI consistency across projects.',
name: 'James Wilson',
username: '@jameswilson',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/TQIqsob.png',
text: 'Implementing this component library was a game-changer for our team. It has elevated our product\'s UI to a whole new level!',
name: 'Sophia Lee',
username: '@sophialee',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/3ROmJ0S.png',
text: 'Using this library has been a game-changer for our product development.',
name: 'Michael Davis',
username: '@michaeldavis',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/6fKCuVC.png',
text: 'The components are highly responsive and work seamlessly across different devices and screen sizes.',
name: 'Emily Chen',
username: '@emilychen',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/Jjqe7St.png',
text: 'I love how easy it is to customize the components to fit our brand\'s style. The design is clean and modern.',
name: 'Robert Lee',
username: '@robertlee',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/bG88vHI.png',
text: 'This library has saved us a significant amount of time and effort. The components are well-documented and easy to integrate.',
name: 'Sarah Taylor',
username: '@sarahtaylor',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/tjmS77j.png',
text: 'I appreciate the attention to detail in the design. The components are visually appealing and professional.',
name: 'Kevin White',
username: '@kevinwhite',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/yTsomza.png',
text: 'The components are highly customizable and can be easily integrated with our existing UI framework.',
name: 'Rachel Patel',
username: '@rachelpatel',
social: 'https://i.imgur.com/VRtqhGC.png'
},
{
image: 'https://i.imgur.com/pnsLqpq.png',
text: 'I love how the components are designed to be highly responsive and work well across different screen sizes.',
name: 'Brian Kim',
username: '@briankim',
social: 'https://i.imgur.com/VRtqhGC.png'
}
];
export function TestimonialsDemo() {
return (
<div className="container py-10">
<Testimonials testimonials={testimonials} />
</div>
)
}