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