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.webp" 
  />
</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

Prop	Type	Default	Description
title	string	undefined	Optional heading. Defaults to “Loved by Developers”.
description	string	undefined	Optional subtext.

Testimonial

Prop	Type	Default	Description
quote	string	Required	The testimonial text.
author	string	Required	Name of the reviewer.
role	string	Required	Job title or company.
avatar	string	Required	URL of the avatar image.