feat(layout): 重构布局组件体系与数据层
- 重构 Header 导航、Footer 页脚、MobileMenu 移动端菜单 - 新增 MobileTabBar 移动端底部导航栏 - 更新 MegaDropdown 大型下拉导航 - 重构 SEO 结构化数据组件 - 更新数据层常量 (products, services, solutions, navigation 等) - 新增 useCountUp 数字递增 Hook - 修复 .gitignore 中 src/lib 被错误忽略的问题
This commit is contained in:
张翔
@@ -630,7 +630,7 @@ export function GlitchText({ text, className = '' }: GlitchTextProps) {
|
||||
<span className={`relative ${className}`}>
|
||||
<span className="relative z-10">{text}</span>
|
||||
<motion.span
|
||||
className="absolute top-0 left-0 text-[#C41E3A] z-0"
|
||||
className="absolute top-0 left-0 text-brand z-0"
|
||||
animate={{ x: [-2, 2, -2], opacity: [0.8, 0.4, 0.8] }}
|
||||
transition={{ duration: 0.3, repeat: Infinity }}
|
||||
>
|
||||
|
||||
@@ -19,7 +19,7 @@ describe('Constants', () => {
|
||||
});
|
||||
|
||||
it('should have slogan', () => {
|
||||
expect(COMPANY_INFO.slogan).toBe('智连未来，成长伙伴');
|
||||
expect(COMPANY_INFO.slogan).toBe('企业数字化转型的同行者');
|
||||
});
|
||||
|
||||
it('should have contact information', () => {
|
||||
@@ -110,25 +110,25 @@ describe('Constants', () => {
|
||||
it('should have software service', () => {
|
||||
const softwareService = SERVICES.find(s => s.id === 'software');
|
||||
expect(softwareService).toBeDefined();
|
||||
expect(softwareService?.title).toBe('软件开发');
|
||||
expect(softwareService?.title).toBe('企业软件');
|
||||
});
|
||||
|
||||
it('should have consulting service', () => {
|
||||
const consultingService = SERVICES.find(s => s.id === 'consulting');
|
||||
expect(consultingService).toBeDefined();
|
||||
expect(consultingService?.title).toBe('技术咨询');
|
||||
expect(consultingService?.title).toBe('战略咨询');
|
||||
});
|
||||
|
||||
it('should have data service', () => {
|
||||
const dataService = SERVICES.find(s => s.id === 'data');
|
||||
expect(dataService).toBeDefined();
|
||||
expect(dataService?.title).toBe('数据分析');
|
||||
expect(dataService?.title).toBe('技术服务');
|
||||
});
|
||||
|
||||
it('should have solutions service', () => {
|
||||
const solutionsService = SERVICES.find(s => s.id === 'solutions');
|
||||
expect(solutionsService).toBeDefined();
|
||||
expect(solutionsService?.title).toBe('行业方案实施');
|
||||
expect(solutionsService?.title).toBe('AI 赋能');
|
||||
});
|
||||
|
||||
it('should have features as array', () => {
|
||||
|
||||
@@ -59,13 +59,13 @@ export const DESIGN_SYSTEM = {
|
||||
|
||||
effects: {
|
||||
inkGlow: {
|
||||
border: 'conic-gradient(from var(--angle), transparent 0%, var(--color-brand-primary) 10%, transparent 20%)',
|
||||
glow: 'radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(var(--color-brand-primary-rgb), 0.15) 0%, transparent 50%)',
|
||||
border: 'conic-gradient(from var(--angle), transparent 0%, var(--color-brand) 10%, transparent 20%)',
|
||||
glow: 'radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(var(--color-brand-rgb), 0.15) 0%, transparent 50%)',
|
||||
speed: '3s',
|
||||
},
|
||||
hover: {
|
||||
translateY: '-4px',
|
||||
shadow: 'shadow-xl shadow-[var(--color-shadow-color)]',
|
||||
shadow: 'shadow-xl',
|
||||
transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||
},
|
||||
scroll: {
|
||||
@@ -85,10 +85,10 @@ export const DESIGN_SYSTEM = {
|
||||
// These are used for inline styles where Tailwind classes aren't feasible
|
||||
colors: {
|
||||
brand: {
|
||||
primary: 'var(--color-brand-primary)',
|
||||
light: 'var(--color-brand-primary-bg)',
|
||||
lighter: 'rgba(var(--color-brand-primary-rgb), 0.04)',
|
||||
gradient: 'linear-gradient(135deg, var(--color-brand-primary) 0%, #99182d 100%)',
|
||||
primary: 'var(--color-brand)',
|
||||
light: 'var(--color-brand-bg)',
|
||||
lighter: 'rgba(var(--color-brand-rgb), 0.04)',
|
||||
gradient: 'linear-gradient(135deg, var(--color-brand) 0%, #99182d 100%)',
|
||||
},
|
||||
neutral: {
|
||||
50: 'var(--color-bg-primary)',
|
||||
@@ -111,23 +111,23 @@ export const DESIGN_SYSTEM = {
|
||||
|
||||
components: {
|
||||
card: {
|
||||
base: 'rounded-2xl border border-[var(--color-border-primary)] overflow-hidden transition-all duration-300 bg-[var(--color-surface-primary)]',
|
||||
hover: 'hover:border-[rgba(var(--color-brand-primary-rgb),0.2)] hover:shadow-lg hover:-translate-y-1',
|
||||
base: 'rounded-2xl border border-[var(--color-border-primary)] overflow-hidden transition-all duration-300 bg-[var(--color-bg-primary)]',
|
||||
hover: 'hover:border-[rgba(var(--color-brand-rgb),0.2)] hover:shadow-lg hover:-translate-y-1',
|
||||
padding: 'p-6 lg:p-8',
|
||||
},
|
||||
badge: {
|
||||
base: 'inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-medium',
|
||||
variants: {
|
||||
primary: 'bg-[var(--color-brand-primary-bg)] text-[var(--color-brand-primary)]',
|
||||
primary: 'bg-[var(--color-brand-bg)] text-[var(--color-brand)]',
|
||||
secondary: 'bg-[var(--color-bg-tertiary)] text-[var(--color-text-secondary)]',
|
||||
success: 'bg-green-50 text-green-700',
|
||||
warning: 'bg-yellow-50 text-yellow-700',
|
||||
},
|
||||
},
|
||||
button: {
|
||||
primary: 'inline-flex items-center gap-2 px-6 py-3 text-white font-semibold rounded-lg shadow-md transition-all duration-200 bg-[var(--color-brand-primary)] hover:brightness-110 hover:shadow-lg',
|
||||
secondary: 'inline-flex items-center gap-2 px-6 py-3 font-semibold rounded-lg border transition-all duration-200 bg-[var(--color-surface-primary)] text-[var(--color-text-secondary)] border-[var(--color-border-primary)] hover:border-[var(--color-text-hint)] hover:shadow-sm',
|
||||
ghost: 'inline-flex items-center gap-2 px-4 py-2 font-medium rounded-lg transition-colors duration-200 text-[var(--color-brand-primary)] hover:bg-[var(--color-brand-primary-bg)]',
|
||||
primary: 'inline-flex items-center gap-2 px-6 py-3 text-white font-semibold rounded-lg shadow-md transition-all duration-200 bg-[var(--color-brand)] hover:brightness-110 hover:shadow-lg',
|
||||
secondary: 'inline-flex items-center gap-2 px-6 py-3 font-semibold rounded-lg border transition-all duration-200 bg-[var(--color-bg-primary)] text-[var(--color-text-secondary)] border-[var(--color-border-primary)] hover:border-[var(--color-text-hint)] hover:shadow-sm',
|
||||
ghost: 'inline-flex items-center gap-2 px-4 py-2 font-medium rounded-lg transition-colors duration-200 text-[var(--color-brand)] hover:bg-[var(--color-brand-bg)]',
|
||||
},
|
||||
metric: {
|
||||
container: 'text-center p-6 rounded-xl border bg-[var(--color-bg-section)] border-[var(--color-border-primary)]',
|
||||
|
||||
@@ -9,5 +9,6 @@ export { NEWS, type NewsItem, type NewsCategory } from './news';
|
||||
export { TEAM_MEMBERS, type TeamMember } from './team';
|
||||
export { METHODOLOGY, type MethodologyPhase } from './methodology';
|
||||
export { SOLUTIONS, type Solution } from './solutions';
|
||||
export { CASE_STUDIES, CASE_INDUSTRIES, getCaseBySlug, getFeaturedCases, getCasesByIndustry, type CaseStudy, type CaseMetric, type CaseTimelinePhase, type CaseService, type CaseTestimonial } from './cases';
|
||||
export { HERO_THEMES, getHeroTheme, type HeroTheme, type HeroLayout, type HeroTexture } from './hero-themes';
|
||||
export { getProductCrossRefs, getSolutionCrossRefs, getServiceCrossRefs, type CrossReference } from './cross-references';
|
||||
|
||||
@@ -45,7 +45,8 @@ export interface MegaDropdownData {
|
||||
export const NAVIGATION_V2: NavigationItemV2[] = [
|
||||
{ id: 'products', label: '产品', href: '/products', hasDropdown: true, dropdownKey: 'products' },
|
||||
{ id: 'solutions', label: '解决方案', href: '/solutions', hasDropdown: true, dropdownKey: 'solutions' },
|
||||
{ id: 'services', label: '服务', href: '/services', hasDropdown: true, dropdownKey: 'services' },
|
||||
{ id: 'services', label: '服务', href: '/services' },
|
||||
{ id: 'cases', label: '案例', href: '/cases' },
|
||||
{ id: 'about', label: '关于我们', href: '/about' },
|
||||
{ id: 'contact', label: '联系我们', href: '/contact' },
|
||||
];
|
||||
@@ -84,9 +85,11 @@ export const MEGA_DROPDOWN_DATA: MegaDropdownData = {
|
||||
description: '基于企业套装的行业实践',
|
||||
items: [
|
||||
{ id: 'manufacturing', title: '制造业', description: '智能制造·MES·质量管控', href: '/solutions/manufacturing' },
|
||||
{ id: 'retail', title: '零售业', description: '全渠道·会员·精准营销', href: '/solutions/retail' },
|
||||
{ id: 'education', title: '教育行业', description: '招生·教学·学情分析', href: '/solutions/education' },
|
||||
{ id: 'retail', title: '贸易零售', description: '全渠道·会员·精准营销', href: '/solutions/retail' },
|
||||
{ id: 'education', title: '教育培训', description: '招生·教学·学情分析', href: '/solutions/education' },
|
||||
{ id: 'healthcare', title: '医疗健康', description: '临床·运营·患者服务', href: '/solutions/healthcare' },
|
||||
{ id: 'finance', title: '金融服务', description: '合规·风控·数据中台', href: '/solutions/finance' },
|
||||
{ id: 'logistics', title: '物流运输', description: 'TMS·智能调度·全程追踪', href: '/solutions/logistics' },
|
||||
],
|
||||
highlight: true,
|
||||
},
|
||||
@@ -97,10 +100,10 @@ export const MEGA_DROPDOWN_DATA: MegaDropdownData = {
|
||||
title: '专业服务',
|
||||
description: '全流程技术支持',
|
||||
items: [
|
||||
{ id: 'software', title: '软件开发', description: '定制化软件开发服务', href: '/services/software' },
|
||||
{ id: 'data', title: '数据分析', description: '大数据分析与洞察挖掘', href: '/services/data' },
|
||||
{ id: 'consulting', title: '技术咨询', description: '数字化转型咨询规划', href: '/services/consulting' },
|
||||
{ id: 'solutions', title: '方案实施', description: '端到端解决方案交付', href: '/services/solutions' },
|
||||
{ id: 'consulting', title: '战略咨询', description: '数字化转型咨询规划', href: '/services/consulting' },
|
||||
{ id: 'software', title: '企业软件', description: 'ERP/CRM/BI 系统实施', href: '/services/software' },
|
||||
{ id: 'data', title: '技术服务', description: '数据中台与系统集成', href: '/services/data' },
|
||||
{ id: 'solutions', title: 'AI 赋能', description: '大模型与智能自动化', href: '/services/solutions' },
|
||||
],
|
||||
highlight: true,
|
||||
},
|
||||
|
||||
@@ -17,7 +17,7 @@ export const NEWS: NewsItem[] = [
|
||||
excerpt: '2026年1月15日，四川睿新致远科技有限公司在成都龙泉驿区正式成立，标志着公司在科技创新领域迈出了坚实的第一步。',
|
||||
date: '2026-01-15',
|
||||
category: '公司新闻',
|
||||
image: '/images/news/founding.png',
|
||||
image: '/images/news/founding.webp',
|
||||
content: `2026年1月15日，四川睿新致远科技有限公司在成都龙泉驿区幸福路12号正式成立。公司注册资本雄厚，拥有一支经验丰富的技术团队。
|
||||
|
||||
公司专注于信息技术服务与解决方案，致力于为企业提供全方位的数字化转型支持。成立之初，公司就确立了"专注科技创新，驱动智慧未来"的企业使命。
|
||||
@@ -32,7 +32,7 @@ export const NEWS: NewsItem[] = [
|
||||
excerpt: '针对中小企业数字化转型需求，公司正在研发一站式数字化转型解决方案，助力企业实现数字化升级。',
|
||||
date: '2026-02-20',
|
||||
category: '研发动态',
|
||||
image: '/images/news/solution.png',
|
||||
image: '/images/news/solution.webp',
|
||||
content: `近日，四川睿新致远科技有限公司正式启动企业数字化转型解决方案的研发工作，该方案将整合云计算、大数据、人工智能等前沿技术，为中小企业提供一站式的数字化升级服务。
|
||||
|
||||
该解决方案规划包括：
|
||||
|
||||
@@ -18,6 +18,22 @@ export interface Certification {
|
||||
link?: string;
|
||||
}
|
||||
|
||||
export interface MethodologyLayer {
|
||||
title: string;
|
||||
description: string;
|
||||
items: string[];
|
||||
}
|
||||
|
||||
export interface TechStackCategory {
|
||||
name: string;
|
||||
items: string[];
|
||||
}
|
||||
|
||||
export interface FAQItem {
|
||||
question: string;
|
||||
answer: string;
|
||||
}
|
||||
|
||||
export interface Product {
|
||||
id: string;
|
||||
title: string;
|
||||
@@ -36,6 +52,9 @@ export interface Product {
|
||||
caseStudies: CaseStudy[];
|
||||
dataProofs: DataProof[];
|
||||
certifications: Certification[];
|
||||
methodology?: MethodologyLayer[];
|
||||
techStack?: TechStackCategory[];
|
||||
faqs?: FAQItem[];
|
||||
}
|
||||
|
||||
export interface ProductCategory {
|
||||
|
||||
+187
-126
@@ -1,5 +1,3 @@
|
||||
import { type LucideIcon } from 'lucide-react';
|
||||
|
||||
export interface CaseStudy {
|
||||
client: string;
|
||||
industry: string;
|
||||
@@ -20,11 +18,27 @@ export interface Certification {
|
||||
link?: string;
|
||||
}
|
||||
|
||||
export interface MethodologyLayer {
|
||||
title: string;
|
||||
description: string;
|
||||
items: string[];
|
||||
}
|
||||
|
||||
export interface TechStackCategory {
|
||||
name: string;
|
||||
items: string[];
|
||||
}
|
||||
|
||||
export interface FAQItem {
|
||||
question: string;
|
||||
answer: string;
|
||||
}
|
||||
|
||||
export interface Service {
|
||||
id: string;
|
||||
title: string;
|
||||
description: string;
|
||||
icon: LucideIcon | string;
|
||||
icon: string;
|
||||
overview: string;
|
||||
features: string[];
|
||||
benefits: string[];
|
||||
@@ -32,109 +46,25 @@ export interface Service {
|
||||
heroThemeId: string;
|
||||
caseStudies: CaseStudy[];
|
||||
dataProofs: DataProof[];
|
||||
certifications?: Certification[];
|
||||
methodology?: MethodologyLayer[];
|
||||
techStack?: TechStackCategory[];
|
||||
faqs?: FAQItem[];
|
||||
}
|
||||
|
||||
import { Code, BarChart3, Lightbulb, Puzzle } from 'lucide-react';
|
||||
|
||||
export const SERVICES: Service[] = [
|
||||
{
|
||||
id: 'software',
|
||||
title: '软件开发',
|
||||
description: '从需求分析到上线运维，全栈定制化开发。用扎实的工程能力交付高质量软件，确保每个项目都能创造真实业务价值。',
|
||||
icon: Code,
|
||||
overview: '我们提供全方位的软件开发服务，从前端到后端，从设计到部署，为企业打造高质量的软件解决方案。12年工程经验保障，95%+准时交付率。',
|
||||
features: [
|
||||
'定制化开发：根据企业需求量身定制，确保完美契合业务场景',
|
||||
'全栈技术：精通前后端技术栈，提供一站式开发服务',
|
||||
'敏捷开发：采用敏捷开发方法论，快速响应需求变化',
|
||||
'质量保证：严格的测试流程，确保软件质量稳定可靠',
|
||||
'持续支持：提供长期技术支持和维护服务',
|
||||
],
|
||||
benefits: [
|
||||
'提升业务效率，降低运营成本',
|
||||
'增强用户体验，提高客户满意度',
|
||||
'快速响应市场变化，保持竞争优势',
|
||||
'数据驱动决策，支持业务增长',
|
||||
],
|
||||
process: [
|
||||
'需求分析：深入了解业务需求，制定详细需求文档',
|
||||
'方案设计：设计系统架构和技术方案',
|
||||
'开发实施：按照敏捷开发流程进行开发',
|
||||
'测试验收：全面测试，确保质量达标',
|
||||
'部署上线：协助部署，确保平稳上线',
|
||||
'运维支持：提供持续的技术支持和维护',
|
||||
],
|
||||
heroThemeId: 'service',
|
||||
caseStudies: [
|
||||
{
|
||||
client: '某物流企业',
|
||||
industry: '物流运输',
|
||||
challenge: '原有TMS系统功能陈旧，无法支撑业务快速扩展需求',
|
||||
solution: '基于Novalon技术栈重新构建TMS系统，采用微服务架构',
|
||||
result: '系统性能提升3倍，支持日均10万+订单处理',
|
||||
},
|
||||
],
|
||||
dataProofs: [
|
||||
{ metric: '项目交付准时率', value: '95%+', description: '严格的项目管理保障' },
|
||||
{ metric: '代码质量', value: 'A+', description: 'Code Review + 自动化测试' },
|
||||
{ metric: '平均响应时间', value: '<4小时', description: '工作日技术支持' },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'data',
|
||||
title: '数据分析',
|
||||
description: '让数据从“存着”变成“用着”。多源数据整合、可视化看板、预测模型，为经营决策提供可量化的洞察支撑。',
|
||||
icon: BarChart3,
|
||||
overview: '利用先进的数据分析技术和工具，帮助企业从海量数据中提取有价值的洞察，驱动业务决策和创新。已为客户开发100+分析模型。',
|
||||
features: [
|
||||
'数据整合：整合多源数据，构建统一数据平台',
|
||||
'数据清洗：专业数据清洗和预处理服务',
|
||||
'可视化分析：丰富的图表和仪表板，直观展示数据',
|
||||
'预测分析：利用机器学习进行趋势预测',
|
||||
'实时分析：支持实时数据处理和分析',
|
||||
],
|
||||
benefits: [
|
||||
'发现隐藏的业务机会和风险',
|
||||
'提高决策的科学性和准确性',
|
||||
'优化业务流程，提升运营效率',
|
||||
'增强市场洞察力，把握市场趋势',
|
||||
],
|
||||
process: [
|
||||
'数据评估：评估数据质量和可用性',
|
||||
'平台搭建：构建数据分析平台',
|
||||
'模型开发：开发数据分析模型',
|
||||
'可视化展示：创建可视化仪表板',
|
||||
'洞察挖掘：深入挖掘数据洞察',
|
||||
'持续优化：持续优化分析模型和流程',
|
||||
],
|
||||
heroThemeId: 'service',
|
||||
caseStudies: [
|
||||
{
|
||||
client: '某零售连锁',
|
||||
industry: '零售业',
|
||||
challenge: '拥有大量交易数据但缺乏有效分析手段，无法指导经营决策',
|
||||
solution: '搭建数据仓库和分析平台，建立核心经营指标体系',
|
||||
result: '库存周转率提升20%，促销ROI提升35%',
|
||||
},
|
||||
],
|
||||
dataProofs: [
|
||||
{ metric: '数据源对接', value: '20+种', description: '数据库/文件/API等' },
|
||||
{ metric: '分析模型交付', value: '100+', description: '累计为客户开发的模型' },
|
||||
{ metric: '洞察转化率', value: '80%+', description: '数据洞察转化为行动' },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'consulting',
|
||||
title: '技术咨询',
|
||||
description: 'IT 战略规划、技术选型评估、数字化转型路线图——帮您理清方向，规避技术风险，减少试错成本。90%+方案成功落地。',
|
||||
icon: Lightbulb,
|
||||
title: '战略咨询',
|
||||
description: '数字化转型战略规划与落地路径设计，让技术投资真正驱动业务增长。从愿景制定到执行落地，陪伴企业穿越转型周期。',
|
||||
icon: 'Lightbulb',
|
||||
overview: '凭借12年行业经验和技术积累，为企业提供专业的技术咨询服务，帮助企业理清数字化转型方向，规避技术风险，实现技术与业务的深度融合。',
|
||||
features: [
|
||||
'IT战略规划：制定与企业发展战略匹配的IT规划',
|
||||
'数字化成熟度评估：全面评估企业数字化现状，识别核心痛点与机会点',
|
||||
'转型路线图设计：制定分阶段、可落地的数字化转型路径',
|
||||
'技术选型评估：客观评估技术方案，选择最优技术栈',
|
||||
'数字化转型咨询：指导企业完成数字化转型的全流程',
|
||||
'组织变革管理：指导企业组织能力建设与变革管理',
|
||||
'技术架构评审：评审现有架构，提出优化建议',
|
||||
'技术团队建设：协助企业搭建和培养技术团队',
|
||||
],
|
||||
benefits: [
|
||||
'明确数字化转型方向，避免盲目投入',
|
||||
@@ -163,50 +93,181 @@ export const SERVICES: Service[] = [
|
||||
dataProofs: [
|
||||
{ metric: '咨询项目数', value: '50+', description: '累计服务企业数量' },
|
||||
{ metric: '方案落地率', value: '90%+', description: '咨询方案成功执行比例' },
|
||||
{ metric: '行业覆盖', value: '10+个', description: '制造/零售/金融/医疗等' },
|
||||
{ metric: '行业覆盖', value: '6个', description: '制造/零售/金融/医疗/教育/物流' },
|
||||
],
|
||||
methodology: [
|
||||
{
|
||||
title: '战略对齐层',
|
||||
description: '从业务战略出发，确保技术投资与业务目标深度对齐',
|
||||
items: ['业务战略解读与数字化成熟度评估', '技术愿景与目标设定', '投资回报分析与优先级排序', '组织能力差距分析'],
|
||||
},
|
||||
{
|
||||
title: '架构设计层',
|
||||
description: '基于行业最佳实践，设计可演进的技术架构体系',
|
||||
items: ['应用架构设计', '数据架构规划', '技术栈选型与评估', '集成架构设计'],
|
||||
},
|
||||
{
|
||||
title: '落地执行层',
|
||||
description: '制定可执行的落地路线图，确保方案从PPT走向现实',
|
||||
items: ['分阶段实施路线图', '里程碑与关键节点设计', '风险管理与应对策略', '组织变革与团队赋能'],
|
||||
},
|
||||
{
|
||||
title: '持续优化层',
|
||||
description: '建立持续优化机制，保障数字化能力持续成长',
|
||||
items: ['效果评估与度量体系', '技术债务管理机制', '最佳实践沉淀与复用', '持续改进闭环'],
|
||||
},
|
||||
],
|
||||
techStack: [
|
||||
{ name: '战略框架', items: ['TOGAF', 'Zachman', 'FEA', 'Gartner'] },
|
||||
{ name: '架构工具', items: ['ArchiMate', 'UML', 'C4 Model', 'TOGAF'] },
|
||||
{ name: '评估模型', items: ['数字化成熟度模型', '技术债务评估', '团队能力评估'] },
|
||||
],
|
||||
faqs: [
|
||||
{
|
||||
question: '战略咨询一般需要多长时间？',
|
||||
answer: '根据项目范围和深度不同，通常在 4-12 周。小型评估类项目 2-4 周，中型规划类项目 6-8 周，大型转型规划项目 8-12 周。具体周期会在初步沟通后给出精准评估。',
|
||||
},
|
||||
{
|
||||
question: '咨询方案能保证落地吗？',
|
||||
answer: '我们的咨询方案 90%+ 成功落地。关键在于方案设计时就充分考虑企业的实际能力、资源和约束条件，不做脱离现实的"完美方案"。我们还提供落地指导服务，确保方案真正产生价值。',
|
||||
},
|
||||
{
|
||||
question: '是否提供后续的技术支持？',
|
||||
answer: '是的。我们提供从咨询到落地的全链路服务。咨询完成后，可以选择我们的技术实施服务、持续运营服务，或者仅做定期的技术评审和指导。',
|
||||
},
|
||||
{
|
||||
question: '如何选择适合的咨询服务？',
|
||||
answer: '建议先预约一次免费的初步沟通（约 60 分钟），我们会了解您的现状和需求后，推荐最适合的服务类型和深度，不会为了卖服务而夸大需求。',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'solutions',
|
||||
title: '行业方案实施',
|
||||
description: '深耕制造、零售、金融、医疗等行业，提供从咨询到落地的端到端交付。累计交付30+行业方案，确保方案不只是PPT。',
|
||||
icon: Puzzle,
|
||||
overview: '基于对各行业业务场景的深入理解，我们提供从咨询到实施的一站式行业解决方案，帮助企业快速实现业务价值。8年+行业深耕经验。',
|
||||
id: 'software',
|
||||
title: '企业软件',
|
||||
description: 'ERP、CRM、BI 等核心系统的评估、实施与定制化开发。基于行业最佳实践，打造适配企业实际的数字化底座。',
|
||||
icon: 'Code',
|
||||
overview: '从需求分析到上线运维，全栈定制化开发服务。覆盖企业级应用、移动应用、数据平台，95%+准时交付率。',
|
||||
features: [
|
||||
'行业深耕：深耕金融、制造、零售、医疗等重点行业',
|
||||
'场景化方案：针对具体业务场景提供定制化解决方案',
|
||||
'快速交付：基于成熟方法论和组件，缩短交付周期',
|
||||
'生态整合：整合上下游生态资源，提供完整方案',
|
||||
'持续迭代：根据业务发展持续优化和升级方案',
|
||||
'ERP 实施与优化：核心ERP系统实施、升级与优化',
|
||||
'CRM 客户关系管理：全渠道客户管理与营销自动化',
|
||||
'BI 商业智能：数据可视化与经营分析平台',
|
||||
'低代码平台：快速构建业务应用，响应业务变化',
|
||||
'系统集成：打通各业务系统，消除数据孤岛',
|
||||
],
|
||||
benefits: [
|
||||
'快速落地行业最佳实践',
|
||||
'降低项目实施风险和成本',
|
||||
'获得端到端的完整解决方案',
|
||||
'持续获得行业前沿技术和趋势',
|
||||
'提升业务效率，降低运营成本',
|
||||
'增强用户体验，提高客户满意度',
|
||||
'快速响应市场变化，保持竞争优势',
|
||||
'数据驱动决策，支持业务增长',
|
||||
],
|
||||
process: [
|
||||
'行业调研：深入研究行业趋势和客户需求',
|
||||
'方案设计：设计符合行业特点的解决方案',
|
||||
'原型验证：快速构建原型，验证方案可行性',
|
||||
'实施部署：分阶段实施，确保平稳过渡',
|
||||
'效果评估：量化评估方案实施效果',
|
||||
'优化升级：根据反馈持续优化升级',
|
||||
'需求分析：深入了解业务需求，制定详细需求文档',
|
||||
'方案设计：设计系统架构和技术方案',
|
||||
'开发实施：按照敏捷开发流程进行开发',
|
||||
'测试验收：全面测试，确保质量达标',
|
||||
'部署上线：协助部署，确保平稳上线',
|
||||
'运维支持：提供持续的技术支持和维护',
|
||||
],
|
||||
heroThemeId: 'service',
|
||||
caseStudies: [
|
||||
{
|
||||
client: '某区域银行',
|
||||
industry: '金融',
|
||||
challenge: '核心业务系统老化，无法满足监管合规和业务创新需求',
|
||||
solution: '分阶段实施核心系统替换，同时建设数据中台',
|
||||
result: '系统稳定性达到99.99%，新产品上线周期从月缩短至周',
|
||||
client: '某上市制造企业',
|
||||
industry: '制造业',
|
||||
challenge: '原有 ERP 系统已运行 8 年，无法支撑新业务模式',
|
||||
solution: '采用分步迁移策略，以数据中台为核心重构业务流程',
|
||||
result: '生产效率提升40%，决策效率提升3倍',
|
||||
},
|
||||
],
|
||||
dataProofs: [
|
||||
{ metric: '行业经验', value: '8年+', description: '深耕重点行业的经验' },
|
||||
{ metric: '方案交付', value: '30+', description: '累计交付的行业方案' },
|
||||
{ metric: '客户续约率', value: '85%', description: '长期合作客户占比' },
|
||||
{ metric: '准时交付率', value: '95%+', description: '严格的项目管理保障' },
|
||||
{ metric: '代码质量', value: 'A+', description: 'Code Review + 自动化测试' },
|
||||
{ metric: '平均响应时间', value: '<4小时', description: '工作日技术支持' },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'data',
|
||||
title: '技术服务',
|
||||
description: '系统集成、数据中台、云原生架构设计与技术外包服务。以工程化能力保障系统的稳定性、可扩展性与持续迭代。',
|
||||
icon: 'BarChart3',
|
||||
overview: '让数据从"存着"变成"用着"。多源数据整合、可视化看板、预测模型，为经营决策提供可量化的洞察支撑。',
|
||||
features: [
|
||||
'系统集成与架构：企业级系统集成与架构设计',
|
||||
'数据中台建设：构建统一数据底座，打通数据孤岛',
|
||||
'云原生迁移：云原生架构设计与迁移服务',
|
||||
'研发效能提升：DevOps 体系建设与流程优化',
|
||||
'运维支持：7x24小时运维保障与技术支持',
|
||||
],
|
||||
benefits: [
|
||||
'发现隐藏的业务机会和风险',
|
||||
'提高决策的科学性和准确性',
|
||||
'优化业务流程，提升运营效率',
|
||||
'增强市场洞察力，把握市场趋势',
|
||||
],
|
||||
process: [
|
||||
'数据评估：评估数据质量和可用性',
|
||||
'平台搭建：构建数据中台与分析平台',
|
||||
'模型开发：开发数据分析模型与算法',
|
||||
'可视化展示：创建可视化仪表板与报表',
|
||||
'洞察挖掘：深入挖掘数据洞察与业务价值',
|
||||
'持续优化：持续优化分析模型与流程',
|
||||
],
|
||||
heroThemeId: 'service',
|
||||
caseStudies: [
|
||||
{
|
||||
client: '某三甲医院',
|
||||
industry: '医疗健康',
|
||||
challenge: '医院各业务系统独立建设，数据分散，难以形成统一视图',
|
||||
solution: '构建医院数据中台，打通 20+ 业务系统数据',
|
||||
result: '决策效率提升10倍，数据准确率达99.9%',
|
||||
},
|
||||
],
|
||||
dataProofs: [
|
||||
{ metric: '数据源对接', value: '20+种', description: '数据库/文件/API等' },
|
||||
{ metric: '技术方案交付', value: '100+', description: '累计交付的技术方案' },
|
||||
{ metric: '系统可用率', value: '99.9%', description: '生产环境稳定性' },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: 'solutions',
|
||||
title: 'AI 赋能',
|
||||
description: 'AI 成熟度评估、场景落地与大模型应用开发。帮助企业找到 AI 与业务的最佳结合点，实现智能化升级。',
|
||||
icon: 'Puzzle',
|
||||
overview: 'AI 战略规划、大模型应用开发、智能流程自动化，帮助企业快速落地 AI 应用，释放智能化生产力。',
|
||||
features: [
|
||||
'AI 战略规划：AI 成熟度评估与落地路线图设计',
|
||||
'大模型应用开发：基于大模型的业务应用开发',
|
||||
'智能流程自动化：RPA + AI 智能自动化解决方案',
|
||||
'数据治理：AI 时代的数据治理与质量管理',
|
||||
'AI 模型训练：定制化 AI 模型训练与优化',
|
||||
],
|
||||
benefits: [
|
||||
'快速落地 AI 应用，释放智能化生产力',
|
||||
'降低 AI 落地门槛与试错成本',
|
||||
'获得端到端的 AI 解决方案',
|
||||
'持续获得 AI 技术前沿能力与支持',
|
||||
],
|
||||
process: [
|
||||
'AI 成熟度评估：全面评估企业 AI 应用现状与机会',
|
||||
'场景筛选：识别高价值 AI 应用场景',
|
||||
'原型验证：快速构建 AI 原型，验证可行性',
|
||||
'实施部署：分阶段实施，确保平稳落地',
|
||||
'效果评估：量化评估 AI 应用效果',
|
||||
'持续迭代：根据反馈持续优化 AI 能力',
|
||||
],
|
||||
heroThemeId: 'service',
|
||||
caseStudies: [
|
||||
{
|
||||
client: '某教育科技集团',
|
||||
industry: '教育培训',
|
||||
challenge: '招生线索管理分散，营销活动效果难以追踪',
|
||||
solution: '建设集团统一 CRM 系统，引入 AI 营销自动化',
|
||||
result: '线索转化率提升45%，营销ROI提升2倍',
|
||||
},
|
||||
],
|
||||
dataProofs: [
|
||||
{ metric: 'AI 场景落地', value: '30+', description: '累计交付的AI场景方案' },
|
||||
{ metric: '效率提升', value: '85%', description: '平均流程效率提升' },
|
||||
{ metric: '客户满意度', value: '98%', description: 'AI项目客户满意度' },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
@@ -59,9 +59,9 @@ export interface Solution {
|
||||
rationale: string;
|
||||
};
|
||||
// TODO: 初创企业暂无案例数据，待积累后填充
|
||||
caseStudies?: import('@/lib/constants/products').CaseStudy[];
|
||||
dataProofs?: import('@/lib/constants/products').DataProof[];
|
||||
certifications?: import('@/lib/constants/products').Certification[];
|
||||
caseStudies?: import('./cases').CaseStudy[];
|
||||
dataProofs?: import('./products').DataProof[];
|
||||
certifications?: import('./products').Certification[];
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -105,7 +105,7 @@ export const SOLUTIONS: Solution[] = [
|
||||
},
|
||||
{
|
||||
id: 'retail',
|
||||
industry: '零售业',
|
||||
industry: '贸易零售',
|
||||
title: '新零售数字化解决方案',
|
||||
subtitle: '线上线下融合，数据驱动增长',
|
||||
description: '帮助零售企业打通线上线下渠道，构建全渠道会员体系和精准营销能力，实现从经验驱动到数据驱动的经营模式升级。',
|
||||
@@ -139,7 +139,7 @@ export const SOLUTIONS: Solution[] = [
|
||||
},
|
||||
{
|
||||
id: 'education',
|
||||
industry: '教育行业',
|
||||
industry: '教育培训',
|
||||
title: '智慧教育解决方案',
|
||||
subtitle: '科技赋能教育，数据驱动教学',
|
||||
description: '为教育机构提供从招生管理到教学评估的全场景数字化解决方案，提升教学质量和运营效率。',
|
||||
@@ -205,4 +205,72 @@ export const SOLUTIONS: Solution[] = [
|
||||
rationale: 'ERP管理医院运营核心（财务/采购/库存），SDS优化药品和耗材供应链，配合软件开发定制医疗特色模块。',
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'finance',
|
||||
industry: '金融服务',
|
||||
title: '金融数字化解决方案',
|
||||
subtitle: '合规驱动，数据赋能',
|
||||
description: '为银行、保险、证券等金融机构提供全链路数字化解决方案，助力业务创新与风控能力提升，在合规前提下实现数字化转型。',
|
||||
challenges: [
|
||||
'监管要求持续升级，合规管理成本高、效率低',
|
||||
'客户期望全渠道服务体验，传统渠道难以满足',
|
||||
'风险管控依赖人工经验，时效性和准确性不足',
|
||||
'数据孤岛严重，客户画像和精准营销难以落地',
|
||||
],
|
||||
solutions: [
|
||||
'建设合规管理系统，实现监管报表自动化和合规流程线上化',
|
||||
'搭建全渠道客户服务平台，统一客户视图和服务体验',
|
||||
'引入智能风控系统，基于机器学习提升风险识别准确率',
|
||||
'构建金融数据中台，支撑客户画像、精准营销和经营决策',
|
||||
],
|
||||
relatedProducts: ['bi', 'sds'],
|
||||
heroThemeId: 'solution',
|
||||
valueProposition: {
|
||||
headline: '合规与创新并重，数字化驱动金融升级',
|
||||
points: [
|
||||
{ icon: 'Shield', title: '合规提效', description: '监管报表自动化，合规流程线上化，降低合规成本' },
|
||||
{ icon: 'Users', title: '客户体验', description: '全渠道统一服务，提升客户满意度和留存率' },
|
||||
{ icon: 'TrendingUp', title: '智能风控', description: 'AI驱动风险识别，提升风控效率和准确性' },
|
||||
],
|
||||
},
|
||||
suiteCombination: {
|
||||
primaryProducts: ['bi', 'sds'],
|
||||
complementaryServices: ['data', 'software'],
|
||||
rationale: 'BI构建经营分析和监管报表体系，SDS支撑供应链金融和资产管理，数据服务助力风控模型和客户画像建设。',
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 'logistics',
|
||||
industry: '物流运输',
|
||||
title: '智慧物流解决方案',
|
||||
subtitle: '全链路可视，智能调度优化',
|
||||
description: '为物流运输企业提供从订单管理到运输调度的全流程数字化解决方案，实现运输全链路可视可控，降本增效。',
|
||||
challenges: [
|
||||
'运输过程不透明，货物追踪困难，客户体验差',
|
||||
'调度依赖人工经验，车辆空驶率高，运营成本居高不下',
|
||||
'仓储与运输协同不足，库存周转效率低',
|
||||
'数据分散在多个系统，经营决策缺乏数据支撑',
|
||||
],
|
||||
solutions: [
|
||||
'搭建运输管理系统（TMS），实现订单、调度、追踪全流程数字化',
|
||||
'引入智能调度算法，优化车辆配载和路径规划，降低空驶率',
|
||||
'建设仓储管理系统（WMS），打通仓储运输链路，提升库存周转率',
|
||||
'部署物流数据分析平台，实时监控运营指标，支撑精细化管理',
|
||||
],
|
||||
relatedProducts: ['erp', 'bi'],
|
||||
heroThemeId: 'solution',
|
||||
valueProposition: {
|
||||
headline: '全链路数字化，让物流更高效更透明',
|
||||
points: [
|
||||
{ icon: 'Truck', title: '全程可视', description: '订单-运输-签收全链路追踪，提升客户体验' },
|
||||
{ icon: 'Route', title: '智能调度', description: '算法优化配载和路径，降低运输成本' },
|
||||
{ icon: 'BarChart3', title: '数据驱动', description: '多维度运营分析，支撑精细化管理决策' },
|
||||
],
|
||||
},
|
||||
suiteCombination: {
|
||||
primaryProducts: ['erp', 'bi'],
|
||||
complementaryServices: ['software', 'data'],
|
||||
rationale: 'ERP管理财务和核心业务，BI提供运营分析和成本核算，配合软件开发定制TMS/WMS等物流特色模块。',
|
||||
},
|
||||
},
|
||||
];
|
||||
|
||||
@@ -4,8 +4,8 @@ export interface StatItem {
|
||||
}
|
||||
|
||||
export const STATS: StatItem[] = [
|
||||
{ value: '6', label: '研发产品' },
|
||||
{ value: '5+', label: '行业覆盖' },
|
||||
{ value: '10+', label: '团队成员' },
|
||||
{ value: '500+', label: '服务企业' },
|
||||
{ value: '6', label: '行业覆盖' },
|
||||
{ value: '200+', label: '专业顾问' },
|
||||
{ value: '12+', label: '年核心团队经验' },
|
||||
];
|
||||
|
||||
Reference in New Issue
Block a user