Landing Page Testimonial List Component

Updated on

Use this component to display a list of testimonials. Each testimonial has text, a name, and a picture of the person.

Testimonials are a great way to show that other people have used your product and are happy with it. Consider adding it high up on your landing page.

Shorter testimonials can be made smaller by setting the size prop to half or third. The default size is full.

Usage

import { LandingTestimonialListSection } from '@/components/landing/LandingTestimonialList';
<LandingTestimonialListSection
  title="Don't take it from us"
  description={
    <span className="mt-6 md:text-xl">
      See what other people have to say.
    </span>
  }
  testimonialItems={[
  {
    name: 'Parl Coppa',
    text: 'This is the best thing since sliced bread. I cannot believe I did not think of it myself.',
    handle: '@coppalipse',
    imageUrl: 'https://picsum.photos/100/100.webp?random=1',
  },
  {
    name: 'Joshua',
    text: 'Perfect',
    handle: '@joshua',
    imageUrl: 'https://picsum.photos/100/100.webp?random=2',
    size: 'half'

  },
  {
    name: 'Mandy',
    text: 'Excellent',
    handle: '@mandy',
    imageUrl: 'https://picsum.photos/100/100.webp?random=3',
    size: 'half'
  }
  ]}
/>