Components
Loading preview...
Review Card A visually polished card component to display user reviews or testimonials, complete with an avatar, rating, and review text. It features a subtle entrance animation and is fully themeable using shadcn/ui variables.
@lavikatiyar
npx shadcn@latest add https://21st.dev/r/lavikatiyar/card-1import { ReviewCard } from "@/components/ui/card-1"; // Adjust the import path as needed
export default function ReviewCardDemo() {
return (
<div className="flex items-center justify-center min-h-screen bg-background p-4">
<ReviewCard
name="Jamal Abdul"
handle="New user On Doorin"
review="This app is a game-changer! Easy to use, tons of options, and amazing deals. My go-to for all travel plans. Highly recommended!"
rating={5.0}
imageUrl="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTR8fHByb2ZpbGV8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop"
/>
</div>
);
}