Landing Page Testimonial Grid Component

Updated on

Use this component to display a grid of testimonials. Each testimonial has text, a name, and a picture of the person.
It's required that the grid contains one featured testimonial.

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.

This component is currently being tested. It's usage might change in the future.


Usage

import { LandingTestimonialGrid } from '@/components/landing/LandingTestimonialGrid';
<LandingTestimonialGrid
  containerClassName="gap-4"
  withBackground={false}
  title="Don't take it from us"
  description={
    <span className="mt-6 md:text-xl">
      See what other people have to say.
    </span>
  }
  featuredTestimonial={{
    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',
  }}
  testimonialItems={[
    [[{
      name: 'Joshua',
      text: 'Perfect',
      handle: '@joshua',
      imageUrl: 'https://picsum.photos/100/100.webp?random=2',
    }]],
    [],
    [
      [
        {
          name: 'Mandy',
          text: 'Excellent',
          handle: '@mandy',
          imageUrl: 'https://picsum.photos/100/100.webp?random=3',
        }
      ],
    ],
  ]}
/>