Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Average star rating information provides a solid social proof mechanism, showcasing the collective satisfaction of users and enhancing credibility of the displayed credentials.
Double moving rows reinforces an idea of continuous content flow, meaning that new testimonials are constantly arriving from next happy customers. It also gives an visual impression of more testimonials quantity even when only a few are provided.
Letter avatar fallback gives an opportunity to include both testimonials with users photos as well as without, while maintaining consistent layout
Two setting options are available: displaying user avatars and star ratings. This allows extreme flexibility of that component than can be used in any industtry and company size.
Success Stories
Real stories from people who use and love our product every day
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
Alice Johnson
★★★★★
Product Manager at Acme Co
This product dramatically improved our team productivity. Highly recommended!
Bob Smith
★★★★★
CTO at TechCorp
A reliable solution that scaled with our needs.
C
Carla Gomez
★★★★★
Designer at StudioX
Beautiful UX and great support from the team.
npx shadcn@latest add https://www.payload.koszyka.com/r/testimonials.jsonComponent.tsx
import type { TestimonialsBlock as TestimonialsBlockProps } from 'src/payload-types'import { cn } from '@/utilities/ui'import React from 'react'import TestimonialsMarquee from './Testimonials'type Props = { className?: string} & TestimonialsBlockPropsexport const TestimonialsBlock: React.FC<Props> = ({ className, data, settings }) => { const testimonials = data?.testimonials ?? [] return ( <section className={cn('min-h-screen flex items-center justify-center py-12', className)}> <div className="w-full"> <h2 className="text-5xl font-semibold text-center tracking-tight text-pretty"> Success Stories </h2> <p className="mt-3 text-center text-muted-foreground text-xl"> Real stories from people who use and love our product every day </p> <TestimonialsMarquee testimonials={testimonials} settings={settings} /> </div> </section> )}