Landing Page Testimonial

Updated on

Use this component to display a single testimonial. It has text, a name, and a picture of the person. This is used as part of Testimonial Lists and Testimonial Grids.

Usage

import { LandingTestimonial } from '@/components/landing/testimonial/LandingTestimonial';
<LandingTestimonial
  name={'Mandy'}
  text={'Excellent product. I love it!'}
  handle={'@mandy'}
  imageSrc={'https://picsum.photos/100/100.webp?random=3'}
  hideFooter
/>

Examples

With Testimonial Grid

With Testimonial List

API Reference

Prop NameProp TypeRequiredDefault
url stringYes-
text stringYes-
imageSrc stringYes-
name stringYes-
handle stringYes-
featured booleanNo-
verified booleanNotrue
size 'full' ǀ 'half' ǀ 'third'No-

More Examples

For more even more examples, see our Landing Page Component Examples page or see complete landing page examples by Exploring Our Landing Page Templates.