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

PropTypeDefaultDescription
classNamestring''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.