[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import TestimonialCarousel from "@/components/testimonial-carousel" export default function Home() { return (

) } [V0_FILE]png:file="public/professional-bearded-man.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-bearded-man-26QVXKFhbZ3tLUvNRhVZiaFZ5E79rO.png" isMerged="true" [V0_FILE]png:file="public/health-tech-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/health-tech-logo-qMJebmzuSjBVKEz4UavaPmJC8pPxZt.png" isMerged="true" [V0_FILE]png:file="public/young-tech-founder.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/young-indian-tech-founder-f4nWZAqz6toOhza86KRbT5u3Zo1vRw.png" isMerged="true" isMoved="true" [V0_FILE]png:file="public/placeholder-xsd8p.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/placeholder-ObxMt4d3T5MDA2Ca7JyHf5lCNuxMZN.png" isMerged="true" [V0_FILE]png:file="public/tech-executive-glasses.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/tech-executive-glasses-Ri6ya2lhyymDnlKykcuRJ3NkQbzaH8.png" isMerged="true" [V0_FILE]png:file="public/modern-software-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-software-logo-fhWTCXm1wDAqQM2PD8UCtW9n0cnVfj.png" isMerged="true" [V0_FILE]png:file="public/data-analytics-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/data-analytics-logo-WpCinAjPIUEjRuMeWz0HxQ6SllKXBa.png" isMerged="true" [V0_FILE]png:file="public/construction-tech-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/construction-tech-logo-GqBKe88aIpbief41Y7LVXmRoeclUn6.png" isMerged="true" [V0_FILE]png:file="public/professional-woman-short-hair.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-short-hair-2XcDBdcajqJo17wmNP6fhmBFyq6KYj.png" isMerged="true" [V0_FILE]png:file="public/enterprise-software-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/enterprise-software-logo-7bpAtW17SqmajvPPjF3HnKNaBN32SD.png" isMerged="true" [V0_FILE]typescriptreact:file="components/testimonial-carousel.tsx" isFixed="true" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useRef } from "react" import TestimonialCard from "./testimonial-card" const testimonials = [ { id: 1, quote: "Your product is awesome for X, Y, Z reasons. Would highly recommend!", subtitle: "Unparalleled in speed and reliability", name: "John Smith", title: "Co-Founder & CTO", company: "Microsoft", avatar: "/professional-bearded-man.png", logo: "/health-tech-logo.png", }, { id: 2, quote: "We struggled a lot with X and Y! Not a problem anymore after switching", subtitle: "Great customer support", name: "Caroline Reaper", title: "Co-Founder", company: "Google", avatar: "/young-tech-founder.png", logo: "/placeholder-xsd8p.png", }, { id: 3, quote: "Finally a great service that don't require constant maintenance", subtitle: "Zero Maintenance", name: "Jake Kang", title: "Co-Founder & CTO", company: "Amazon", avatar: "/tech-executive-glasses.png", logo: "/modern-software-logo.png", }, { id: 4, quote: "The reliability is unmatched. We've had zero downtime since switching over.", subtitle: "Enterprise-grade stability", name: "Sarah Johnson", title: "CTO", company: "Vercel", avatar: "/professional-woman-short-hair.png", logo: "/enterprise-software-logo.png", }, ] export default function TestimonialCarousel() { const scrollRef = useRef(null) // Create a continuous array by duplicating testimonials const duplicatedTestimonials = [...testimonials, ...testimonials, ...testimonials] return (

{/* Gradient overlays */}

{/* Scrolling container */}

{duplicatedTestimonials.map((testimonial, index) => (

))}

{/* Side gradients */}

) } [V0_FILE]typescriptreact:file="components/testimonial-card.tsx" isFixed="true" isEdit="true" isQuickEdit="true" interface TestimonialCardProps { testimonial: { id: number quote: string subtitle: string name: string title: string company: string avatar: string logo: string } } export default function TestimonialCard({ testimonial }: TestimonialCardProps) { return (

{/* Subtle green/teal gradient on hover */}

"{testimonial.quote}"

{testimonial.subtitle}

{testimonial.name}

{testimonial.title} - {testimonial.company}

) }

About

Tags

Share

About

Tags

Share

More from jakeatgalileo

More Templates Like This

About

Tags

Share

About

Tags

Share

More from jakeatgalileo

More Templates Like This