// Client/Server Component // "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name Testimonial 02 * @description A featured testimonial with large quote, star rating, * and prominent customer attribution. Ideal for highlighting key reviews. * * @slots testimonial, testimonial-container, testimonial-content, testimonial-rating, * testimonial-quote, testimonial-author, testimonial-avatar, testimonial-author-info, * testimonial-company-logo * @variant featured * * @registryDependencies * @dependencies lucide-react */ import * as React from "react" import { Star } from "lucide-react" import { cn } from "@/registry/lib/utils" // ============================================================================ // TYPES // ============================================================================ interface Testimonial02Props { /** Customer quote */ quote?: string /** Customer name */ name?: string /** Customer role/title */ role?: string /** Company name */ company?: string /** Avatar image URL */ avatar?: string /** Company logo URL */ companyLogo?: string /** Star rating (0-5) */ rating?: number /** Additional CSS classes */ className?: string } // ============================================================================ // COMPONENT // ============================================================================ function Testimonial02({ quote = "This is hands down the best tool we've ever used. It's transformed our workflow and helped us ship 3x faster. I can't imagine going back to the old way of doing things.", name = "Alexandra Smith", role = "VP of Engineering", company = "Acme Inc", avatar = "/assets/placeholders/avatar-placeholder.svg", companyLogo, rating = 5, className, }: Testimonial02Props) { return (

{/* Star Rating */} {rating > 0 && (

{Array.from({ length: 5 }).map((_, i) => (

)} {/* Quote */}

“{quote}”

{/* Author */}

{avatar && (

)}

{name}

{role} at {company}

{/* Company Logo */} {companyLogo && ( {company}

)}

) } export default Testimonial02 export { Testimonial02, type Testimonial02Props }