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: "Alice Dupont", subtitle: "Entrepreneur", desc: "Cette plateforme a transformé mon entreprise! Je recommande vivement.", img_source: "https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/face-2.jpg", company: "Startup Innovante", date: "Janvier 2024", rating: 5 }, { name: "Jean Martin", subtitle: "Freelance", desc: "Un service exceptionnel et un support client réactif!", img_source: "https://bucket.material-tailwind.com/b2b4bceb1c877dba7-human-magic-ai/ecommerce/face-3.jpg", company: "Jean Martin Design", date: "Février 2024", rating: 4 } ]; 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/ecommerce/face-2.jpg"; const company = item?.company || "Company Name"; const date = item?.date || "Mars 2024"; const rating = item?.rating || 5; return (

{name} {subtitle} at {company}

{rating}.0

{date}

"{desc}"

); } function TestimonialsSection() { return (

Ce que nos clients disent Lisez les témoignages de nos clients qui ont réussi grâce à notre plateforme.

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

))}

); } export default TestimonialsSection;

Créer un site web e-commerce - Code

Project Files

No file selected