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
Don't take it from us
See what other people have to say.
“After using this, I cannot imagine going back to the old way of doing things.”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D2&w=256&q=75)
“Perfect for my use case”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D3&w=256&q=75)
“This is the best thing since sliced bread. I cannot believe I did not think of it myself.”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D1&w=256&q=75)
“Excellent product!”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D4&w=256&q=75)
“Can easily recommend!”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D5&w=256&q=75)
“I am very happy with the results.”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D6&w=256&q=75)
With Testimonial List
Don't take it from us
See what other people have to say.
“This is the best thing since sliced bread. I cannot believe I did not think of it myself.”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D1&w=256&q=75)
“After using this, I cannot imagine going back to the old way of doing things.”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D2&w=256&q=75)
“Perfect for my use case”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D3&w=256&q=75)
“Excellent product!”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D4&w=256&q=75)
“Can easily recommend!”
![](/_next/image?url=https%3A%2F%2Fpicsum.photos%2F100%2F100.webp%3Frandom%3D5&w=256&q=75)
API Reference
Prop Name | Prop Type | Required | Default |
---|---|---|---|
url | string | Yes | - |
text | string | Yes | - |
imageSrc | string | Yes | - |
name | string | Yes | - |
handle | string | Yes | - |
featured | boolean | No | - |
verified | boolean | No | true |
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.