Testimonial Carousel

A review carousel displaying guest testimonials with avatar, name, star rating, quote text, and location, with navigation controls.

Preview

“Best hostel experience ever! The mountain views are incredible and the community vibe is unmatched.”

AM

Arjun Mehta

Mumbai·March 2026

“Clean dorms, amazing rooftop cafe, and the staff organized an incredible trek to Solang Valley.”

PS

Priya Sharma

Delhi·February 2026

“Made lifelong friends at the bonfire night. Zostel truly captures the spirit of backpacking.”

RS

Rahul Singh

Bangalore·January 2026

Usage

tsx
import { TestimonialCarousel } from "zostel-ui";

<TestimonialCarousel
  testimonials={[
    {
      name: "Priya Sharma",
      location: "Zostel Manali",
      avatar: "/avatars/priya.jpg",
      rating: 5,
      quote: "One of the best hostel experiences!",
    },
    {
      name: "Rahul Mehta",
      location: "Zostel Goa",
      avatar: "/avatars/rahul.jpg",
      rating: 4,
      quote: "Perfect location, friendly staff.",
    },
  ]}
  autoPlay={true}
  interval={5000}
/>

Props

testimonials
Type: Testimonial[]
Default: —

Array of testimonial objects with name, location, avatar, rating, and quote

autoPlay
Type: boolean
Default: false

Whether to auto-advance slides

interval
Type: number
Default: 5000

Auto-play interval in milliseconds

showDots
Type: boolean
Default: true

Whether to show pagination dots

showArrows
Type: boolean
Default: true

Whether to show prev/next arrow buttons
Previous Mobile Nav Next useIsMobile