'use client' import React from "react"; import { Swiper, SwiperSlide } from "swiper/react"; import "swiper/css"; import "swiper/css/free-mode"; import "swiper/css/pagination"; import { FreeMode, Pagination, Autoplay } from "swiper/modules"; import Image from "next/image"; const affiliation = [ { image: "https://res.cloudinary.com/dpb8r7bqq/image/upload/v1721837633/hero-slider-img-3_klmsdx.webp", // Placeholder image URL name: "Alice Johnson", rating: "5", message: "Fantastic experience! The service was impeccable and exceeded my expectations." }, { image: "https://res.cloudinary.com/dpb8r7bqq/image/upload/v1721837633/hero-slider-img-3_klmsdx.webp", // Placeholder image URL name: "Bob Smith", rating: "4", message: "Great service overall, but there’s a little room for improvement." }, { image: "https://res.cloudinary.com/dpb8r7bqq/image/upload/v1721837633/hero-slider-img-3_klmsdx.webp", // Placeholder image URL name: "Charlie Davis", rating: "3", message: "The service was good, but I had a few issues that need to be addressed." }, { image: "https://res.cloudinary.com/dpb8r7bqq/image/upload/v1721837633/hero-slider-img-3_klmsdx.webp", // Placeholder image URL name: "Diana Lee", rating: "5", message: "Excellent service! I’m very satisfied with the results and will definitely come back." } ]; const Testimonials = () => { return (

TESTIMONIAL

Our Client

Thoughts

{affiliation?.map((item: any, index: number) => (

{item.name}

{Number(item?.rating) < 6 && Array.from( { length: Number( item?.rating ), }, (_, index) => (

) )}

{item.message}

))}

); }; export default Testimonials;

Awesome CSS Testimonials

Basic Testimonial

Single Testimonial

Card Testimonial