MeaChat
Docs / Testimonials

Testimonials

The Testimonials component uses a marquee effect (infinite horizontal scroll) to display reviews.

Usage

import Testimonials from '~/components/sections/Testimonials.astro';
import Testimonial from '~/components/ui/Testimonial.astro';

<Testimonials title="What people say">
  <Testimonial 
    quote="This product is amazing!" 
    author="Jane Doe" 
    role="Developer" 
    avatar="https://example.com/jane.jpg" 
  />
</Testimonials>

Example

Loved by Developers

""

A
Alex Morgan
Frontend Lead

""

D
David Kim
Founder

""

S
Sarah Jenkins
UI Designer

* These testimonials are mock data for demonstration purposes.

Props

Testimonials

PropTypeDefaultDescription
titlestringundefinedOptional heading. Defaults to β€œLoved by Developers”.
descriptionstringundefinedOptional subtext.

Testimonial

PropTypeDefaultDescription
quotestringRequiredThe testimonial text.
authorstringRequiredName of the reviewer.
rolestringRequiredJob title or company.
avatarstringRequiredURL of the avatar image.