33 lines
1.9 KiB
TypeScript
33 lines
1.9 KiB
TypeScript
import Image from 'next/image'
|
|
import {PageSection} from './page-section'
|
|
import map from '../_assets/map.webp'
|
|
|
|
export function StatsSection() {
|
|
return (
|
|
<PageSection title="覆盖全国的IP资源及超大的带宽线路">
|
|
<ul className="shadow-[0_0_20px_4px] shadow-blue-50 p-8 flex max-lg:flex-col">
|
|
<li className="flex-1 flex flex-col items-center justify-center lg:border-r max-lg:mb-4 border-gray-200">
|
|
<p className="text-xl">全国城市线路数量</p>
|
|
<p className="mt-9 max-lg:mt-2 text-5xl bg-linear-to-t from-blue-500 to-cyan-400 bg-clip-text text-transparent font-bold pb-2 -mb-2">350+</p>
|
|
<div className="lg:hidden w-24 border-b mt-4 border-gray-200"></div>
|
|
</li>
|
|
<li className="flex-1 flex flex-col items-center justify-center lg:border-r max-lg:mb-4 border-gray-200">
|
|
<p className="text-xl">每日更新IP数量</p>
|
|
<p className="mt-9 max-lg:mt-2 text-5xl bg-linear-to-t from-blue-500 to-cyan-400 bg-clip-text text-transparent font-bold pb-2 -mb-2">1,350,129</p>
|
|
<div className="lg:hidden w-24 border-b mt-4 border-gray-200"></div>
|
|
</li>
|
|
<li className="flex-1 flex flex-col items-center justify-center lg:border-r max-lg:mb-4 border-gray-200">
|
|
<p className="text-xl">用户量</p>
|
|
<p className="mt-9 max-lg:mt-2 text-5xl bg-linear-to-t from-blue-500 to-cyan-400 bg-clip-text text-transparent font-bold pb-2 -mb-2">26,578</p>
|
|
<div className="lg:hidden w-24 border-b mt-4 border-gray-200"></div>
|
|
</li>
|
|
<li className="flex-1 flex flex-col items-center justify-center">
|
|
<p className="text-xl">IP可用率</p>
|
|
<p className="mt-9 max-lg:mt-2 text-5xl bg-linear-to-t from-blue-500 to-cyan-400 bg-clip-text text-transparent font-bold pb-2 -mb-2">99%</p>
|
|
</li>
|
|
</ul>
|
|
<Image src={map} alt="map" className="w-[1200px]"/>
|
|
</PageSection>
|
|
)
|
|
}
|