Inline Testimonials Demo

1"use client";
2 
3import {
4  InlineTestimonials,
5  type Testimonial,
6} from "@/components/sora-ui/disclosure/inline-testimonials";
7 
8const TESTIMONIALS: Testimonial[] = [
9  {
10    id: "1",
11    text: "Finally a registry that treats animation as a first-class citizen.",
12    author: {
13      name: "Jordan Lee",
14      role: "Staff Engineer @Vercel",
15      avatar:
16        "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=96&h=96&fit=crop&crop=faces",
17    },
18  },
19  {
20    id: "2",
21    text: "Shipped our marketing site in a weekend — the motion primitives just work.",
22    author: {
23      name: "Maya Chen",
24      role: "Founder @Orbit",
25      avatar:
26        "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=96&h=96&fit=crop&crop=faces",
27    },
28  },
29  {
30    id: "3",
31    text: "Copy-paste, tweak tokens, ship. No black-box npm package in the way.",
32    author: {
33      name: "Sofia Alvarez",
34      role: "Product Designer @Linear",
35      avatar:
36        "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=96&h=96&fit=crop&crop=faces",
37    },
38  },
39  {
40    id: "4",
41    text: "Looks editorial, feels interactive — exactly what our landing needed.",
42    author: {
43      name: "Elena Rossi",
44      role: "Brand Lead @Figma",
45      avatar:
46        "https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=96&h=96&fit=crop&crop=faces",
47    },
48  },
49];
50 
51export default function InlineTestimonialsExample() {
52  return (
53    <div className="mx-auto w-full max-w-3xl px-4 py-10">
54      <InlineTestimonials testimonials={TESTIMONIALS} />
55    </div>
56  );
57}