"use client";
import { Component } from "@/components/ui/testimonal-slider";
const ComponentDemo = () => {
const testimonials = [
{
img: "https://cdn.21st.dev/assets/mirror/3f/3fff7c77ac4d967f819d6c3754aaace800f8d519b581eafcbdca01ec8b3a6ebb.jpg",
quote: "EldoraUI's components make building UIs effortless great work!",
name: "Jessie J",
role: "Acme LTD",
},
{
img: "https://cdn.21st.dev/assets/mirror/20/20bb8458e0bb0345aae5ab6a975650d1210fdfc5721729b456f7342fc59b3113.jpg",
quote:
"EldoraUI simplifies complex designs with ready-to-use components.",
name: "Nick V",
role: "Malika Inc.",
},
{
img: "https://cdn.21st.dev/assets/mirror/8b/8ba1641b9bdbbfbcd96e81d144f40b004cbcdde40250f6a248eed4987ac4a98f.jpg",
quote: "With EldoraUI, creating responsive UIs is a breeze.",
name: "Amelia W",
role: "Panda AI",
},
];
return (
<div className="relative h-[500px] w-full overflow-hidden rounded-lg border bg-background">
<div className="mt-[64px] flex justify-center px-12">
<Component testimonials={testimonials} />
</div>
</div>
);
};
export default ComponentDemo;Part of Eldora UI — browse the full library on 21st.dev.