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>
|
||
);
|
||
} |