import { cn } from '@/lib/utils' import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar' import { Star } from 'lucide-react' export default function TestimonialSection() { const testimonials = [ { name: 'Méschac Irung', role: 'Creator', stars: 5, avatar: 'https://avatars.githubusercontent.com/u/47919550?v=4', content: "Using Tailark has been like unlocking a secret design superpower. It's the perfect fusion of simplicity.", }, { name: 'Théo Balick', role: 'Frontend Dev', stars: 4, avatar: 'https://avatars.githubusercontent.com/u/68236786?v=4', content: 'Tailark has transformed the way I develop web applications. The flexibility to customize every aspect is amazing.', }, { name: 'Glodie Lukose', role: 'Frontend Dev', stars: 5, avatar: 'https://avatars.githubusercontent.com/u/99137927?v=4', content: 'The extensive collection of UI components has significantly accelerated my workflow.', }, ] return (

{testimonials.map((testimonial, index) => (

{Array.from({ length: 5 }).map((_, i) => ( ))}

{testimonial.content}

{testimonial.name.charAt(0)}

{testimonial.name}

{testimonial.role}

))}

) }

Testimonials Three

Instalação

Registry dependencies