const testimonials = [
  { name: 'Alice', content: 'CloudProxy 让我在海外部署的服务延迟降低了 60%！', avatar: '/avatars/alice.jpg' },
  { name: 'Bob', content: '简单易用的控制面板，实时网络指标一目了然。', avatar: '/avatars/bob.jpg' },
];

export default function Testimonials() {
  return (
    <section className="px-6 py-section bg-background">
      <div className="max-w-screen-md mx-auto space-y-12">
        {testimonials.map(t => (
          <div key={t.name} className="flex items-center gap-6">
            <img src={t.avatar} alt={t.name} className="h-16 w-16 rounded-full" />
            <div>
              <p className="italic">“{t.content}”</p>
              <p className="mt-2 font-medium">— {t.name}</p>
            </div>
          </div>
        ))}
      </div>
    </section>
  );
}