25 lines
1.3 KiB
TypeScript
25 lines
1.3 KiB
TypeScript
import { Globe, Repeat, BarChart } from 'lucide-react';
|
||
|
||
export default function Features() {
|
||
return (
|
||
<section id="features" className="px-6">
|
||
<div className="max-w-screen-lg mx-auto grid grid-cols-1 md:grid-cols-3 gap-12">
|
||
<div className="flex flex-col items-center text-center p-6 hover:shadow-lg transition">
|
||
<Globe className="h-12 w-12 text-accent mb-4" />
|
||
<h3 className="text-xl font-medium mb-2">全局加速</h3>
|
||
<p className="leading-relaxed text-sm">自动选择最优节点，降低跨境延迟。</p>
|
||
</div>
|
||
<div className="flex flex-col items-center text-center p-6 hover:shadow-lg transition">
|
||
<Repeat className="h-12 w-12 text-accent mb-4" />
|
||
<h3 className="text-xl font-medium mb-2">智能路由</h3>
|
||
<p className="leading-relaxed text-sm">基于流量与地域，动态切换链路。</p>
|
||
</div>
|
||
<div className="flex flex-col items-center text-center p-6 hover:shadow-lg transition">
|
||
<BarChart className="h-12 w-12 text-accent mb-4" />
|
||
<h3 className="text-xl font-medium mb-2">可视化面板</h3>
|
||
<p className="leading-relaxed text-sm">实时监控带宽、连接数与性能指标。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
} |