Site Testimonial Carousel

Testimonial Carousel

Travellers, in their words — one at a time, or two or three on wider screens.

Preview

“Came alone, left with six friends and a plan for Kasol.”

Aditi

Pune

“Walked to Hadimba before breakfast. The common room never sleeps.”

Kabir

Delhi

“Drifted the backwaters in Alleppey. Let the day slow down, as promised.”

Meera

Bengaluru

Sample testimonials — the words of no real guest.

Usage

tsx

import { TestimonialCarousel } from "zostel-ui";

<TestimonialCarousel
  columns={1}
  testimonials={[
    { author: "Aditi", location: "Pune", avatarUrl: "/brand/zobu/pfp-02.png", rating: 5, content: "Came alone, left with friends." },
  ]}
/>

Props

Prop	Type	Default	Description
`testimonials`	`{ author; content; rating; avatarUrl?; location?; date? }[]`	—	Real words from real guests only.
`columns`	`1 \| 2 \| 3`	`1`	How many show at once on wider screens.
`className`	`string`	—	More classes, merged with the component’s own (tailwind-merge).

testimonials

Type: { author; content; rating; avatarUrl?; location?; date? }[]

Default: —

Real words from real guests only.

columns

Type: 1 | 2 | 3

Default: 1

How many show at once on wider screens.

className

Type: string

Default: —

More classes, merged with the component’s own (tailwind-merge).

Samples

The amounts, ratings and reviews in these demos are samples, not offers — the places are real (every Zostel place, from /brand/places/index.json).