We have 2 different testimonial carousel components: one in the homepage and the two others in the Pollination Mentee and Mentor pages.

Homepage Testimonial Carousel

Location

The homepage carousel component live in components > elements > TestimonialCarousel

We used React Map method to create a new array by calling a provided function on every element in the calling array that is found in the testimonial.json file.

Data (testimonial.json)

The data JSON file lives in the mockdata folder.

id: identifier for objects

img: url of image used

name: name of person

title: job title of person

about: biography

For example, this is for the very first slide (id: 0):

<aside> 🤔 Where can I upload a new image? Images are located in public > images . Feel free to add your images here!

</aside>

Mentee & Mentor Testimonial Carousel

Both Mentee and Mentor carousel have a very similar format, but with different file location and using different colors for the SectionWrapper element, as seen here on line 11:

For this example, I’ll go with the Mentee Carousel

Location

The mentee carousel component live in components > elements > PollinationCarousel