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
| 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. |