Components
Loading preview...
Testimonials Section A responsive and animated component to showcase customer testimonials in a clean, grid-based layout.
@ravikatiyar
npx shadcn@latest add https://21st.dev/r/ravikatiyar162/testimonialsimport { TestimonialSection } from "@/components/ui/testimonials"; // Adjust the import path as needed
// Sample data for the testimonials
const testimonialsData = [
{
id: 1,
quote:
"He is super fast and creative, delivered the website design within a week. Highly skilled and professional designer!",
name: "Sarah",
role: "Kickflip",
imageSrc: "https://images.unsplash.com/photo-1581403341630-a6e0b9d2d257?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8ODR8fHByb2ZpbGV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&q=60&w=900?q=80&w=1965&auto=format&fit=crop",
},
{
id: 2,
quote:
"Impressed by the professionalism and attention to details in UI design. Highly Recommended!",
name: "Martha",
role: "Unicell",
imageSrc: "https://plus.unsplash.com/premium_photo-1690407617542-2f210cf20d7e?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8cHJvZmlsZXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&q=60&w=900?q=80&w=1887&auto=format&fit=crop",
},
{
id: 3,
quote:
"A seamless experience from start to finish. Josh made our app design and experience really impressive.",
name: "Victor",
role: "Horizone",
imageSrc: "https://images.unsplash.com/photo-1524504388940-b1c1722653e1?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTAyfHxwcm9maWxlfGVufDB8fDB8fHww&auto=format&fit=crop&q=60&w=900?q=80&w=1887&auto=format&fit=crop",
},
];
const TestimonialSectionDemo = () => {
return (
<TestimonialSection
title="See what all the talk is about!"
subtitle="Transformative Client experience from all around the globe"
testimonials={testimonialsData}
/>
);
};
export default TestimonialSectionDemo;