Testimonials Stars
A testimonial grid component with star ratings and hover effects.
Configuring your account...
Please wait while we prepare everything for you
Usage
import TestimonialsStars from '@/components/bynanaui/testimonials-stars'
<TestimonialsStars />Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | '' | Additional CSS classes |
Features
- Star rating display (1-5 stars)
- Grid layout for multiple testimonials
- Hover effects with subtle animations
- Avatar images with author information
- Responsive design (1-2 columns)
- Dark theme optimized
Testimonial Structure
Each testimonial includes:
{
content: string; // Testimonial text
avatar: string; // Avatar image URL
name: string; // Author name
role: string; // Author role/title
stars: number; // Rating (1-5)
}Customization
You can modify the testimonials array to include your own reviews with custom star ratings. The component automatically handles the star display and styling.