import React from 'react'; import { Card, Typography, Rating, Avatar, Button } from "@material-tailwind/react"; import * as HeroIcons from "@heroicons/react/24/outline"; const COMPONENT_DATA = [ { name: "João Silva", subtitle: "CEO", desc: "A experiência foi incrível! A equipe superou nossas expectativas.", img_source: "https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/corporate/face-2.jpg", company: "Empresa XYZ", date: "Janeiro 2024", rating: 5 }, { name: "Maria Oliveira", subtitle: "Gerente de Projetos", desc: "Os resultados foram além do esperado. Recomendo a todos!", img_source: "https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/corporate/face-3.jpg", company: "Empresa ABC", date: "Fevereiro 2024", rating: 5 } ]; function TestimonialCardComponent({ item }) { const name = item?.name || "Client Name"; const subtitle = item?.subtitle || "Client Position"; const desc = item?.desc || "Client Testimonial"; const img_source = item?.img_source || "https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/corporate/face-2.jpg"; const company = item?.company || "Company Name"; const date = item?.date || "March 2024"; const rating = item?.rating || 5; return (

{name} {subtitle} at {company}

{rating}.0

{date}

"{desc}"

); } function TestimonialsSection() { return (

O que Nossos Clientes Dizem Veja como ajudamos nossos clientes a alcançar seus objetivos.

{COMPONENT_DATA.map((item, index) => (

))}

); } export default TestimonialsSection;

Crie um Site Landing Moderno - Code

Project Files

No file selected