22 lines
846 B
TypeScript
22 lines
846 B
TypeScript
|
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>
|
|||
|
|
);
|
|||
|
|
}
|