张翔
1f591fe2b4
- 完善产品页面布局与交互 - 优化服务详情页用户体验 - 增强新闻模块内容展示 - 改进团队页面设计 - 优化全局样式和响应式布局 - 添加分页组件支持 - 提升性能与SEO优化 - 修复已知问题与改进代码质量
24 lines
726 B
TypeScript
24 lines
726 B
TypeScript
import { STATS } from '@/lib/constants';
|
|
|
|
export function HeroStatsSSR() {
|
|
return (
|
|
<div id="stats-section" className="pt-16 border-t border-[#E2E8F0]">
|
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12">
|
|
{STATS.map((stat) => (
|
|
<div
|
|
key={stat.label}
|
|
className="group cursor-default text-center"
|
|
>
|
|
<div className="text-4xl sm:text-5xl font-bold text-[var(--color-brand-primary)] mb-3">
|
|
{stat.value}
|
|
</div>
|
|
<div className="text-sm text-[#718096] group-hover:text-[#4A5568] transition-colors">
|
|
{stat.label}
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|