'use client'; import { useState } from 'react'; export default function TestimonialsVideoDemo() { const [activeVideo, setActiveVideo] = useState(null); const testimonials = [ { id: 1, name: '김민수', role: 'Startup CEO', company: 'TechFlow Inc.', thumbnail: 'https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400', duration: '2:34', quote: '도입 후 업무 효율이 200% 향상되었습니다.', }, { id: 2, name: '이지영', role: 'Product Manager', company: 'Design Studio', thumbnail: 'https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=400', duration: '1:58', quote: '팀 협업이 완전히 달라졌어요.', }, { id: 3, name: '박준혁', role: 'CTO', company: 'DataCore', thumbnail: 'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400', duration: '3:12', quote: '기술적으로 매우 안정적입니다.', }, ]; return (

Video Testimonials

고객들의 이야기를 들어보세요

실제 사용자들의 생생한 후기

{testimonials.map((item) => (

setActiveVideo(item.id)} > {/* Video Thumbnail */}

🎬

{/* Play Button Overlay */}

▶

{/* Duration */}

{item.duration}

{/* Info */}

{item.name}

{item.role} at {item.company}

"{item.quote}"

))}

{/* Video Modal */} {activeVideo && (

setActiveVideo(null)} >

Video Player Here

)}

); }

Video Testimonials

Hear From Our Customers