refactor: 优化网站页面结构和数据展示
- 增强服务数据模型,添加 challenges 和 outcomes 字段 - 简化统计数据配置,改为静态定义 - 重构多个页面组件,优化代码结构 - 新增产品、服务、解决方案相关的布局和组件 - 更新样式和动画配置 - 优化测试用例和类型定义 - 修复 ESLint 错误:移除不必要的 useEffect 和未使用的导入
This commit is contained in:
@@ -0,0 +1,38 @@
|
||||
'use client';
|
||||
|
||||
import { InkReveal } from '@/lib/animations';
|
||||
import { ScrollReveal, slideInLeftVariants } from '@/components/ui/scroll-animations';
|
||||
import type { Product } from '@/lib/constants/products';
|
||||
|
||||
interface ProductOverviewSectionProps {
|
||||
product: Product;
|
||||
}
|
||||
|
||||
export function ProductOverviewSection({ product }: ProductOverviewSectionProps) {
|
||||
return (
|
||||
<section id="overview" className="relative py-16 md:py-20 bg-white overflow-hidden">
|
||||
<div className="container-wide">
|
||||
<div className="max-w-3xl">
|
||||
{/* 标题 - 左对齐,slideInLeft 入场 */}
|
||||
<ScrollReveal variants={slideInLeftVariants} delay={0}>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-[#1C1C1C] mb-4">
|
||||
产品概述
|
||||
</h2>
|
||||
</ScrollReveal>
|
||||
|
||||
{/* 朱砂红装饰线 - InkReveal 入场 */}
|
||||
<InkReveal delay={0.2}>
|
||||
<div className="w-16 h-1 bg-[#C41E3A] rounded-full mb-8" />
|
||||
</InkReveal>
|
||||
|
||||
{/* 概述文字 - InkReveal 包裹整段,替代 TextReveal */}
|
||||
<InkReveal delay={0.3}>
|
||||
<p className="text-lg md:text-xl text-[#5C5C5C] leading-relaxed">
|
||||
{product.overview}
|
||||
</p>
|
||||
</InkReveal>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user