@@ -109,12 +109,12 @@ function ProductMatrixPreview() {
transition={{ duration: 0.6, ease: EASE }}
className="mb-14"
>
-
-
-
产品矩阵
+
+
+ 产品矩阵
- 覆盖企业数字化全场景
+ 覆盖企业数字化全场景
6 大自研产品互为补充，从数据智能到业务协同，每一款都经过实战验证
@@ -131,8 +131,8 @@ function ProductMatrixPreview() {
transition={{ duration: 0.5, delay: idx * 0.06, ease: EASE }}
>
-
-
+
+
{product.title}
@@ -152,7 +152,7 @@ function ProductMatrixPreview() {
>
浏览完整产品矩阵
@@ -177,12 +177,12 @@ function SolutionsPreview() {
transition={{ duration: 0.6, ease: EASE }}
className="mb-14"
>
-
-
-
行业方案
+
+
+ 行业方案
- 深耕行业场景
+ 深耕行业场景
基于自研产品矩阵，为不同行业量身定制端到端的数字化解决方案
@@ -200,11 +200,11 @@ function SolutionsPreview() {
>
-
+
{solution.industry}
-
+
{solution.title}
@@ -219,7 +219,7 @@ function SolutionsPreview() {
) : null;
})}
-
+
+ 配套服务
+
+ {label}
+
+
+ {title}{highlight && {highlight}}
+
+ {desc && (
+
+ {desc}
+
+ )}
+
+
+ {/* Gradient overlays */}
+
+
+
+ {/* Eyebrow */}
+
+ 企业数字化转型
+
+
+ {/* Title — fluid clamp: 36px mobile → 88px desktop */}
+
+ 让每一次数字化
+ 转型掷地有声
+
+
+ {/* Subtitle */}
+
+ 12 年深耕，为 500+ 中国企业提供从战略到落地的全链路数字化服务
+
+
+ {/* Strategic Question */}
+
+ 您的企业，准备好迎接下一阶段的增长了吗？
+
+
+ {/* CTAs — touch-friendly */}
+
+ {
+ e.currentTarget.style.background = TOKENS.redHover;
+ e.currentTarget.style.boxShadow = `0 8px 32px ${TOKENS.redGlow}`;
+ }}
+ onMouseLeave={e => {
+ e.currentTarget.style.background = TOKENS.red;
+ e.currentTarget.style.boxShadow = 'none';
+ }}
+ >
+ 预约咨询
+
+
+
+ 了解我们的方法
+
+
+
+ {/* Metrics Row */}
+
+ {[
+ { value: '12', unit: '', label: '年行业深耕' },
+ { value: '500', unit: '+', label: '企业客户信任' },
+ { value: '98', unit: '%', label: '客户年度续约率' },
+ ].map(item => (
+
+
+ {item.value}
+ {item.unit}
+
+
+ {item.label}
+
+
+
+
+
+
+
+
+ {STRATEGIC_QUESTIONS.map((item, i) => (
+
+
+ {/* Left accent bar — visible on hover via CSS */}
+
{ e.currentTarget.style.transform = 'scaleY(1)'; }}
+ />
+
+ {/* Question */}
+
+
+ {item.question}
+
+
+
+ {/* Answer */}
+
+
+ {item.description}
+
+
{
+ e.currentTarget.style.color = TOKENS.red;
+ e.currentTarget.style.gap = '14px';
+ }}
+ onMouseLeave={e => {
+ e.currentTarget.style.color = TOKENS.ink;
+ e.currentTarget.style.gap = '8px';
+ }}
+ >
+ 了解详情
+
+
+
+
+
+ ))}
+
+
+ );
+}
+
+// ============================================================
+// Module 3: Case Studies — Mobile First
+// ============================================================
+function CaseStudiesSection() {
+ const [activeIndex, setActiveIndex] = useState(0);
+
+ return (
+
+
+
+
+
+
+ {/* Case Cards Grid */}
+
+ {CASE_STUDIES.map((cs, i) => (
+
+ setActiveIndex(i)}
+ onMouseEnter={() => setActiveIndex(i)}
+ >
+ {/* Top accent line */}
+
+
+ {/* Background image */}
+
+
+
+
+
+
+ {cs.industry}
+
+
+
+ {cs.title}
+
+
+
+ {cs.context}
+
+
+ {/* Impact Numbers */}
+
+ {cs.impact.map((imp, j) => (
+
+
+ {imp.value}
+
+
+ {imp.label}
+
+
+ ))}
+
+
+ {/* Quote */}
+
+ “{cs.quote}”
+
+
+ {cs.author}
+
+
+
+ ))}
+
+
+ {/* View all link */}
+
+
+
{ e.currentTarget.style.color = TOKENS.white; }}
+ onMouseLeave={e => { e.currentTarget.style.color = 'rgba(255,255,255,0.5)'; }}
+ >
+ 查看全部案例
+
+
+
+
+ );
+}
+
+// ============================================================
+// Module 4: Insights — Mobile First
+// ============================================================
+function InsightsSection() {
+ return (
+
+
+
+
+
+
+ {/* Featured Insights */}
+
+ {INSIGHTS.filter(i => i.type === 'featured').map((insight, i) => (
+
+
+ {/* Background Image */}
+
+ {/* Gradient Overlay */}
+
+
+
+
+ {insight.tag}
+
+
+ {insight.title}
+
+
+ {insight.desc}
+
+
+ 阅读全文
+
+
+
+
+ ))}
+
+
+ {/* Secondary Insights Grid */}
+
+ {INSIGHTS.filter(i => !i.type).map((insight, i) => (
+
+ { e.currentTarget.style.background = TOKENS.cream; }}
+ onMouseLeave={e => { e.currentTarget.style.background = TOKENS.white; }}
+ >
+
+ {insight.tag}
+
+
+ {insight.title}
+
+
+ {insight.desc}
+
+ {insight.date && (
+
+ {insight.date}
+
+ )}
+
+ ))}
+
+
+ );
+}
+
+// ============================================================
+// Module 5: Industry Selector — Mobile First
+// ============================================================
+function IndustrySelectorSection() {
+ return (
+
+
+
+
+
+
+
+
+ 选择您的行业，查看相关案例与解决方案
+
+
+
+
+ {INDUSTRIES.map((ind, i) => (
+
+ {
+ e.currentTarget.style.background = TOKENS.ink;
+ }}
+ onMouseLeave={e => {
+ e.currentTarget.style.background = TOKENS.white;
+ }}
+ >
+
+
{ e.currentTarget.style.color = TOKENS.white; }}
+ onMouseLeave={e => { e.currentTarget.style.color = TOKENS.ink; }}
+ />
+ { e.currentTarget.style.color = TOKENS.white; }}
+ onMouseLeave={e => { e.currentTarget.style.color = TOKENS.ink; }}
+ >
+ {ind.name}
+
+ { e.currentTarget.style.color = 'rgba(255,255,255,0.4)'; }}
+ onMouseLeave={e => { e.currentTarget.style.color = TOKENS.gray400; }}
+ >
+ {ind.count}
+
+
+
+ ))}
+
+
+ );
+}
+
+// ============================================================
+// Module 6: Trust Signals — Mobile First
+// ============================================================
+function TrustSection() {
+ const [inView, setInView] = useState(false);
+ const sectionRef = useRef
(null);
+
+ useEffect(() => {
+ const el = sectionRef.current;
+ if (!el) return;
+ const observer = new IntersectionObserver(
+ ([entry]) => { if (entry?.isIntersecting) { setInView(true); observer.disconnect(); } },
+ { threshold: 0.1 }
+ );
+ observer.observe(el);
+ return () => observer.disconnect();
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+ {TRUST_SIGNALS.map((item, i) => (
+
+
+ {inView ? : item.number}
+ {item.unit}
+
+
+ {item.label}
+
+
+ {item.desc}
+
+
+ ))}
+
+
+
+
+
+
+ {/* Mobile: stacked with connecting line; Desktop: 5-column grid */}
+
+ {PROCESS_STEPS.map((step, i) => (
+
+
+ {/* Mobile: left border connecting line */}
+
+ {/* Mobile: active dot */}
+
+
+
+ {step.step}
+
+
+ {step.title}
+
+
+ {step.desc}
+
+
+ {/* Desktop: right arrow connector */}
+ {i < 4 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+ Let's Talk
+
+
+ 准备好让每一次数字化
+ 转型掷地有声了吗？
+
+
+ 预约一次免费咨询，让我们了解您的业务挑战，一起探讨数字化转型的最优路径。
+
+
+
{
+ e.currentTarget.style.background = TOKENS.redHover;
+ e.currentTarget.style.boxShadow = `0 8px 32px ${TOKENS.redGlow}`;
+ }}
+ onMouseLeave={e => {
+ e.currentTarget.style.background = TOKENS.red;
+ e.currentTarget.style.boxShadow = 'none';
+ }}
+ >
+ 预约免费咨询
+
+
+
{
+ e.currentTarget.style.borderColor = 'rgba(255,255,255,0.25)';
+ e.currentTarget.style.color = 'rgba(255,255,255,0.8)';
+ }}
+ onMouseLeave={e => {
+ e.currentTarget.style.borderColor = 'rgba(255,255,255,0.1)';
+ e.currentTarget.style.color = 'rgba(255,255,255,0.45)';
+ }}
+ >
+ 浏览产品矩阵
+
+
+
+ {count}{suffix}
+
+ {label}
+
+ );
+}
+
+function HeroSection() {
+ const containerRef = useRef(null);
+ const { scrollYProgress } = useScroll({
+ target: containerRef,
+ offset: ['start start', 'end start'],
+ });
+
+ const y = useTransform(scrollYProgress, [0, 1], [0, 100]);
+ const opacity = useTransform(scrollYProgress, [0, 0.8], [1, 0.2]);
+
+ return (
+
+
+
+
+
+
+
+ 专注企业数字化转型 12 年
+
+
+
+ 以战略远见，
+
+ 驱动 数字化未来
+
+
+
+ 睿新致远 — 专注于为中型及成长型企业提供从战略咨询到技术落地的全链路数字化服务。
+ 我们以务实的方法和深度的行业洞见，帮助您构建面向未来的数字竞争力。
+
+
+
+
+ 预约咨询
+
+
+
+ 了解服务
+
+
+
+
+ {STATS.map((stat, i) => (
+
+ ))}
+
+
+
+
+ 核心命题
+
+
+ 企业数字化的关键问题
+
+
+
+
+ {questions.map((q, i) => (
+
+
+ 0{i + 1}
+
+ {q.question}
+
+
+ {q.description}
+
+
+ 深入了解
+
+
+
+ ))}
+
+
+
+
+
+ 核心服务
+
+
+ 四大服务板块
+
+
+
+ 从战略规划到技术落地，为企业数字化转型提供全链路专业服务
+
+
+
+
+ {SERVICES.map((service, i) => (
+
+
+ {service.icon}
+
+ {service.title}
+ {service.desc}
+
+
+ ))}
+
+
+
+
+
覆盖八大行业
+
深耕垂直领域，提供行业专属解决方案
+
+ {INDUSTRIES.map((ind, i) => (
+
+ {ind.icon}
+ {ind.name}
+
+ ))}
+
+
+
+
+
+ 客户案例
+
+
+ 可衡量的业务成果
+
+
+
+ 查看全部案例
+
+
+
+
+
+ {CASES.map((caseItem, i) => (
+
+
+
+
+
+ {caseItem.industry}
+
+
+ {caseItem.title}
+
+
+
+ {caseItem.impact.map((imp, j) => (
+
+
+ {imp.value}{imp.suffix}
+
+
{imp.label}
+
+ ))}
+
+
+
+ 「{caseItem.quote}」
+
+
— {caseItem.author}
+
+ ))}
+
+
+
+
+
+ 行业洞察
+
+
+ 思想领导力
+
+
+
+ 查看全部洞察
+
+
+
+
+
+ {INSIGHTS.map((insight, i) => (
+
+
+
+
+
+
+
+ {insight.tag}
+
+
+
+ {insight.title}
+
+
+ {insight.desc}
+
+
+ ))}
+
+
+
+
+ 准备好开启您的
+ 数字化转型
+ 之旅了吗？
+
+
+ 与我们的专家团队交流，获取针对您业务的专属数字化建议与实施路径。
+
+
+
+ 立即咨询
+
+
+
+ 关于我们
+
+
+
+
+
+ 数字化转型伙伴
+
+
+
+ 以战略远见，
+
+ 驱动数字化未来
+
+
+
+ 睿新致远 — 专注于为中型及成长型企业提供从战略咨询到技术落地的全链路数字化服务。
+ 我们以务实的方法和深度的行业洞见，帮助您构建面向未来的数字竞争力。
+
+
+
+
+ 预约咨询
+
+
+
+ 了解我们的服务
+
+
+
+
+
+ {count}{suffix}
+
+ {label}
+
+ );
+}
+
+function StatsSection() {
+ const ref = useRef(null);
+ const isInView = useInView(ref, { once: true, margin: '-100px' });
+
+ return (
+
+
+
+ {STATS.map((stat, i) => (
+
+ ))}
+
+
+
+
+ 核心服务
+
+
+ 四位一体的数字化服务体系
+
+
+
+
+
+
+
+
+ 行业覆盖
+
+
+ 深耕六大行业
+
+
+ 专注垂直领域，积累丰富的行业 Know-How，提供更贴合业务实际的解决方案。
+
+
+
+
+
+ {INDUSTRIES.map((ind, i) => (
+
+
+
+ {ind.icon}
+
+
{ind.name}
+
{ind.desc}
+
+ ))}
+
+
+
+
+
+
+ 方法论
+
+
+ 四步交付法，确保每一个项目成功落地
+
+
+
+
+ {APPROACH_STEPS.map((step, i) => (
+
+
+
+ {step.step}
+
+
{step.title}
+
{step.desc}
+
+ ))}
+
+
+
+
+
+ {INSIGHTS.map((insight, i) => (
+
+
+
+
+
+ {insight.tag}
+
+ {insight.date}
+
+
+ {insight.title}
+
+
+ {insight.desc}
+
+ {insight.readTime}
+
+
+ ))}
+
+
+
+
+ 准备好开启您的数字化转型之旅了吗？
+
+
+ 与我们的专家团队交流，获取针对您业务的专属数字化建议与实施路径。
+
+
+
+ 预约咨询
+
+
+
+ 关于我们
+
+
+
+
+
+ {count}{suffix}
+
+
{label}
+
{sub}
+
+
+
+
+ Digital Transformation Partner
+
+
+
+
+ 以战略远见
+
+
+ 驱动
+ 数字化
+
+
+
+ 未来
+
+
+
+ 睿新致远 — 专注于为中型及成长型企业提供从战略咨询到技术落地的全链路数字化服务。
+ 我们以务实的方法和深度的行业洞见，帮助您构建面向未来的数字竞争力。
+
+
+
+
+ 预约咨询
+
+
+
+
+ 了解服务
+
+
+
+
+
+
+
+ 数据印证专业
+
+
+
+
+ {STATS.map((stat, i) => (
+
+ ))}
+
+
+
+
+
+
+ 四位一体的
数字化服务体系
+
+
+
+
+ 从战略规划到技术落地，为企业数字化转型提供全链路专业服务，每一步都有专家陪伴。
+
+
+
+
+
+
+
+
+
+
+ 深耕六大行业
+
+
+ 专注垂直领域，积累丰富的行业 Know-How，提供更贴合业务实际的解决方案。
+ 每一个行业都有专属的专家团队与成熟的方法论。
+
+
+
+
+
+ {INDUSTRIES.map((ind, i) => (
+
+
+
+ {ind.icon}
+
+
+
{ind.name}
+
+ {ind.count}
+
+
+
{ind.desc}
+
+ ))}
+
+
+
+
+
+
+
+ {CASES.map((caseItem, i) => (
+
+
+
+
+
+
+ {caseItem.industry}
+
+
+
+ {caseItem.title}
+
+
+ {caseItem.description}
+
+
+
+
+
+ "{caseItem.quote}"
+
+
+ — {caseItem.author}，{caseItem.company}
+
+
+
+
+
+
+
核心成果
+
+ {caseItem.metrics.map((metric, j) => (
+
+
+ {metric.value}
+
+
{metric.label}
+
+ ))}
+
+
+
+ ))}
+
+
+
+
+
+ 四步交付法
+
+
+ 确保每一个项目成功落地的方法论体系。从诊断评估到持续运营，每一步都有清晰的目标和交付物。
+
+
+
+
+
+
+
+ {APPROACH.map((step, i) => (
+
+
+
+
+ {step.step}
+
+
+
+
{step.title}
+
{step.desc}
+
+ 周期：{step.duration}
+
+
+
+ ))}
+
+
+
+
+
+
+ {INSIGHTS.map((insight, i) => (
+
+
+
+
+
+
+
+
+
+ {insight.category}
+
+
+ {insight.featured && (
+
+
+ 精选推荐
+
+
+ )}
+
+
+ {insight.date}
+ ·
+ {insight.readTime}
+
+
+ {insight.title}
+
+
+ {insight.excerpt}
+
+
+
+ ))}
+
+
+
+
+
+ 准备好开启您的
+
+ 数字化转型之旅了吗？
+
+
+ 与我们的专家团队交流，获取针对您业务的专属数字化建议与实施路径。
+
+
+
+ 立即咨询
+
+
+
+
+ 关于我们
+
+
+
+
+
+
+ );
+}
+
+function FadeIn({ children, delay = 0, className = '', y = 30 }: { children: React.ReactNode; delay?: number; className?: string; y?: number }) {
+ return (
+
+ {children}
+
+ );
+}
+
+function StatItem({ value, suffix, label, sub, start, delay }: { value: number; suffix: string; label: string; sub: string; start: boolean; delay: number }) {
+ const count = useCountUp(value, start);
+ return (
+
+
+
+ {count}
+ {suffix}
+
+
+
+
+
+
+
+ Digital Transformation Partner
+
+
+
+
+
+ 以战略远见
+
+
+
驱动
+
+ 数字化
+
+
+
未来
+
+
+
+ 睿新致远 — 专注于为中型及成长型企业提供从战略咨询到技术落地的全链路数字化服务。
+ 我们以务实的方法和深度的行业洞见，帮助您构建面向未来的数字竞争力。
+
+
+
+
+ 预约咨询
+
+
+
+
+ 了解我们的服务
+
+
+
+
+
+
+
+
+
+
Est. 2014
+
12年
+
深耕企业数字化服务
+
+
+ 服务企业
+ 500+
+
+
+ 专业团队
+ 200+
+
+
+
+
+
+
+
+
+
+ 用数据说话
的专业实力
+
+
+ 十二年深耕，五百余家企业的共同选择。我们用实实在在的业务成果，赢得客户的长期信赖。
+
+
+
+
+
+ {STATS.map((stat, i) => (
+
+ ))}
+
+
+
+
+
+
+
+
+ 四位一体的数字化服务体系
+
+
+
+
+ 从战略规划到技术落地，为企业数字化转型提供全链路专业服务，每一步都有资深专家陪伴。
+
+
+
+
+
+
+
+
+
+
+ 深耕六大
核心行业
+
+
+ 专注垂直领域，积累丰富的行业 Know-How，提供更贴合业务实际的解决方案。
+ 每一个行业都有专属的专家团队与成熟的方法论。
+
+
+ 查看全部行业方案
+
+
+
+
+
+
+ {INDUSTRIES.map((ind, i) => (
+
+
+
+
+
+ {ind.icon}
+
+
+
{ind.name}
+
+ {ind.count} 案例
+
+
+
{ind.desc}
+
+ ))}
+
+
+
+
+
+
+
+ {CASES.map((caseItem, i) => (
+
+
+
+
+
+
+
+
+ {caseItem.industry}
+
+ CASE #{String(i + 1).padStart(2, '0')}
+
+
+
+ {caseItem.title}
+
+
+ {caseItem.description}
+
+
+
+
+
+
+ "{caseItem.quote}"
+
+
+ — {caseItem.author}，{caseItem.company}
+
+
+
+
+
+
+
Key Results
+
+ {caseItem.metrics.map((metric, j) => (
+
+ ))}
+
+
+
+ ))}
+
+
+
+
+
+ 四步交付法，
确保每一个项目成功落地
+
+
+ 基于 500+ 项目经验沉淀的方法论体系。从诊断评估到持续运营，每一步都有清晰的目标和交付物，让数字化转型可见、可控、可衡量。
+
+
+
+
+
+
+
+ {APPROACH.map((step, i) => (
+
+
+
+
+
+
+ {step.step}
+
+
+
{step.title}
+
{step.desc}
+
+
+
交付物
+
+ {step.deliverables.map((d, j) => (
+ -
+
+ {d}
+
+ ))}
+
+
+
+
+ 周期：{step.duration}
+
+
+ ))}
+
+
+
+
+
+
+ {INSIGHTS.map((insight, i) => (
+
+
+
+
+
+
+
+
+
+ {insight.category}
+
+
+ {insight.featured && (
+
+
+ 精选推荐
+
+
+ )}
+
+
+ {insight.date}
+
+ {insight.readTime}阅读
+
+
+ {insight.title}
+
+
+ {insight.excerpt}
+
+
+
+ ))}
+
+
+
+
+
+ 准备好开启您的
+
+
+ 数字化转型
+
+
+ 之旅了吗？
+
+
+ 与我们的专家团队交流，获取针对您业务的专属数字化建议与实施路径。
+ 首次咨询完全免费，无任何商业承诺。
+
+
+
+ 立即预约咨询
+
+
+
+
+ 了解更多
+
+
+
+
+
+ {count}
+ {suffix}
+
+
+
+
+
+ Digital Transformation Partner
+
+
+
+ 以战略远见
+
+
+
+
+ 睿新致远 — 专注于为中型及成长型企业提供从战略咨询到技术落地的全链路数字化服务。
+ 我们以务实的方法和深度的行业洞见，帮助您构建面向未来的数字竞争力。
+
+
+
+
+ 预约咨询
+
+
+
+
+ 了解我们的服务
+
+
+
+
+
+
+
+
+
+
+
+ EST. 2014
+
+
+ 12年
+
+
深耕企业数字化服务
+
+
+ 服务企业
+ 500+
+
+
+ 专业团队
+ 200+
+
+
+ 行业覆盖
+ 6+
+
+
+
+
+
+
+
+ Proven Results
+
+ 用数据说话
的专业实力
+
+
+ 十二年深耕，五百余家企业的共同选择。我们用实实在在的业务成果，赢得客户的长期信赖与持续合作。
+
+
+
+
+
+ {STATS.map((stat, i) => (
+
+ ))}
+
+
+
+
+
+
+ Our Services
+
+ 四位一体的数字化服务体系
+
+
+
+
+ 从战略规划到技术落地，为企业数字化转型提供全链路专业服务，每一步都有资深专家陪伴。
+
+
+
+
+
+
+
+
+ Industries
+
+ 深耕六大
核心行业
+
+
+ 专注垂直领域，积累丰富的行业 Know-How，提供更贴合业务实际的解决方案。
+ 每一个行业都有专属的专家团队与成熟的方法论。
+
+
+ 查看全部行业方案
+
+
+
+
+
+
+ {INDUSTRIES.map((ind, i) => (
+
+
+
+
+
+ {ind.icon}
+
+
+
{ind.name}
+
+ {ind.count} 案例
+
+
+
{ind.desc}
+
+ ))}
+
+
+
+
+
+
+
+ {CASES.map((caseItem, i) => (
+
+
+
+
+
+
+
+
+ {caseItem.industry}
+
+
+ CASE #{String(i + 1).padStart(2, '0')}
+
+
+
+
+ {caseItem.title}
+
+
+
+
+
+
{caseItem.challenge}
+
+
+
+
{caseItem.solution}
+
+
+
+
+
+
+
+
+ "{caseItem.quote}"
+
+
+ — {caseItem.author}，{caseItem.company}
+
+
+
+
+
+
+
+ Key Results
+
+
+ {caseItem.metrics.map((metric, j) => (
+
+ ))}
+
+
+
+ ))}
+
+
+
+ Our Approach
+
+ 四步交付法，
确保每一个项目成功落地
+
+
+ 基于 500+ 项目经验沉淀的方法论体系。从诊断评估到持续运营，每一步都有清晰的目标和交付物，让数字化转型可见、可控、可衡量。
+
+
+
+
+
+
+
+ {APPROACH.map((step, i) => (
+
+
+
+
+
+
+
+
+ {step.icon}
+
+
+ {step.step}
+
+
+
{step.title}
+
{step.desc}
+
+
+
+ 交付物
+
+
+ {step.deliverables.map((d, j) => (
+ -
+
+ {d}
+
+ ))}
+
+
+
+
+ 周期：{step.duration}
+
+
+ ))}
+
+
+
+
+
+
+ {INSIGHTS.map((insight, i) => (
+
+
+
+
+
+
+
+
+
+ {insight.category}
+
+
+ {insight.featured && (
+
+
+ 精选推荐
+
+
+ )}
+
+
+ {insight.date}
+
+ {insight.readTime}阅读
+
+
+ {insight.title}
+
+
+ {insight.excerpt}
+
+
+
+ ))}
+
+
+
+
+
+ 准备好开启您的
+
+
+ 数字化转型
+
+
+ 之旅了吗？
+
+
+ 与我们的专家团队交流，获取针对您业务的专属数字化建议与实施路径。
+ 首次咨询完全免费，无任何商业承诺。
+
+
+
+ 立即预约咨询
+
+
+
+
+ 了解更多
+
+
+
+
- {Icon && }
- {badge}
-
- )}
-
-
- {title}
-
-
- {subtitle && (
- {subtitle}
- )}
-
- );
-}
diff --git a/src/components/detail-v2/detail-cta-section-v2.tsx b/src/components/detail-v2/detail-cta-section-v2.tsx
deleted file mode 100644
index 2b213ea..0000000
--- a/src/components/detail-v2/detail-cta-section-v2.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import { ArrowRight, MessageCircle, Download } from 'lucide-react';
-import type { HeroTheme } from '@/lib/constants/hero-themes';
-import { DESIGN_SYSTEM } from '@/lib/constants/design-system';
-
-interface DetailCTASectionV2Props {
- theme: HeroTheme;
- title?: string;
- description?: string;
- primaryAction: { label: string; href: string };
- secondaryAction?: { label: string; href: string };
-}
-
-export function DetailCTASectionV2({
- theme,
- title = '准备好开始了吗？',
- description = '联系我们，获取专属方案和报价',
- primaryAction,
- secondaryAction,
-}: DetailCTASectionV2Props) {
- return (
-
-
-
-
-
-
-
- 免费咨询
-
-
-
- {title}
-
-
-
- {description}
-
-
-
-
-
- 平均响应时间 < 2小时 · 7×24小时技术支持 · 无需预付费用
-
-
-
-
- {(badge || theme.badge) && (
-
-
- {badge || theme.badge}
-
- )}
-
-
- {title}
-
-
-
- {subtitle}
-
-
- {description && (
-
- {description}
-
- )}
-
- {(primaryAction || secondaryAction) && (
-
- {primaryAction && (
-
- {primaryAction.label}
-
-
-
- )}
- {secondaryAction && (
-
- {secondaryAction.label}
-
- )}
-
- )}
-
-
- {particles.map((particle, i) => (
-
- ))}
-
- );
-}
-
-export function DetailHeroV3({
- theme,
- badge,
- title,
- subtitle,
- description,
- primaryAction,
- secondaryAction,
-}: DetailHeroV3Props) {
- const isCenterLayout = theme.layout === 'center' || theme.layout === 'wide';
-
- return (
-
-
-
-
-
-
- {(badge || theme.badge) && (
-
-
-
-
- {badge || theme.badge}
-
- )}
-
-
- {title}
-
-
-
- {subtitle}
-
-
- {description && (
-
- {description}
-
- )}
-
- {(primaryAction || secondaryAction) && (
-
- {primaryAction && (
-
-
- {primaryAction.label}
-
-
-
-
- )}
- {secondaryAction && (
-
-
- {secondaryAction.label}
-
-
- )}
-
- )}
-
-
-
-
-
-
-
-
-
-
- 核心能力
-
-
- 为企业打造的{product.title}
-
-
- {product.overview}
-
-
-
-
-
-
-
-
- {product.features.map((feature, index) => {
- const Icon = featureIcons[index % featureIcons.length]!;
- const [title, ...descParts] = feature.split('：');
- const desc = descParts.join('：');
-
- return (
-
-
-
-
-
-
-
{title}
- {desc &&
{desc}
}
-
-
- );
- })}
-
-
-
-
-
-
- {product.benefits.map((benefit, index) => (
-
-
- {benefit}
-
- ))}
-
-
-
- 技术规格
-
-
- {product.specs.slice(0, 4).map((spec, index) => (
-
-
- {spec}
-
- ))}
-
-
-
-
-
{title}
-
- {tags.map((tag, i) => (
-
- {tag}
-
- ))}
-
-
-
-
-
-
-
- {displayValue}
-
-
-
{metric}
-
{description}
-
-
-
-
- 核心能力
-
-
-
- 为企业打造的
- {product.title}
-
-
-
-
-
- {product.overview}
-
-
-
-
-
-
-
-
- {product.features.map((feature, index) => {
- const Icon = featureIcons[index % featureIcons.length]!;
-
- return (
-
-
-
-
-
- );
- })}
-
-
-
-
-
-
- {product.benefits.map((benefit, index) => (
-
-
-
- ))}
-
-
- 技术规格
-
-
- {product.specs.slice(0, 5).map((spec, index) => (
-
-
- {spec}
-
- ))}
-
-
-
-
-
- {product.dataProofs && product.dataProofs.length > 0 && (
-
-
-
- 数据说话
-
-
- 用真实效果证明价值
-
-
-
-
- {product.dataProofs.map((proof, index) => {
- const icons: LucideIcon[] = [TrendingUp, Clock, Award, Users];
- const Icon = icons[index % icons.length]!;
-
- return (
-
- );
- })}
-
-
-
-
-
-
-
-
- )}
-
- {displayValue}
-
- );
-}
-
-export function DetailTrustSectionV2({
- caseStudies = [],
- dataProofs = [],
- certifications = [],
- accentColor = '#C41E3A',
-}: DetailTrustSectionV2Props) {
- const hasContent = caseStudies.length > 0 || dataProofs.length > 0 || certifications.length > 0;
- if (!hasContent) return null;
-
- return (
-
-
-
-
- {dataProofs.length > 0 && (
-
-
-
- 数据说话
-
-
- 用真实效果证明价值
-
-
- 来自真实客户的使用数据，让效果可衡量、可验证
-
-
-
-
- {dataProofs.map((proof, index) => (
-
- {index === 0 && (
-
- )}
-
- {proof.metric}
- {proof.description}
-
- ))}
-
-
- )}
-
- {caseStudies.length > 0 && (
-
-
-
- 客户案例
-
-
- 他们已经实现了转型突破
-
-
-
-
- {caseStudies.map((study, index) => (
-
-
-
- ))}
-
-
- )}
-
- {certifications.length > 0 && (
-
- 资质认证
-
-
- )}
-
-
- {/* Dynamic Badge */}
- {badge && badge.text && (
-
-
- {badge?.text || ''}
-
- )}
-
- {/* Title */}
-
- {title}
-
-
- {/* Subtitle */}
-
- {subtitle}
-
-
- {/* Description */}
- {description && (
-
- {description}
-
- )}
-
- {/* Stats Row */}
- {stats && stats.length > 0 && (
-
- {stats.map((stat, index) => (
-
-
- {stat.value}
-
- {stat.label}
-
- ))}
-
- )}
-
-
{children}
-
- );
-}
diff --git a/src/components/detail-v2/product-card-v3.tsx b/src/components/detail-v2/product-card-v3.tsx
deleted file mode 100644
index 73d4fdf..0000000
--- a/src/components/detail-v2/product-card-v3.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import Link from 'next/link';
-import Image from 'next/image';
-import { ArrowRight, CheckCircle2 } from 'lucide-react';
-
-interface ProductCardV3Props {
- product: {
- id: string;
- title: string;
- description: string;
- image: string;
- category: string;
- status: string;
- features?: string[];
- };
-}
-
-export function ProductCardV3({ product }: ProductCardV3Props) {
- return (
-
-
-
-
-
-
-
-
-
- {product.category}
-
- {product.status === '已发布' && (
-
-
- 已发布
-
- )}
-
-
-
-
-
- {product.title}
-
-
-
- {product.description}
-
-
- {product.features && product.features.length > 0 && (
-
- {product.features.slice(0, 3).map((feature) => (
-
- {feature}
-
- ))}
-
- )}
-
-
-
-
-
-
-
-
-
-
- {service.features.map((feature, index) => {
- const Icon = icons[index % icons.length]!;
-
- return (
-
-
-
-
-
-
-
- {feature.split('：')[1] || feature}
-
-
- );
- })}
-
-
-
-
-
-
-
-
-
- {service.benefits.map((benefit, index) => (
-
-
-
- ))}
-
-
- {service.process && service.process.length > 0 && (
-
-
-
-
-
- 服务流程
-
-
标准化流程保障服务质量
-
-
-
-
- {service.process.map((step, index) => (
-
-
-
- {String(index + 1).padStart(2, '0')}
-
-
- {step.split('：')[0]}
-
-
- {step.split('：')[1] || step}
-
-
-
- ))}
-
-
- )}
-
-
- {solution.image ? (
-
- ) : (
-
- )}
-
-
-
-
-
- {solution.industry}
-
- {solution.suiteCombination && solution.suiteCombination.primaryProducts.length > 0 && (
-
-
- {solution.suiteCombination.primaryProducts.length} 产品组合
-
- )}
-
-
-
-
-
- {solution.title}
-
-
-
- {solution.description}
-
-
- {solution.challenges && solution.challenges.length > 0 && (
-
- {solution.challenges.slice(0, 2).map((challenge) => (
-
-
- {challenge}
-
- ))}
-
- )}
-
-
-
-
-
-
-
-
-
-
- {service.title}
-
-
-
- {service.description}
-
-
- {service.features && service.features.length > 0 && (
-
- {service.features.slice(0, 3).map((feature) => (
-
- {feature.split('：')[0]}
-
- ))}
-
- )}
-
-
-
-
-
- 为{solution.industry}量身定制
-
- }
- subtitle={solution.description}
- icon={Lightbulb}
- />
-
-
-
-
-
-
-
-
- 行业痛点挑战
-
-
-
- {solution.challenges.map((challenge, index) => (
-
-
- {challenge}
-
- ))}
-
-
-
-
-
-
-
-
-
- Novalon解决方案
-
-
-
- {solution.solutions.map((solutionItem, index) => (
-
-
- {solutionItem}
-
- ))}
-
-
-
-
- {solution.valueProposition.headline}
-
-
-
-
- {solution.valueProposition.points.map((point, index) => (
-
-
-
-
- {point.title}
- {point.description}
-
- ))}
-
-
-
-
-
- 核
-
- 核心产品组合
-
-
- {solution.suiteCombination.primaryProducts.map((product, index) => (
-
- {product}
-
- ))}
-
-
-
-
-
-
- 配
-
- 配套专业服务
-
-
- {solution.suiteCombination.complementaryServices.map((service, index) => (
-
- {service}
-
- ))}
-
-
-
-
-
- 💡 组合逻辑：{solution.suiteCombination.rationale}
-
-
- {proofs.map((proof, index) => (
-
-
- {proof.value}
-
- {proof.metric}
- {proof.description}
-
- ))}
-
-
- {service.overview}
-
-
-
-
- 服务能力
-
- {service.features.map((feature, index) => (
-
-
- {feature}
-
- ))}
-
-
- 核心价值
-
- {service.benefits.map((benefit, index) => (
-
- {benefit}
-
- ))}
-
-
-
-
-
- 服务流程
-
-
- {service.process.map((step, index) => {
- const Icon = processIcons[index % processIcons.length]!;
- const isLast = index === service.process.length - 1;
-
- return (
-
- {!isLast && (
-
- )}
-
-
-
-
-
-
- 步骤 {index + 1}
-
-
-
- {step.split('：')[0]}
-
-
- {step.split('：')[1] || step.split(':')[1] || ''}
-
-
- );
- })}
-
-
-
-
-
- {solution.valueProposition.headline}
-
-
-
-
- {solution.valueProposition.points.map((point, index) => (
-
-
- {point.icon}
-
- {point.title}
- {point.description}
-
- ))}
-
-
-
-
-
-
- 行业挑战
-
-
- {solution.challenges.map((challenge, index) => (
-
-
- {challenge}
-
- ))}
-
-
-
-
-
-
- 解决方案
-
-
- {solution.solutions.map((sol, index) => (
-
-
- {sol}
-
- ))}
-
-
-
-
- {(primaryProducts.length > 0 || complementaryServices.length > 0) && (
-
- 推荐套装组合
-
- {solution.suiteCombination.rationale}
-
-
-
-
- )}
-
- {!shouldReduceMotion && (
-
- )}
-
-
-
-
- {title}
-
-
- {description}
-
-
-
-
-
-
-
-
-
- {/* Badge */}
- {badge && (
-
-
- {badge.text}
-
-
- )}
-
- {/* Subtitle above title */}
-
- {subtitle}
-
-
- {/* Title with calligraphy highlight */}
-
- {highlight ? (
- <>
- {title}{' '}
- {highlight}
-
- ) : (
- title
- )}
-
-
- {/* Description */}
- {description && (
-
- {description}
-
- )}
-
- {/* CTAs */}
- {(primaryCta || secondaryCta) && (
-
- {primaryCta && (
-
- )}
- {secondaryCta && (
-
- )}
-
- )}
-
- {/* Extra content */}
- {extraContent}
-
-
- {/* Right side content */}
- {rightContent && (
-
- {rightContent}
-
- )}
-
-
- {stats.map((stat) => (
-
-
- {stat.value}
-
-
{stat.label}
-
- ))}
-
- {/* Header */}
-
- {badge && (
-
-
- {badge}
-
- )}
-
- {title}
- {highlight && {highlight}}
-
-
-
- {/* Metrics strip */}
- {metrics && metrics.length > 0 && (
-
- {metrics.map((metric, idx) => (
-
-
- {metric.value}
-
- {metric.label}
- {metric.description && (
- {metric.description}
- )}
-
- ))}
-
- )}
-
- {/* Custom content */}
- {children}
-
- {/* Header */}
-
- {badge && (
-
-
- {badge}
-
- )}
-
- {title}
- {highlight && {highlight}}
-
- {subtitle && (
- {subtitle}
- )}
-
-
- {/* Value cards grid */}
-
- {points.map((point, idx) => {
- const Icon = point.icon;
- return (
-
-
-
-
-
-
- {point.stat && (
-
-
{point.stat}
- {point.statLabel && (
-
{point.statLabel}
- )}
-
- )}
-
{point.title}
- {point.description}
-
-
- );
- })}
-
-
-
-
- {open && (
-
- {THEME_OPTIONS.map((opt) => {
- const Icon = opt.icon;
- const isActive = theme === opt.value;
- return (
-
- );
- })}
-
- )}
-