//widgetType: Basic (props) => { const [currentIndex, setCurrentIndex] = useState(0); const testimonials = [ { name: "Julian Hartmann", title: "Machine Learning Engineer", image: "https://d3f70emg10ruwo.cloudfront.net/0fmjc5exr7r5j/WhatsApp%20Image%202025-11-07%20at%2017.22.26%20%281%29--b07b3e91-6dab-41e3-b774-18e80731b746.jpeg", quote: "The innovative culture here allows me to push boundaries in AI research while collaborating with brilliant minds." }, { name: "Isabelle Fournier", title: "Head of Global Marketing", image: "https://d3f70emg10ruwo.cloudfront.net/0fmjc5exr7r5j/WhatsApp%20Image%202025-11-07%20at%2017.22.26%20%287%29--170d2e1b-829a-4964-925a-e0a0647ef8ab.jpeg", quote: "We don't just market wellness—we live it. It's a privilege to work with a brand that values heritage and innovation equally." }, { name: "Marcello Bianchi", title: "Lead Materials Engineer", image: "https://d3f70emg10ruwo.cloudfront.net/0fmjc5exr7r5j/WhatsApp%20Image%202025-11-07%20at%2017.22.26%20%285%29--910e61ac-a153-4f18-8ed0-58405a2c2ab9.jpeg", quote: "Exploring new materials that still honor traditional craftsmanship is a daily challenge—and exactly why I love working here." }, { name: "Noah Becker", title: "UX Designer, Digital Experience", image: "https://d3f70emg10ruwo.cloudfront.net/0fmjc5exr7r5j/WhatsApp%20Image%202025-11-07%20at%2017.22.26%20%2810%29--e19f594f-a26a-4cc6-aa07-2d108e296e97.jpeg", quote: "Merging classic luxury with digital elegance is no easy feat—but that's what makes my work here so exciting and meaningful." }, { name: "Clara Maurice", title: "Senior Product Designer", image: "https://d3f70emg10ruwo.cloudfront.net/0fmjc5exr7r5j/WhatsApp%20Image%202025-11-07%20at%2017.22.26%20%288%29--21083162-d53b-4f2c-8617-5d1cf1afb185.jpeg", quote: "Every day brings new creative challenges that push me to design products that truly make a difference in people's lives." } ]; const handlePrevious = useCallback(() => { setCurrentIndex((prev) => (prev === 0 ? testimonials.length - 1 : prev - 1)); }, [testimonials.length]); const handleNext = useCallback(() => { setCurrentIndex((prev) => (prev === testimonials.length - 1 ? 0 : prev + 1)); }, [testimonials.length]); const handleDotClick = useCallback((index) => { setCurrentIndex(index); }, []); const getCardStyle = (offset) => { if (offset === 0) { return { zIndex: 3, opacity: 1, scale: 1, y: 0 }; } else if (offset === 1 || offset === -1) { return { zIndex: 2, opacity: 0.4, scale: 0.9, y: 20 }; } else if (offset === 2 || offset === -2) { return { zIndex: 1, opacity: 0.2, scale: 0.8, y: 40 }; } return { zIndex: 0, opacity: 0, scale: 0.7, y: 60 }; }; return ( {testimonials.map((testimonial, index) => { const offset = (index - currentIndex + testimonials.length) % testimonials.length; const normalizedOffset = offset > testimonials.length / 2 ? offset - testimonials.length : offset; const style = getCardStyle(normalizedOffset); return (

{testimonial.name} {testimonial.title} "{testimonial.quote}" {[...Array(5)].map((_, i) => ( ))} ); })} {testimonials.map((_, index) => ( handleDotClick(index)} sx={{ width: currentIndex === index ? '40px' : '12px', height: '12px', borderRadius: '6px', bgcolor: currentIndex === index ? '#7c3aed' : 'rgba(255, 255, 255, 0.3)', cursor: 'pointer', transition: 'all 0.3s ease' }} /> ))} ); }