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

※個人の感想であり、将来の利益や成果を保証するものではありません。

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