React components
Testimonial carousel
A classic carousel for testimonials with avatars and customer story links.
Overview
The TestimonialCarousel displays one detailed testimonial at a time. It includes large quote text, author details, and an optional link to a customer story. Below the main content, it shows a list of clickable logos/indicators.
Usage
import { TestimonialCarousel } from '@/components/core/testimonial-carousel';
const data = [
{
id: 'testimony-1',
testimony: 'Good work, like your theme a lot!',
name: 'John',
jobTitle: 'CEO at Apexnode',
logo: JohnAvatar,
avatar: User7,
link: '/customer-stories',
},
{
id: 'testimony-2',
testimony: 'Awesome template ever!',
name: 'Jane',
jobTitle: 'CTO at Skynix',
logo: SkynixLogo,
avatar: JaneAvatar,
link: '/customer-stories',
},
]
function Reviews() {
return <TestimonialCarousel items={data} interval={8000} />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | TestimonialItems[] | Required | Array of testimonial objects. |
interval? | number | 5000 | Time until next slide in milliseconds. |
className? | string | - | Optional CSS class names. |