"use client"; import Link from "next/link"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; interface TestimonialQuote { id: string; quote: string; author?: string; role?: string; } interface ButtonItem { id: string; label: string; href?: string; variant?: | "default" | "secondary" | "outline" | "ghost" | "link" | "destructive"; } interface Testimonial8Props { badge?: { label: string; variant?: "default" | "secondary" | "outline"; }; heading?: string; description?: string; quotes?: TestimonialQuote[]; buttons?: ButtonItem[]; className?: string; } export const testimonial8Demo: Testimonial8Props = { badge: { label: "Testimonials", variant: "secondary" }, heading: "What our users say", description: "Don't just take our word for it. Here's what teams are saying after switching to our platform.", quotes: [ { id: "quote-1", quote: "We cut our deployment time from hours to minutes. The automation tools are incredibly intuitive.", author: "Sarah Chen", role: "CTO at Streamline", }, { id: "quote-2", quote: "Finally, a platform that doesn't require a PhD to operate. Our entire team was onboarded in a day.", author: "Marcus Webb", role: "Engineering Lead at Pulse", }, { id: "quote-3", quote: "The support team is phenomenal. Every question answered within the hour, every time.", author: "Lisa Park", role: "Product Manager at Vertex", }, ], buttons: [ { id: "btn-1", label: "Read more stories", href: "https://beste.co" }, ], }; export function Testimonial8({ badge, heading, description, quotes = [], buttons = [], className, }: Testimonial8Props) { if (quotes.length === 0) return null; const getGridColumns = (count: number) => { if (count === 1) return "grid-cols-1"; if (count === 2) return "grid-cols-1 md:grid-cols-2"; if (count % 4 === 0) return "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"; if (count % 3 === 0) return "grid-cols-1 md:grid-cols-3"; return "grid-cols-1 md:grid-cols-3"; }; return (

{(badge || heading || description) && (

{badge && (

{badge.label}

)} {heading && (

{heading}

)} {description && (

{description}

)}

{quotes.map((item) => (

{/* Large quote mark */}

{/* Author info - at the bottom of the card */} {(item.author || item.role) && (

{item.author && (

{item.author}

)} {item.role && (

{item.role}

)}

))}

{buttons.length > 0 && (

{buttons.map((button) => ( ))}

)}

); }