Use this to highlight short customer testimonials or reviews. These are not meant for reviews, but short validation and are usually support for a primary or secondary Call to action.

It displays an inline grid of short testimonials.

"I love this app"

John Doe

"Best app ever"

Jane Doe

"Fantastic"

Alice Doe, CEO of Instagram

"Recommended"

Guido Ross, DevOps at Meta

Usage

import { LandingTestimonialInline } from '@/components/landing/testimonial/LandingTestimonialInline';
import { LandingTestimonialInlineItem } from '@/components/landing/testimonial/LandingTestimonialInlineItem';

<LandingTestimonialInline>
  <LandingTestimonialInlineItem
    imageSrc="https://picsum.photos/id/64/100/100"
    name="John Doe"
    text="I love this app"
  />

  <LandingTestimonialInlineItem
    imageSrc="https://picsum.photos/id/65/100/100"
    name="Jane Doe"
    text="Best app ever"
  />

  <LandingTestimonialInlineItem
    imageSrc="https://picsum.photos/id/669/100/100"
    name="Alice Doe"
    text="Fantastic"
    suffix="CEO of Instagram"
  />

  <LandingTestimonialInlineItem
    imageSrc="https://picsum.photos/id/829/100/100"
    name="Guido Ross"
    text="Recommended"
    suffix="DevOps at Meta"
  />
</LandingTestimonialInline>

Examples

Background Color

"I love this app"

John Doe

"Best app on the market"

Jane Doe

"Never seen anything like it"

Alice Doe, CEO of Instagram

"Nothing comes close to it"

Guido Ross, DevOps at Meta

With Primary CTA

Beautiful landing pages in minutes

Get your landing page up and running with a few clicks.

"I love this app"

John Doe

"Best app on the market"

Jane Doe

"Never seen anything like it"

Alice Doe, CEO of Instagram

"Nothing comes close to it"

Guido Ross, DevOps at Meta

API Reference

Prop Name	Prop Type	Required	Default
children	`React.ReactNode` ǀ `string`	No	-
withBackground	`boolean`	No	`false`
variant	`'primary'` ǀ `'secondary'`	No	`'primary'`
containerType	`'narrow'` ǀ `'wide'` ǀ `'ultrawide'`	No	`'ultrawide'`

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.