diff --git a/src/app/(marketing)/about/about-content-v4.tsx b/src/app/(marketing)/about/about-content-v4.tsx index d0e8583..9020f89 100644 --- a/src/app/(marketing)/about/about-content-v4.tsx +++ b/src/app/(marketing)/about/about-content-v4.tsx @@ -55,7 +55,7 @@ function HeroSection({ data }: { data: AboutData }) { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.1, ease: EASE_OUT }} - className="text-sm font-mono tracking-[0.2em] text-text-muted uppercase mb-8" + className="text-sm font-mono tracking-[0.15em] text-text-muted mb-8" > {data.heroSubtitle || ''} diff --git a/src/app/(marketing)/cases/[slug]/client.tsx b/src/app/(marketing)/cases/[slug]/client.tsx index b285e57..6d3f2a7 100644 --- a/src/app/(marketing)/cases/[slug]/client.tsx +++ b/src/app/(marketing)/cases/[slug]/client.tsx @@ -41,6 +41,11 @@ export function CaseDetailClient({ item }: CaseDetailClientProps) { role: `${data.testimonial.role}，${data.testimonial.company}`, } : undefined, + projectDuration: data.projectDuration, + departments: data.departments, + dataScale: data.dataScale, + businessProblem: data.businessProblem, + verified: data.verified, }; return ( diff --git a/src/app/(marketing)/contact/contact-content-v3.tsx b/src/app/(marketing)/contact/contact-content-v3.tsx index 335f17f..5e3dcfb 100644 --- a/src/app/(marketing)/contact/contact-content-v3.tsx +++ b/src/app/(marketing)/contact/contact-content-v3.tsx @@ -220,7 +220,7 @@ function ContactFormContent({ data }: { data: ContactData }) { initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.8, delay: 0.1, ease: EASE_OUT }} - className="text-sm font-mono tracking-[0.2em] text-text-muted uppercase mb-8" + className="text-sm font-mono tracking-[0.15em] text-text-muted mb-8" > {data.heroSubtitle || ''} diff --git a/src/app/(marketing)/home-content-v13.tsx b/src/app/(marketing)/home-content-v13.tsx index 6304b61..df9ae3b 100644 --- a/src/app/(marketing)/home-content-v13.tsx +++ b/src/app/(marketing)/home-content-v13.tsx @@ -1,7 +1,7 @@ 'use client'; -import { useRef, useState } from 'react'; -import { motion, useScroll, useTransform } from 'framer-motion'; +import { useEffect, useRef, useState } from 'react'; +import { motion, useMotionValue, useTransform } from 'framer-motion'; import { ScrollReveal, StaggerReveal } from '@/components/ui/scroll-reveal'; import { Badge } from '@/components/ui/badge'; @@ -57,12 +57,29 @@ function MagneticButton({ children, href, variant = 'primary', className }: { ch function HeroSection({ heroData }: { heroData?: Record | null }) { const containerRef = useRef(null); - const { scrollYProgress } = useScroll({ - target: containerRef, - offset: ['start start', 'end start'], - }); - const y = useTransform(scrollYProgress, [0, 1], [0, 160]); - const opacity = useTransform(scrollYProgress, [0, 0.7], [1, 0.15]); + const scrollProgress = useMotionValue(0); + + useEffect(() => { + const element = containerRef.current; + if (!element) return; + + const updateProgress = () => { + const rect = element.getBoundingClientRect(); + const raw = rect.height > 0 ? -rect.top / rect.height : 0; + scrollProgress.set(Math.max(0, Math.min(1, raw))); + }; + + updateProgress(); + window.addEventListener('scroll', updateProgress, { passive: true }); + window.addEventListener('resize', updateProgress); + return () => { + window.removeEventListener('scroll', updateProgress); + window.removeEventListener('resize', updateProgress); + }; + }, [scrollProgress]); + + const y = useTransform(scrollProgress, [0, 1], [0, 160]); + const opacity = useTransform(scrollProgress, [0, 0.7], [1, 0.15]); const headingTop = heroData?.headingTop || ''; const headingBottom = heroData?.headingBottom || ''; @@ -376,6 +393,51 @@ function ServicesSection({ services }: { services?: Record[] }) { ); } +function TrustSection() { + const items = [ + { title: '私有化部署', desc: '核心数据不出境，满足金融、医疗、政务合规要求' }, + { title: '资深团队', desc: '平均 10 年以上企业级系统交付经验' }, + { title: '全栈自研', desc: '从底层架构到前端交互，核心技术自主可控' }, + { title: '长期陪跑', desc: '上线不是终点，持续迭代陪伴业务成长' }, + ]; + + return ( +
+
+ +
+
+ + 值得信赖 + +
+

+ 选择我们的理由 +

+ + +
+ {items.map((item, i) => ( + +
+
+
+ {String(i + 1).padStart(2, '0')} +
+
+

{item.title}

+

{item.desc}

+
+
+
+ + ))} +
+
+
+ ); +} + function CasesSection({ cases }: { cases?: Record[] }) { const hasValidData = cases?.length && cases[0]?.metrics; const CASES = hasValidData ? cases : []; @@ -533,19 +595,23 @@ function CasesSection({ cases }: { cases?: Record[] }) { -
-
- -
-

- “{caseItem.quote}” -

-

- — {caseItem.author}，{caseItem.company} -

+ {caseItem.testimonial?.quote && ( +
+
+ +
+

+ “{caseItem.testimonial.quote}” +

+

+ — {caseItem.testimonial.author} + {caseItem.testimonial.role && `，${caseItem.testimonial.role}`} + {caseItem.testimonial.company && ` · ${caseItem.testimonial.company}`} +

+
-
+ )}
@@ -663,6 +729,7 @@ export default function HomeContentV13({ services, cases, stats, heroData }: {
+ diff --git a/src/app/(marketing)/products/products-content-v3.tsx b/src/app/(marketing)/products/products-content-v3.tsx index 6eb37e5..6666ecd 100644 --- a/src/app/(marketing)/products/products-content-v3.tsx +++ b/src/app/(marketing)/products/products-content-v3.tsx @@ -3,22 +3,21 @@ import { useRef, useState, useEffect } from 'react'; import { motion, useInView } from 'framer-motion'; import { ScrollReveal, StaggerReveal } from '@/components/ui/scroll-reveal'; -import { SectionLabel, EASE_OUT } from '@/components/ui/page-decoration'; +import { EASE_OUT } from '@/components/ui/page-decoration'; import { Button } from '@/components/ui/button'; -import { ArrowRight, Package, Cpu, BarChart3, Users, Settings, FileText, CheckCircle2 } from 'lucide-react'; +import { ArrowRight, Package, Cpu, BarChart3, Users, Settings, FileText } from 'lucide-react'; import type { Product } from '@/lib/constants/products'; import { useReducedMotion } from '@/hooks/use-reduced-motion'; -import { cn } from '@/lib/utils'; const EASE_SPRING = { type: 'spring', stiffness: 300, damping: 30 } as const; const PRODUCT_ICONS: Record = { - '睿新ERP管理系统': , - '睿视商业智能分析平台': , - '睿新客户关系管理系统': , - '睿新协同办公平台': , - '睿新内容管理系统': , - '睿新供应链数字化平台': , + '睿新ERP管理系统': , + '睿新商业智能分析平台': , + '睿新客户关系管理系统': , + '睿新协同办公平台': , + '睿新内容管理系统': , + '睿新供应链数字化平台': , }; function useCountUp(target: number, start: boolean, duration: number = 2000) { @@ -80,25 +79,16 @@ function HeroSection() {
- - Product Matrix - - -
覆盖企业数字化
+
用自研产品组合
- 全场景的 + 支撑企业
-
产品矩阵
+
核心系统升级
 ; - - const colorMap: Record = { - enterprise: { - color: '#C41E3A', - bg: 'bg-brand-soft', - border: 'group-hover:border-brand/30', - }, - specialized: { - color: '#3b82f6', - bg: 'bg-accent-blue-soft', - border: 'group-hover:border-accent-blue/30', - }, - }; - - const colors = colorMap[product.categoryId] ?? colorMap.enterprise!; +function ProductCard({ product }: { product: Product }) { + const bundleLabel = product.bundle === 'enterprise' ? '企业套装' : '专业产品'; return ( - -
- -
-
- - {productIcon} - - - {String(index + 1).padStart(2, '0')} - +
+
+
+
{bundleLabel}
+

{product.title}

+
+ {bundleLabel}
-
- {product.tags.slice(0, 2).map(tag => ( - - {tag} - - ))} -
- -

- {product.title} -

- -

- {product.description} +

+ {product.scenario || product.description}

-
- {product.features.slice(0, 3).map((feature) => ( - - - {feature} - +
+ {product.metrics?.map((m) => ( +
+
{m.value}
+
{m.label}
+
))}
- - 了解详情 - - +
+ {product.capabilities?.map((cap) => ( + + {cap} + + ))} +
- + + ); +} + +function BundleOverview({ products }: { products: Product[] }) { + const enterpriseProducts = products.filter((p) => p.bundle === 'enterprise'); + const standaloneProducts = products.filter((p) => p.bundle === 'standalone'); + + return ( +
+
+ +
+ +

+ 两套产品体系，覆盖不同场景 +

+

+ 企业套装以组合形式解决核心管理问题，专业产品聚焦独立场景深度赋能。 +

+ + +
+
+
+
+ +
+

企业套装

+ 6 款产品 +
+

+ 覆盖企业数字化核心场景，产品之间数据互通、能力互补，常以组合形式出现在行业解决方案中。 +

+
+ {enterpriseProducts.map((p) => ( +
+
+ {PRODUCT_ICONS[p.title] || } +
+
+
{p.title}
+
{p.scenario}
+
+
+ ))} +
+
+ +
+
+
+ +
+

专业产品

+ 独立部署 +
+

+ 聚焦特定领域的高复杂度需求，以独立产品形态提供专业能力，满足安全与合规的严苛要求。 +

+
+ {standaloneProducts.map((p) => ( +
+
+ {PRODUCT_ICONS[p.title] || } +
+
+
{p.title}
+
{p.scenario}
+
+
+ ))} +
+
+
+
+
); } function EnterpriseProductsSection({ products }: { products: Product[] }) { - const enterpriseProducts = products.filter(p => p.categoryId === 'enterprise'); + const enterpriseProducts = products.filter((p) => p.bundle === 'enterprise'); return (
@@ -251,12 +281,9 @@ function EnterpriseProductsSection({ products }: { products: Product[] }) {
-
- Enterprise Suite -

- 企业套装 -

-
+

+ 企业套装 +

覆盖企业管理核心场景，从ERP到协同办公，六款产品互为补充，形成完整的企业数字化底座。 @@ -269,8 +296,8 @@ function EnterpriseProductsSection({ products }: { products: Product[] }) { staggerDelay={0.08} delayChildren={0.05} > - {enterpriseProducts.map((product, index) => ( - + {enterpriseProducts.map((product) => ( + ))}

@@ -279,7 +306,7 @@ function EnterpriseProductsSection({ products }: { products: Product[] }) { } function SpecializedProductsSection({ products }: { products: Product[] }) { - const specializedProducts = products.filter(p => p.categoryId === 'specialized'); + const specializedProducts = products.filter((p) => p.bundle === 'standalone'); if (specializedProducts.length === 0) return null; @@ -295,12 +322,9 @@ function SpecializedProductsSection({ products }: { products: Product[] }) {
-
- Specialized Products -

- 专业产品 -

-
+

+ 专业产品 +

聚焦特定领域的深度产品，以独立部署和专业能力满足企业的专项需求。 @@ -313,8 +337,8 @@ function SpecializedProductsSection({ products }: { products: Product[] }) { staggerDelay={0.08} delayChildren={0.05} > - {specializedProducts.map((product, index) => ( - + {specializedProducts.map((product) => ( + ))}

@@ -337,15 +361,6 @@ function SuiteCombosSection({ products }: { products: Product[] }) {
-
-
-
- - Recommended Combos - -
-
-

推荐产品组合

@@ -361,18 +376,16 @@ function SuiteCombosSection({ products }: { products: Product[] }) { > {SUITE_COMBOS.map((combo, idx) => { const comboProducts = combo.products - .map(pid => products.find(p => p.id === pid)) + .map((pid) => products.find((p) => p.id === pid)) .filter(Boolean); return ( -
- -
+
{comboProducts.map((p, pIdx) => p && ( @@ -424,16 +437,6 @@ function CTASection() {
-
-
-
- - Get Started - -
-
-
-

找到适合你的
数字化方案 @@ -467,6 +470,7 @@ export default function ProductsContentV3({ products: productsProp }: { products return (
+ diff --git a/src/app/(marketing)/services/service-detail-content-v3.tsx b/src/app/(marketing)/services/service-detail-content-v3.tsx index ef52f02..c94e01a 100644 --- a/src/app/(marketing)/services/service-detail-content-v3.tsx +++ b/src/app/(marketing)/services/service-detail-content-v3.tsx @@ -469,14 +469,12 @@ function RelatedServicesSection({ currentId }: { currentId: string }) {
- {related.map((s, i) => ( + {related.map((s) => ( ))} diff --git a/src/app/(marketing)/services/service-detail-content-v4.tsx b/src/app/(marketing)/services/service-detail-content-v4.tsx index 70baa97..a47e619 100644 --- a/src/app/(marketing)/services/service-detail-content-v4.tsx +++ b/src/app/(marketing)/services/service-detail-content-v4.tsx @@ -2,6 +2,7 @@ import { motion } from 'framer-motion'; import { ArrowUpRight, CheckCircle2 } from 'lucide-react'; +import { ScrollProgress } from '@/components/ui/scroll-progress'; import type { Service, CaseStudy } from '@/lib/constants/services'; const EASE_OUT = [0.22, 1, 0.36, 1] as const; @@ -15,20 +16,11 @@ function DetailHero({ service }: { service: Service }) {
- - Professional Services - -
{service.title}
@@ -123,9 +115,6 @@ function OverviewSection({ service }: { service: Service }) { transition={{ duration: 0.8, ease: EASE_OUT }} className="lg:col-span-5" > -
- Overview -

解决什么问题

@@ -170,9 +159,6 @@ function FeaturesSection({ service }: { service: Service }) { transition={{ duration: 0.8, ease: EASE_OUT }} className="max-w-3xl mb-16 sm:mb-20 md:mb-24" > -
- Capabilities -

核心能力

@@ -193,10 +179,8 @@ function FeaturesSection({ service }: { service: Service }) { whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true, margin: '-60px' }} transition={{ duration: 0.6, delay: index * 0.06, ease: EASE_OUT }} - className="group relative p-8 sm:p-10 transition-all duration-500 hover:bg-bg-secondary bg-white" + className="group relative p-8 sm:p-10 transition-all duration-500 hover:bg-bg-secondary hover:shadow-lg hover:-translate-y-1 bg-white" > -
-
{icon}

@@ -231,9 +215,6 @@ function ProcessSection({ service }: { service: Service }) { transition={{ duration: 0.8, ease: EASE_OUT }} className="max-w-3xl mb-16 sm:mb-20 md:mb-24" > -
- Process -

服务流程

@@ -252,13 +233,12 @@ function ProcessSection({ service }: { service: Service }) { whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true, margin: '-60px' }} transition={{ duration: 0.6, delay: index * 0.08, ease: EASE_OUT }} - className="relative group p-6 sm:p-8 bg-white" + className="relative group p-6 sm:p-8 bg-white hover:bg-bg-secondary hover:shadow-lg hover:-translate-y-1 transition-all duration-500" > -
- 0{index + 1} -
+

{desc ? title : step.slice(0, 6)}

@@ -287,9 +267,6 @@ function CaseStudiesSection({ caseStudies = [] }: { caseStudies?: CaseStudy[] }) transition={{ duration: 0.8, ease: EASE_OUT }} className="max-w-3xl mb-16 sm:mb-20 md:mb-24" > -
- Case Studies -

真实案例，
可衡量的成果

@@ -304,13 +281,12 @@ function CaseStudiesSection({ caseStudies = [] }: { caseStudies?: CaseStudy[] }) whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true, margin: '-60px' }} transition={{ duration: 0.6, delay: i * 0.08, ease: EASE_OUT }} - className="group relative block p-8 sm:p-10 transition-all duration-500 hover:bg-bg-secondary bg-white border border-transparent hover:border-border-primary" + className="group relative block p-8 sm:p-10 transition-all duration-500 hover:bg-bg-secondary hover:shadow-lg hover:-translate-y-1 bg-white border border-transparent hover:border-border-primary" > -
- + {cs.industry} • @@ -383,6 +359,7 @@ function CTASection() { export default function ServiceDetailContentV4({ service }: { service: Service }) { return (
+ diff --git a/src/app/(marketing)/services/services-content-v3.tsx b/src/app/(marketing)/services/services-content-v3.tsx index 678fde9..c7c08c6 100644 --- a/src/app/(marketing)/services/services-content-v3.tsx +++ b/src/app/(marketing)/services/services-content-v3.tsx @@ -1,48 +1,53 @@ 'use client'; import { motion } from 'framer-motion'; -import { ArrowUpRight, Code, BarChart3, Lightbulb, Puzzle, type LucideIcon } from 'lucide-react'; +import { ArrowUpRight, CheckCircle2 } from 'lucide-react'; import type { Service } from '@/lib/constants/services'; const EASE_OUT = [0.22, 1, 0.36, 1] as const; -/** Icon name-to-component mapping for CMS string-based icons */ -const ICON_MAP: Record = { - Lightbulb, - Code, - BarChart3, - Puzzle, -}; - /** UI metadata keyed by service ID — presentation-only fields not stored in CMS */ -const SERVICE_UI_META: Record = { - consulting: { subtitle: 'Strategy Consulting', metrics: [{ value: '90%+', label: '方案落地率' }, { value: '50+', label: '咨询项目' }] }, - software: { subtitle: 'Enterprise Software', metrics: [{ value: '95%+', label: '准时交付率' }, { value: 'A+', label: '代码质量' }] }, - data: { subtitle: 'Technology Services', metrics: [{ value: '100+', label: '技术方案' }, { value: '24/7', label: '运维支持' }] }, - solutions: { subtitle: 'AI Empowerment', metrics: [{ value: '30+', label: 'AI 场景' }, { value: '85%', label: '效率提升' }] }, +const SERVICE_UI_META: Record = { + consulting: { metrics: [{ value: '90%+', label: '方案落地率' }, { value: '50+', label: '咨询项目' }] }, + software: { metrics: [{ value: '95%+', label: '准时交付率' }, { value: 'A+', label: '代码质量' }] }, + data: { metrics: [{ value: '100+', label: '技术方案' }, { value: '24/7', label: '运维支持' }] }, + solutions: { metrics: [{ value: '30+', label: 'AI 场景' }, { value: '85%', label: '效率提升' }] }, }; function mapServicesToCards(services: Service[]) { - return services.map((svc, i) => { + return services.map((svc) => { const uiMeta = SERVICE_UI_META[svc.id]; return { - number: String(i + 1).padStart(2, '0'), + id: svc.id, title: svc.title, - subtitle: uiMeta?.subtitle ?? '', - desc: svc.description, - href: `/services/${svc.id}`, - icon: ICON_MAP[svc.icon] ?? Lightbulb, - highlights: svc.features?.slice(0, 4) ?? [], + description: svc.description, + capabilities: svc.capabilities?.slice(0, 4) ?? [], metrics: uiMeta?.metrics ?? [], }; }); } const SERVICE_PROCESS = [ - { step: '01', title: '需求分析', desc: '深入了解业务场景与真实痛点，而非凭空假设' }, - { step: '02', title: '方案设计', desc: '量身定制技术路线，拒绝千篇一律的模板' }, - { step: '03', title: '敏捷交付', desc: '快速迭代，每个冲刺周期都有可交付成果' }, - { step: '04', title: '持续支持', desc: '上线不是终点，长期陪伴才是真正的承诺' }, + { + phase: '需求分析', + duration: '2-3 周', + deliverables: ['业务痛点清单', '现状评估报告', '项目范围说明书'], + }, + { + phase: '方案设计', + duration: '4-6 周', + deliverables: ['系统架构设计', '实施路线图', '投资测算模型'], + }, + { + phase: '敏捷交付', + duration: '3-6 个月', + deliverables: ['分阶段上线版本', '用户培训材料', '数据迁移方案'], + }, + { + phase: '持续支持', + duration: '长期', + deliverables: ['运维监控体系', '迭代优化计划', '知识转移文档'], + }, ]; const SERVICE_MODES = [ @@ -68,20 +73,11 @@ function HeroSection() {
- - Professional Services - -
从规划到运维
@@ -189,82 +185,56 @@ function ServicesGridSection({ services }: { services?: Service[] }) { transition={{ duration: 0.8, ease: EASE_OUT }} className="max-w-3xl mb-16 sm:mb-20 md:mb-24" > -
- Service Capabilities -

四大核心服务，
覆盖数字化全链路

- {displayServices.map((service, i) => { - const Icon = service.icon; - return ( - -
+ {displayServices.map((service, i) => ( + +
+

+ {service.title} +

-
-
-
- +

+ {service.description} +

+ +
    + {service.capabilities.map((cap) => ( +
  • + + {cap} +
    • + ))} +
+ +
+ {service.metrics.map((m) => ( +
+
{m.value}
+
{m.label}
- - {service.number} - -
- -
-
- {service.subtitle} -
-

- {service.title} -

-
- -

- {service.desc} -

- -
- {service.highlights.map((h, j) => ( - - {h} - - ))} -
- -
- {service.metrics.map((m, j) => ( -
-
{m.value}
-
{m.label}
-
- ))} -
- -
- 了解详情 - -
+ ))}
- - ); - })} + +
+ 了解详情 + +
+
+ + ))}
@@ -284,33 +254,26 @@ function ProcessModesSection() { transition={{ duration: 0.8, ease: EASE_OUT }} className="lg:col-span-7" > -
- Our Process -

我们的做事方式

-
- {SERVICE_PROCESS.map((item, idx) => ( -
-
-
+
+ {SERVICE_PROCESS.map((step) => ( +
+
+
-
-
- {item.step} -
-
-

{item.title}

-

{item.desc}

-
+
+

{step.phase}

+ {step.duration}
+
阶段产出
+
    + {step.deliverables.map((d) => ( +
  • {d}
    • + ))} +
))}
@@ -324,9 +287,6 @@ function ProcessModesSection() { transition={{ duration: 0.8, delay: 0.15, ease: EASE_OUT }} className="lg:col-span-5" > -
- Engagement Models -

合作方式

@@ -335,10 +295,8 @@ function ProcessModesSection() { {SERVICE_MODES.map((mode) => (
-
-

{mode.title} diff --git a/src/app/(marketing)/solutions/solutions-content-v3.tsx b/src/app/(marketing)/solutions/solutions-content-v3.tsx index 6ca1c6a..09a2051 100644 --- a/src/app/(marketing)/solutions/solutions-content-v3.tsx +++ b/src/app/(marketing)/solutions/solutions-content-v3.tsx @@ -1,7 +1,7 @@ 'use client'; import { motion } from 'framer-motion'; -import { ArrowUpRight, Factory, ShoppingCart, Heart, GraduationCap, Sparkles, Shield, Truck, type LucideIcon } from 'lucide-react'; +import { ArrowUpRight, Factory, ShoppingCart, Heart, GraduationCap, Shield, Truck, type LucideIcon } from 'lucide-react'; import { type Solution } from '@/lib/constants/solutions'; import type { Product } from '@/lib/constants/products'; @@ -21,20 +21,11 @@ function HeroSection() {
- - Industry Solutions - -
深耕行业场景的
@@ -59,9 +50,9 @@ function HeroSection() { transition={{ duration: 0.8, delay: 0.5, ease: EASE_OUT }} className="text-lg md:text-xl text-text-secondary max-w-2xl leading-relaxed mb-12 sm:mb-16" > - 端到端交付，推荐套装组合 + 配套服务包。 + 端到端交付可量化的业务成果。
- 基于自研产品矩阵，为制造、零售、教育、医疗、金融、物流六大行业量身定制最佳实践。 + 基于自研产品矩阵，为制造、零售、教育、医疗、金融、物流六大行业沉淀最佳实践。 productLookup.find((p) => p.id === pid)?.title) + .filter(Boolean) as string[]; return ( -
-
-
-
- -
- - {String(index + 1).padStart(2, '0')} - -
- -
- +
+ +

{solution.industry} - -
- {solution.subtitle} -
-

- {solution.title}

-

- {solution.description} -

+
+
核心痛点
+

+ {solution.painPoints?.join('、')} +

+
-
- {solution.challenges.slice(0, 2).map((challenge, idx) => ( -
- • - {challenge} +
+ {solution.outcomes?.map((o) => ( +
+
{o.value}
+
{o.label}
))}
-
-

- - 推荐产品组合 -

-
- {solution.suiteCombination.primaryProducts.map(pid => { - const prod = productLookup.find(p => p.id === pid); - return prod ? ( - - {prod.title.replace('睿新', '').replace('睿视 ', '')} - - ) : null; - })} - - + 配套服务 - +
+
推荐产品组合
+
+ {recommendedProductNames.map((name) => ( + + {name.replace('睿新', '')} + + ))}
-

- {solution.suiteCombination.rationale} -

@@ -215,9 +181,6 @@ function SolutionsGridSection({ solutions, products }: { solutions: Solution[]; transition={{ duration: 0.8, ease: EASE_OUT }} className="max-w-3xl mb-16 sm:mb-20 md:mb-24" > -
- Industry Expertise -

行业解决方案

diff --git a/src/app/globals.css b/src/app/globals.css index 152106f..94f6d7c 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -57,8 +57,8 @@ body { --color-text-secondary: #334155; --color-text-tertiary: #475569; --color-text-muted: #64748B; - --color-text-subtle: #94A3B8; - --color-text-placeholder: #94A3B8; + --color-text-subtle: #64748B; + --color-text-placeholder: #64748B; --color-text-hint: #CBD5E1; --color-text-inverse: #FFFFFF; diff --git a/src/components/content/sections.tsx b/src/components/content/sections.tsx index dec9634..eb2af7a 100644 --- a/src/components/content/sections.tsx +++ b/src/components/content/sections.tsx @@ -2,7 +2,7 @@ import { motion } from 'framer-motion'; import { ScrollReveal, StaggerReveal } from '@/components/ui/scroll-reveal'; -import { SectionLabel, EASE_OUT } from '@/components/ui/page-decoration'; +import { EASE_OUT } from '@/components/ui/page-decoration'; import { CheckCircle2, ChevronDown } from 'lucide-react'; import { cn } from '@/lib/utils'; import { useState } from 'react'; @@ -30,7 +30,6 @@ export function MethodologyFramework({
- Methodology

{title}

@@ -53,13 +52,11 @@ export function MethodologyFramework({ transition={{ duration: 0.6, delay: index * 0.08, ease: EASE_OUT }} >
-
+
- {String(index + 1).padStart(2, '0')} -
+ /> {index < layers.length - 1 && (
)} @@ -109,7 +106,6 @@ export function TechStackShowcase({ title, subtitle, categories }: TechStackShow
- Tech Stack

{title}

@@ -125,9 +121,8 @@ export function TechStackShowcase({ title, subtitle, categories }: TechStackShow {categories.map((category, index) => (
-

{category.name}

{category.items.map((item, i) => ( @@ -173,7 +168,6 @@ export function DeliveryTimeline({
- Delivery Process

{title}

@@ -206,11 +200,8 @@ export function DeliveryTimeline({ index % 2 === 0 ? 'lg:ml-12' : 'lg:mr-12' )}>
- - {step.phase} + + {`第 ${index + 1} 阶段：${step.phase}`} {step.duration} @@ -221,8 +212,8 @@ export function DeliveryTimeline({ {step.description}

-
- 交付物 +
+ 阶段产出
{step.deliverables.map((deliverable, i) => ( @@ -266,7 +257,6 @@ export function FAQSection({ title, subtitle, items }: FAQSectionProps) {
- FAQ

{title}

@@ -341,7 +331,6 @@ export function DataProofSection({ title, subtitle, metrics }: DataProofSectionP
- Proven Results

{title}

@@ -357,9 +346,8 @@ export function DataProofSection({ title, subtitle, metrics }: DataProofSectionP {metrics.map((metric, index) => (
-
{metric.value} diff --git a/src/components/detail/detail-product-value.tsx b/src/components/detail/detail-product-value.tsx index 6e2c2ee..76a17d7 100644 --- a/src/components/detail/detail-product-value.tsx +++ b/src/components/detail/detail-product-value.tsx @@ -186,17 +186,6 @@ export function ProductValueSection({ product }: ProductValueSectionProps) { transition={{ duration: 0.85, ease: [0.22, 1, 0.36, 1] as const }} className="max-w-3xl mx-auto text-center mb-20" > - - - 核心能力 - -

为企业打造的 {product.title} @@ -387,9 +376,6 @@ export function ProductValueSection({ product }: ProductValueSectionProps) { className="mt-24" >
- - 数据说话 -

用真实效果证明价值

diff --git a/src/components/detail/detail-trust-section.tsx b/src/components/detail/detail-trust-section.tsx index e5e557d..bd38f02 100644 --- a/src/components/detail/detail-trust-section.tsx +++ b/src/components/detail/detail-trust-section.tsx @@ -65,7 +65,7 @@ export function DetailTrustSection({ caseStudies = [], dataProofs = [], certifications = [], - accentColor = '#C41E3A', + accentColor: _accentColor = '#C41E3A', }: DetailTrustSectionProps) { const hasContent = caseStudies.length > 0 || dataProofs.length > 0 || certifications.length > 0; if (!hasContent) return null; @@ -85,9 +85,6 @@ export function DetailTrustSection({ transition={DESIGN_SYSTEM.effects.scroll.fadeInUp.transition} className="text-center mb-12" > - - 数据说话 -

用真实效果证明价值

@@ -135,9 +132,6 @@ export function DetailTrustSection({ transition={DESIGN_SYSTEM.effects.scroll.fadeInUp.transition} className="text-center mb-12" > - - 客户案例 -

他们已经实现了转型突破

diff --git a/src/components/detail/service-value.tsx b/src/components/detail/service-value.tsx index 9283de9..162dea6 100644 --- a/src/components/detail/service-value.tsx +++ b/src/components/detail/service-value.tsx @@ -25,10 +25,8 @@ export function ServiceValueSection({ service }: ServiceValueSectionProps) {
@@ -159,10 +157,8 @@ export function ServiceValueSection({ service }: ServiceValueSectionProps) { }} className="relative flex gap-6 group" > -
-
- {String(index + 1).padStart(2, '0')} -
+
+
为{solution.industry}量身定制 } subtitle={solution.description} - icon={Lightbulb} />
diff --git a/src/components/sections/case-detail-page.tsx b/src/components/sections/case-detail-page.tsx index 59c38ee..9b46d9f 100644 --- a/src/components/sections/case-detail-page.tsx +++ b/src/components/sections/case-detail-page.tsx @@ -26,6 +26,11 @@ export interface CaseDetailData { timeline: { phase: string; duration: string; description: string }[]; services: { id: string; title: string; description: string }[]; testimonial?: { quote: string; author: string; role: string }; + projectDuration?: string; + departments?: string[]; + dataScale?: string; + businessProblem?: string; + verified?: boolean; } interface CaseDetailHeroProps { @@ -60,7 +65,7 @@ function CaseDetailHero({ data }: CaseDetailHeroProps) { transition={{ duration: 0.6, ease: EASE }} > + {/* Verifiable dimensions */} + + {data.projectDuration && ( +
+ 项目周期 {data.projectDuration} +
+ )} + {data.departments && data.departments.length > 0 && ( +
+ 涉及部门 {data.departments.join('、')} +
+ )} + {data.dataScale && ( +
+ 数据规模 {data.dataScale} +
+ )} + {data.verified && ( +
✓ 客户授权公开
+ )} + +