// This is a demo of a preview
"use client";
import { Component } from "@/components/ui/typewriter-testimonial";
function DemoOne() {
const testimonials = [
{
image:
"https://cdn.21st.dev/assets/mirror/f0/f0c838a25f6460c39c84cb5835882259b9d99bae288116728edb4d28c9b730a9.jpg",
audio: "audio_1.mp3",
text: "This product has revolutionized my workflow. The intuitive interface and powerful features make it an indispensable tool for my daily tasks. Highly recommended for anyone looking to boost productivity.",
name: "John Doe",
jobtitle: "Software Engineer",
},
{
image:
"https://cdn.21st.dev/assets/mirror/9f/9f8b26f06055b0fad168c4ecfa5d66444476b9c4aa37bc71d49208157883406d.jpg",
audio: "audio_2.mp3",
text: "An exceptional experience from start to finish. The customer support is top-notch, and the product consistently exceeds my expectations. I can confidently say this is the best in its class.",
name: "Jane Smith",
jobtitle: "Marketing Manager",
},
{
image:
"https://cdn.21st.dev/assets/mirror/6b/6ba5674f5c5b523d73342d575c82e6767da8e7b9fc6ffddac67c93dd17d171c7.jpg",
audio: "audio_3.mp3",
text: "The design is sleek, and the performance is unparalleled. It truly stands out among competitors. This investment has paid off exponentially in terms of efficiency and results.",
name: "Alex Johnson",
jobtitle: "UX Designer",
},
{
image:
"https://cdn.21st.dev/assets/mirror/72/72aaaefa57fb63db19fb0ee8be7ab81247f6a1a705af013862591a6a1a9be2ae.jpg",
audio: "audio_4.mp3",
text: "I was skeptical at first, but this product delivered beyond my wildest dreams. It is robust, reliable, and has become an essential part of my professional toolkit. Simply amazing!",
name: "Emily White",
jobtitle: "Project Lead",
},
{
image:
"https://cdn.21st.dev/assets/localized/5b6358d6383724b41b3b94dddfa2b1d068f5db21a961fe875a2b58abfd4cb10c.jpg",
audio: "audio_5.mp3",
text: "This tool is a game-changer for data analysis. The visualisations are clear, and the insights gained are invaluable. It has transformed how we approach our business decisions.",
name: "David Lee",
jobtitle: "Data Scientist",
},
{
image:
"https://cdn.21st.dev/assets/mirror/c5/c5e905b2860ce5a3e29444919c8ea8ae09056efbf0f8c556c7dac89bee1f7c06.jpg",
audio: "audio_6.mp3",
text: "I appreciate the continuous updates and improvements. The team behind this product clearly listens to user feedback. It keeps getting better with every release. Fantastic!",
name: "Sarah Chen",
jobtitle: "Operations Manager",
},
{
image:
"https://cdn.21st.dev/assets/mirror/d3/d3df836ddb1cdd5c3f9b67cee0fbc2f703adecc684034c08114bb2f3dfa1f201.jpg",
audio: "audio_7.mp3",
text: "The support I received was outstanding. They quickly resolved my issue and went above and beyond. It is comforting to know such dedicated professionals are behind this software.",
name: "Michael Brown",
jobtitle: "Customer Support Lead",
},
{
image:
"https://cdn.21st.dev/assets/mirror/32/32f64aca4c830306f5500a0fac1f016796fe71d74d93047225b725174e4db3ce.jpg",
audio: "audio_8.mp3",
text: "This is exactly what I needed! It simplified complex tasks and allowed me to focus on what truly matters. The seamless integration with my existing tools was a huge plus.",
name: "Chris Taylor",
jobtitle: "Entrepreneur",
},
];
return (
<div className="flex w-full h-screen justify-center items-center">
<Component testimonials={testimonials} />
</div>
);
}
export default DemoOne;
Part of Serenity UI — browse the full library on 21st.dev.