refactor: 数据层对齐HSI架构与水墨雅致视觉系统
- 产品分类统一为企业套装区+专业产品区,删除growth分类 - 导航数据对齐HSI层级,独立产品改为专业产品 - Hero主题从深色渐变改为水墨雅致浅色系(宣纸色底/墨色文字) - 设计系统hero文字颜色从白色改为stone系列 - 解决方案接口添加L3信任层可选字段(TODO标记)
This commit is contained in:
@@ -11,6 +11,9 @@ export {
|
|||||||
type StatItem,
|
type StatItem,
|
||||||
SERVICES,
|
SERVICES,
|
||||||
PRODUCTS,
|
PRODUCTS,
|
||||||
|
PRODUCT_CATEGORIES,
|
||||||
|
type Product,
|
||||||
|
type ProductCategory,
|
||||||
NEWS,
|
NEWS,
|
||||||
type NewsItem,
|
type NewsItem,
|
||||||
type NewsCategory,
|
type NewsCategory,
|
||||||
|
|||||||
@@ -0,0 +1,134 @@
|
|||||||
|
export const DESIGN_SYSTEM = {
|
||||||
|
animation: {
|
||||||
|
duration: {
|
||||||
|
fast: '0.2s',
|
||||||
|
normal: '0.4s',
|
||||||
|
slow: '0.6s',
|
||||||
|
slower: '0.8s',
|
||||||
|
countUp: '2s',
|
||||||
|
},
|
||||||
|
easing: {
|
||||||
|
smooth: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
||||||
|
bounce: 'cubic-bezier(0.34, 1.56, 0.64, 1)',
|
||||||
|
easeOut: 'cubic-bezier(0, 0, 0.2, 1)',
|
||||||
|
easeInOut: 'cubic-bezier(0.4, 0, 0.6, 1)',
|
||||||
|
},
|
||||||
|
delay: {
|
||||||
|
stagger: 0.08,
|
||||||
|
section: 0.15,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
spacing: {
|
||||||
|
section: {
|
||||||
|
py: 'py-20 lg:py-28',
|
||||||
|
pyCompact: 'py-16 lg:py-20',
|
||||||
|
},
|
||||||
|
container: {
|
||||||
|
default: 'max-w-7xl mx-auto px-4 sm:px-6 lg:px-8',
|
||||||
|
narrow: 'max-w-5xl mx-auto px-4 sm:px-6 lg:px-8',
|
||||||
|
wide: 'max-w-[1400px] mx-auto px-4 sm:px-6 lg:px-8',
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
gap: 'gap-6 lg:gap-8',
|
||||||
|
gapSmall: 'gap-4 lg:gap-6',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
typography: {
|
||||||
|
hero: {
|
||||||
|
title: 'text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight',
|
||||||
|
subtitle: 'text-lg md:text-xl text-stone-600 leading-relaxed',
|
||||||
|
description: 'text-base text-stone-500 mt-4 max-w-2xl',
|
||||||
|
},
|
||||||
|
section: {
|
||||||
|
title: 'text-3xl md:text-4xl font-bold tracking-tight',
|
||||||
|
subtitle: 'text-lg text-gray-600 mt-2',
|
||||||
|
body: 'text-base leading-relaxed text-gray-700',
|
||||||
|
},
|
||||||
|
card: {
|
||||||
|
title: 'text-lg font-semibold',
|
||||||
|
description: 'text-sm text-gray-600 leading-relaxed',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
effects: {
|
||||||
|
inkGlow: {
|
||||||
|
border: 'conic-gradient(from var(--angle), transparent 0%, #C41E3A 10%, transparent 20%)',
|
||||||
|
glow: 'radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(196, 30, 58, 0.15) 0%, transparent 50%)',
|
||||||
|
speed: '3s',
|
||||||
|
},
|
||||||
|
hover: {
|
||||||
|
translateY: '-4px',
|
||||||
|
shadow: 'shadow-xl shadow-gray-200/50',
|
||||||
|
transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',
|
||||||
|
},
|
||||||
|
scroll: {
|
||||||
|
fadeInUp: {
|
||||||
|
initial: { opacity: 0, y: 24 },
|
||||||
|
animate: { opacity: 1, y: 0 },
|
||||||
|
viewport: { once: true, margin: '-80px' },
|
||||||
|
transition: { duration: 0.6, ease: [0.4, 0, 0.2, 1] as const },
|
||||||
|
},
|
||||||
|
staggerChildren: {
|
||||||
|
delay: 0.08,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
colors: {
|
||||||
|
brand: {
|
||||||
|
primary: '#C41E3A',
|
||||||
|
light: 'rgba(196, 30, 58, 0.08)',
|
||||||
|
lighter: 'rgba(196, 30, 58, 0.04)',
|
||||||
|
gradient: 'linear-gradient(135deg, #C41E3A 0%, #99182d 100%)',
|
||||||
|
},
|
||||||
|
neutral: {
|
||||||
|
50: '#fafafa',
|
||||||
|
100: '#f5f5f5',
|
||||||
|
200: '#e5e5e5',
|
||||||
|
300: '#d4d4d4',
|
||||||
|
400: '#a3a3a3',
|
||||||
|
500: '#737373',
|
||||||
|
600: '#525252',
|
||||||
|
700: '#404040',
|
||||||
|
800: '#262626',
|
||||||
|
900: '#171717',
|
||||||
|
},
|
||||||
|
ink: {
|
||||||
|
light: 'rgba(0, 0, 0, 0.03)',
|
||||||
|
medium: 'rgba(0, 0, 0, 0.06)',
|
||||||
|
texture: 'repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0,0,0,.02) 10px, rgba(0,0,0,.02) 11px)',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
components: {
|
||||||
|
card: {
|
||||||
|
base: 'bg-white rounded-2xl border border-gray-100 overflow-hidden transition-all duration-300',
|
||||||
|
hover: 'hover:border-gray-200 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-red-50 text-red-700',
|
||||||
|
secondary: 'bg-gray-100 text-gray-700',
|
||||||
|
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 bg-[#C41E3A] text-white font-semibold rounded-lg shadow-md hover:bg-[#99182d] hover:shadow-lg transition-all duration-200',
|
||||||
|
secondary: 'inline-flex items-center gap-2 px-6 py-3 bg-white text-gray-700 font-semibold rounded-lg border border-gray-300 hover:border-gray-400 hover:shadow-sm transition-all duration-200',
|
||||||
|
ghost: 'inline-flex items-center gap-2 px-4 py-2 text-[#C41E3A] font-medium hover:bg-red-50 rounded-lg transition-colors duration-200',
|
||||||
|
},
|
||||||
|
metric: {
|
||||||
|
container: 'text-center p-6 bg-gradient-to-br from-gray-50 to-white rounded-xl border border-gray-100',
|
||||||
|
value: 'text-3xl md:text-4xl font-bold text-gray-900 mb-1',
|
||||||
|
label: 'text-sm text-gray-500',
|
||||||
|
description: 'text-xs text-gray-400 mt-1',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export type DesignSystem = typeof DESIGN_SYSTEM;
|
||||||
@@ -0,0 +1,158 @@
|
|||||||
|
export type HeroLayout = 'left' | 'center' | 'wide' | 'icon-left';
|
||||||
|
|
||||||
|
export interface HeroTexture {
|
||||||
|
type: 'grid' | 'data-flow' | 'layers' | 'shield-hex' | 'circuit' | 'none';
|
||||||
|
opacity: number;
|
||||||
|
color?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface HeroTheme {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
gradientFrom: string;
|
||||||
|
gradientTo: string;
|
||||||
|
gradientAngle: number;
|
||||||
|
accentColor: string;
|
||||||
|
accentBg: string;
|
||||||
|
texture: HeroTexture;
|
||||||
|
layout: HeroLayout;
|
||||||
|
badge?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const HERO_THEMES: Record<string, HeroTheme> = {
|
||||||
|
erp: {
|
||||||
|
id: 'erp',
|
||||||
|
name: 'ERP 水墨雅致',
|
||||||
|
gradientFrom: '#f8f6f3',
|
||||||
|
gradientTo: '#f0ebe4',
|
||||||
|
gradientAngle: 135,
|
||||||
|
accentColor: '#1e3a5f',
|
||||||
|
accentBg: 'rgba(30, 58, 95, 0.06)',
|
||||||
|
texture: { type: 'grid', opacity: 0.03 },
|
||||||
|
layout: 'left',
|
||||||
|
badge: '企业套装',
|
||||||
|
},
|
||||||
|
crm: {
|
||||||
|
id: 'crm',
|
||||||
|
name: 'CRM 水墨雅致',
|
||||||
|
gradientFrom: '#f7f5f2',
|
||||||
|
gradientTo: '#eee9e2',
|
||||||
|
gradientAngle: 120,
|
||||||
|
accentColor: '#1e40af',
|
||||||
|
accentBg: 'rgba(30, 64, 175, 0.06)',
|
||||||
|
texture: { type: 'layers', opacity: 0.03 },
|
||||||
|
layout: 'left',
|
||||||
|
badge: '企业套装',
|
||||||
|
},
|
||||||
|
bi: {
|
||||||
|
id: 'bi',
|
||||||
|
name: 'BI 水墨雅致',
|
||||||
|
gradientFrom: '#f6f8fa',
|
||||||
|
gradientTo: '#eef1f5',
|
||||||
|
gradientAngle: 145,
|
||||||
|
accentColor: '#0c4a6e',
|
||||||
|
accentBg: 'rgba(12, 74, 110, 0.06)',
|
||||||
|
texture: { type: 'data-flow', opacity: 0.03 },
|
||||||
|
layout: 'left',
|
||||||
|
badge: '企业套装',
|
||||||
|
},
|
||||||
|
cms: {
|
||||||
|
id: 'cms',
|
||||||
|
name: 'CMS 水墨雅致',
|
||||||
|
gradientFrom: '#f5f8f5',
|
||||||
|
gradientTo: '#eaf0ea',
|
||||||
|
gradientAngle: 130,
|
||||||
|
accentColor: '#14532d',
|
||||||
|
accentBg: 'rgba(20, 83, 45, 0.06)',
|
||||||
|
texture: { type: 'layers', opacity: 0.03 },
|
||||||
|
layout: 'left',
|
||||||
|
badge: '企业套装',
|
||||||
|
},
|
||||||
|
sds: {
|
||||||
|
id: 'sds',
|
||||||
|
name: 'SDS 水墨雅致',
|
||||||
|
gradientFrom: '#faf7f4',
|
||||||
|
gradientTo: '#f3ede5',
|
||||||
|
gradientAngle: 140,
|
||||||
|
accentColor: '#78350f',
|
||||||
|
accentBg: 'rgba(120, 53, 15, 0.06)',
|
||||||
|
texture: { type: 'data-flow', opacity: 0.03 },
|
||||||
|
layout: 'left',
|
||||||
|
badge: '企业套装',
|
||||||
|
},
|
||||||
|
oa: {
|
||||||
|
id: 'oa',
|
||||||
|
name: 'OA 水墨雅致',
|
||||||
|
gradientFrom: '#f7f5fa',
|
||||||
|
gradientTo: '#efeaf5',
|
||||||
|
gradientAngle: 125,
|
||||||
|
accentColor: '#4c1d95',
|
||||||
|
accentBg: 'rgba(76, 29, 149, 0.06)',
|
||||||
|
texture: { type: 'grid', opacity: 0.03 },
|
||||||
|
layout: 'left',
|
||||||
|
badge: '企业套装',
|
||||||
|
},
|
||||||
|
novavis: {
|
||||||
|
id: 'novavis',
|
||||||
|
name: 'NovaVis 水墨雅致',
|
||||||
|
gradientFrom: '#f4fafa',
|
||||||
|
gradientTo: '#e8f3f3',
|
||||||
|
gradientAngle: 150,
|
||||||
|
accentColor: '#0f3d3e',
|
||||||
|
accentBg: 'rgba(15, 61, 62, 0.06)',
|
||||||
|
texture: { type: 'data-flow', opacity: 0.04 },
|
||||||
|
layout: 'wide',
|
||||||
|
badge: '专业产品',
|
||||||
|
},
|
||||||
|
solution: {
|
||||||
|
id: 'solution',
|
||||||
|
name: '解决方案水墨雅致',
|
||||||
|
gradientFrom: '#f8f6f3',
|
||||||
|
gradientTo: '#f0ebe4',
|
||||||
|
gradientAngle: 150,
|
||||||
|
accentColor: '#C41E3A',
|
||||||
|
accentBg: 'rgba(196, 30, 58, 0.06)',
|
||||||
|
texture: { type: 'circuit', opacity: 0.02 },
|
||||||
|
layout: 'center',
|
||||||
|
},
|
||||||
|
service: {
|
||||||
|
id: 'service',
|
||||||
|
name: '服务水墨雅致',
|
||||||
|
gradientFrom: '#f7f5f2',
|
||||||
|
gradientTo: '#eee9e2',
|
||||||
|
gradientAngle: 135,
|
||||||
|
accentColor: '#C41E3A',
|
||||||
|
accentBg: 'rgba(196, 30, 58, 0.06)',
|
||||||
|
texture: { type: 'none', opacity: 0 },
|
||||||
|
layout: 'icon-left',
|
||||||
|
},
|
||||||
|
security: {
|
||||||
|
id: 'security',
|
||||||
|
name: '安全产品水墨雅致',
|
||||||
|
gradientFrom: '#faf5f5',
|
||||||
|
gradientTo: '#f5eded',
|
||||||
|
gradientAngle: 135,
|
||||||
|
accentColor: '#991b1b',
|
||||||
|
accentBg: 'rgba(153, 27, 27, 0.06)',
|
||||||
|
texture: { type: 'shield-hex', opacity: 0.03 },
|
||||||
|
layout: 'wide',
|
||||||
|
badge: '安全合规',
|
||||||
|
},
|
||||||
|
default: {
|
||||||
|
id: 'default',
|
||||||
|
name: '默认水墨雅致',
|
||||||
|
gradientFrom: '#f8f6f3',
|
||||||
|
gradientTo: '#f0ebe4',
|
||||||
|
gradientAngle: 140,
|
||||||
|
accentColor: '#C41E3A',
|
||||||
|
accentBg: 'rgba(196, 30, 58, 0.06)',
|
||||||
|
texture: { type: 'none', opacity: 0 },
|
||||||
|
layout: 'left',
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
export function getHeroTheme(id: string): HeroTheme {
|
||||||
|
const theme = HERO_THEMES[id];
|
||||||
|
if (theme) return theme;
|
||||||
|
return HERO_THEMES['default']!;
|
||||||
|
}
|
||||||
@@ -1,10 +1,13 @@
|
|||||||
export { COMPANY_INFO } from './company';
|
export { COMPANY_INFO } from './company';
|
||||||
export { NAVIGATION, NAVIGATION_V2, MEGA_DROPDOWN_DATA } from './navigation';
|
export { NAVIGATION, NAVIGATION_V2, MEGA_DROPDOWN_DATA } from './navigation';
|
||||||
export type { NavigationItem, NavigationItemV2, MegaDropdownItem, MegaDropdownData } from './navigation';
|
export type { NavigationItem, NavigationItemV2, MegaDropdownItem, MegaDropdownGroup, MegaDropdownData } from './navigation';
|
||||||
export { STATS, type StatItem } from './stats';
|
export { STATS, type StatItem } from './stats';
|
||||||
export { SERVICES } from './services';
|
export { SERVICES } from './services';
|
||||||
export { PRODUCTS, type Product } from './products';
|
export { PRODUCTS, PRODUCT_CATEGORIES, type Product, type ProductCategory } from './products';
|
||||||
|
export { STANDALONE_PRODUCTS, type StandaloneProduct } from './standalone-products';
|
||||||
export { NEWS, type NewsItem, type NewsCategory } from './news';
|
export { NEWS, type NewsItem, type NewsCategory } from './news';
|
||||||
export { TEAM_MEMBERS, type TeamMember } from './team';
|
export { TEAM_MEMBERS, type TeamMember } from './team';
|
||||||
export { METHODOLOGY, type MethodologyPhase } from './methodology';
|
export { METHODOLOGY, type MethodologyPhase } from './methodology';
|
||||||
export { SOLUTIONS, type Solution } from './solutions';
|
export { SOLUTIONS, type Solution } from './solutions';
|
||||||
|
export { HERO_THEMES, getHeroTheme, type HeroTheme, type HeroLayout, type HeroTexture } from './hero-themes';
|
||||||
|
export { getProductCrossRefs, getSolutionCrossRefs, getServiceCrossRefs, type CrossReference } from './cross-references';
|
||||||
|
|||||||
@@ -27,33 +27,82 @@ export interface MegaDropdownItem {
|
|||||||
title: string;
|
title: string;
|
||||||
description: string;
|
description: string;
|
||||||
href: string;
|
href: string;
|
||||||
|
badge?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface MegaDropdownGroup {
|
||||||
|
id: string;
|
||||||
|
title: string;
|
||||||
|
description?: string;
|
||||||
|
items: MegaDropdownItem[];
|
||||||
|
highlight?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface MegaDropdownData {
|
export interface MegaDropdownData {
|
||||||
[key: string]: MegaDropdownItem[];
|
[key: string]: MegaDropdownGroup[];
|
||||||
}
|
}
|
||||||
|
|
||||||
export const NAVIGATION_V2: NavigationItemV2[] = [
|
export const NAVIGATION_V2: NavigationItemV2[] = [
|
||||||
{ id: 'products', label: '产品', href: '/products', hasDropdown: true, dropdownKey: 'products' },
|
{ id: 'products', label: '产品', href: '/products', hasDropdown: true, dropdownKey: 'products' },
|
||||||
{ id: 'solutions', label: '解决方案', href: '/solutions', hasDropdown: true, dropdownKey: 'solutions' },
|
{ id: 'solutions', label: '解决方案', href: '/solutions', hasDropdown: true, dropdownKey: 'solutions' },
|
||||||
{ id: 'services', label: '服务', href: '/services' },
|
{ id: 'services', label: '服务', href: '/services', hasDropdown: true, dropdownKey: 'services' },
|
||||||
{ id: 'about', label: '关于我们', href: '/about' },
|
{ id: 'about', label: '关于我们', href: '/about' },
|
||||||
{ id: 'contact', label: '联系我们', href: '/contact' },
|
{ id: 'contact', label: '联系我们', href: '/contact' },
|
||||||
];
|
];
|
||||||
|
|
||||||
export const MEGA_DROPDOWN_DATA: MegaDropdownData = {
|
export const MEGA_DROPDOWN_DATA: MegaDropdownData = {
|
||||||
products: [
|
products: [
|
||||||
{ id: 'erp', title: 'ERP 管理系统', description: '财务·采购·销售·库存·生产', href: '/products/erp' },
|
{
|
||||||
{ id: 'crm', title: 'CRM 客户管理', description: '线索·商机·合同·服务', href: '/products/crm' },
|
id: 'enterprise-suite',
|
||||||
|
title: '企业套装',
|
||||||
|
description: '核心产品线,互为补充',
|
||||||
|
items: [
|
||||||
|
{ id: 'erp', title: 'ERP 管理系统', description: '财务·采购·销售·库存·生产', href: '/products/erp', badge: '旗舰' },
|
||||||
|
{ id: 'crm', title: 'CRM 客户管理', description: '线索·商机·合同·服务', href: '/products/crm', badge: '旗舰' },
|
||||||
{ id: 'bi', title: 'BI 数据平台', description: '报表·仪表盘·预测·决策', href: '/products/bi' },
|
{ id: 'bi', title: 'BI 数据平台', description: '报表·仪表盘·预测·决策', href: '/products/bi' },
|
||||||
{ id: 'cms', title: 'CMS 内容平台', description: '建站·运营·分发·分析', href: '/products/cms' },
|
{ id: 'cms', title: 'CMS 内容平台', description: '建站·运营·分发·分析', href: '/products/cms' },
|
||||||
{ id: 'sds', title: 'SDS 供应链决策', description: '预测·补货·库存·协同', href: '/products/sds' },
|
{ id: 'sds', title: 'SDS 供应链决策', description: '预测·补货·库存·协同', href: '/products/sds' },
|
||||||
{ id: 'oa', title: 'OA 协同办公', description: '审批·公文·协作·知识', href: '/products/oa' },
|
{ id: 'oa', title: 'OA 协同办公', description: '审批·公文·协作·知识', href: '/products/oa' },
|
||||||
],
|
],
|
||||||
|
highlight: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'standalone-products',
|
||||||
|
title: '专业产品',
|
||||||
|
description: '即将推出',
|
||||||
|
items: [
|
||||||
|
{ id: 'security', title: '安全产品', description: '企业安全防护方案', href: '#', badge: '敬请期待' },
|
||||||
|
{ id: 'specialized-software', title: '特种行业软件', description: '垂直行业专业解决方案', href: '#', badge: '敬请期待' },
|
||||||
|
{ id: 'hardware', title: '硬件产品', description: '智能硬件与IoT设备', href: '#', badge: '敬请期待' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
solutions: [
|
solutions: [
|
||||||
|
{
|
||||||
|
id: 'industry-solutions',
|
||||||
|
title: '行业解决方案',
|
||||||
|
description: '基于企业套装的行业实践',
|
||||||
|
items: [
|
||||||
{ id: 'manufacturing', title: '制造业', description: '智能制造·MES·质量管控', href: '/solutions/manufacturing' },
|
{ id: 'manufacturing', title: '制造业', description: '智能制造·MES·质量管控', href: '/solutions/manufacturing' },
|
||||||
{ id: 'retail', title: '零售业', description: '全渠道·会员·精准营销', href: '/solutions/retail' },
|
{ id: 'retail', title: '零售业', description: '全渠道·会员·精准营销', href: '/solutions/retail' },
|
||||||
{ id: 'education', title: '教育行业', description: '招生·教学·学情分析', href: '/solutions/education' },
|
{ id: 'education', title: '教育行业', description: '招生·教学·学情分析', href: '/solutions/education' },
|
||||||
{ id: 'healthcare', title: '医疗健康', description: '临床·运营·患者服务', href: '/solutions/healthcare' },
|
{ id: 'healthcare', title: '医疗健康', description: '临床·运营·患者服务', href: '/solutions/healthcare' },
|
||||||
],
|
],
|
||||||
|
highlight: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
services: [
|
||||||
|
{
|
||||||
|
id: 'professional-services',
|
||||||
|
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' },
|
||||||
|
],
|
||||||
|
highlight: true,
|
||||||
|
},
|
||||||
|
],
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,25 +1,92 @@
|
|||||||
|
export interface CaseStudy {
|
||||||
|
client: string;
|
||||||
|
industry: string;
|
||||||
|
challenge: string;
|
||||||
|
solution: string;
|
||||||
|
result: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DataProof {
|
||||||
|
metric: string;
|
||||||
|
value: string;
|
||||||
|
description: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Certification {
|
||||||
|
name: string;
|
||||||
|
issuer: string;
|
||||||
|
link?: string;
|
||||||
|
}
|
||||||
|
|
||||||
export interface Product {
|
export interface Product {
|
||||||
id: string;
|
id: string;
|
||||||
title: string;
|
title: string;
|
||||||
description: string;
|
description: string;
|
||||||
image: string;
|
image: string;
|
||||||
category: string;
|
category: string;
|
||||||
|
categoryId: 'enterprise' | 'specialized';
|
||||||
status: '研发中' | '内测中' | '已发布';
|
status: '研发中' | '内测中' | '已发布';
|
||||||
overview: string;
|
overview: string;
|
||||||
features: string[];
|
features: string[];
|
||||||
benefits: string[];
|
benefits: string[];
|
||||||
process: string[];
|
process: string[];
|
||||||
specs: string[];
|
specs: string[];
|
||||||
|
tags: string[];
|
||||||
|
heroThemeId: string;
|
||||||
|
caseStudies: CaseStudy[];
|
||||||
|
dataProofs: DataProof[];
|
||||||
|
certifications: Certification[];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export interface ProductCategory {
|
||||||
|
id: 'enterprise' | 'specialized';
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const PRODUCT_CATEGORIES: ProductCategory[] = [
|
||||||
|
{
|
||||||
|
id: 'enterprise',
|
||||||
|
title: '企业套装',
|
||||||
|
description: '6 大核心产品互为补充,覆盖企业数字化全场景,常以组合形式出现在解决方案中。',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'specialized',
|
||||||
|
title: '专业产品',
|
||||||
|
description: '自成体系的独立产品线,包括安全产品、行业特种软件、硬件产品等。',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
export const PRODUCTS: Product[] = [
|
export const PRODUCTS: Product[] = [
|
||||||
{
|
{
|
||||||
id: 'erp',
|
id: 'erp',
|
||||||
title: '睿新ERP管理系统',
|
title: '睿新ERP管理系统',
|
||||||
description: '打通财务、采购、销售、库存、生产全链路,让各部门数据实时流转、业务流程自动协同。',
|
description: '打通财务、采购、销售、库存、生产全链路,让各部门数据实时流转、业务流程自动协同。',
|
||||||
image: '/images/products/erp.jpg',
|
image: '/images/products/erp.jpg',
|
||||||
category: '企业软件',
|
category: '企业旗舰系列',
|
||||||
|
categoryId: 'enterprise',
|
||||||
|
tags: ['ERP', '资源管理', '全链路'],
|
||||||
status: '研发中',
|
status: '研发中',
|
||||||
|
heroThemeId: 'erp',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某大型制造集团',
|
||||||
|
industry: '制造业',
|
||||||
|
challenge: '财务、采购、销售、库存数据分散在多个独立系统,月结耗时5天以上',
|
||||||
|
solution: '部署睿新ERP,打通全链路业务流程,实现数据实时流转',
|
||||||
|
result: '月结时间从5天缩短至1天,库存准确率提升至99.2%',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '运营效率提升', value: '40%+', description: '流程自动化减少人工操作' },
|
||||||
|
{ metric: '数据准确性', value: '99.2%', description: '实时数据同步消除信息孤岛' },
|
||||||
|
{ metric: '部署周期', value: '3-6个月', description: '从需求调研到正式上线' },
|
||||||
|
],
|
||||||
|
certifications: [
|
||||||
|
{ name: '等保三级', issuer: '公安部', link: '#' },
|
||||||
|
{ name: 'ISO 27001', issuer: '国际标准化组织', link: '#' },
|
||||||
|
{ name: '信创适配认证', issuer: '中国信息安全测评中心', link: '#' },
|
||||||
|
],
|
||||||
overview: '睿新ERP管理系统是我们正在打造的企业资源计划系统,旨在打通财务、采购、销售、库存、生产等核心模块,让各部门数据实时流转、业务流程自动协同,帮助企业告别信息孤岛。',
|
overview: '睿新ERP管理系统是我们正在打造的企业资源计划系统,旨在打通财务、采购、销售、库存、生产等核心模块,让各部门数据实时流转、业务流程自动协同,帮助企业告别信息孤岛。',
|
||||||
features: [
|
features: [
|
||||||
'财务管理:总账、应收应付、成本核算、固定资产管理',
|
'财务管理:总账、应收应付、成本核算、固定资产管理',
|
||||||
@@ -57,8 +124,29 @@ export const PRODUCTS: Product[] = [
|
|||||||
title: '睿新客户关系管理系统',
|
title: '睿新客户关系管理系统',
|
||||||
description: '从线索到成交的全流程可视化管理,让销售团队清楚每一步该做什么、每个机会卡在哪里。',
|
description: '从线索到成交的全流程可视化管理,让销售团队清楚每一步该做什么、每个机会卡在哪里。',
|
||||||
image: '/images/products/crm.jpg',
|
image: '/images/products/crm.jpg',
|
||||||
category: '企业软件',
|
category: '企业旗舰系列',
|
||||||
|
categoryId: 'enterprise',
|
||||||
|
tags: ['CRM', '客户管理', '销售漏斗'],
|
||||||
status: '研发中',
|
status: '研发中',
|
||||||
|
heroThemeId: 'crm',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某连锁零售集团',
|
||||||
|
industry: '零售业',
|
||||||
|
challenge: '客户数据分散在Excel和多个系统,销售团队跟进效率低,商机转化率仅15%',
|
||||||
|
solution: '部署睿新CRM,整合全渠道客户数据,建立标准化销售流程',
|
||||||
|
result: '销售转化率提升至32%,客户满意度提升25%',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '销售转化率', value: '+113%', description: '从15%提升至32%' },
|
||||||
|
{ metric: '客户数据整合', value: '100%', description: '多渠道数据统一管理' },
|
||||||
|
{ metric: '响应速度', value: '<2小时', description: '线索到首次联系平均时间' },
|
||||||
|
],
|
||||||
|
certifications: [
|
||||||
|
{ name: '等保三级', issuer: '公安部', link: '#' },
|
||||||
|
{ name: 'ISO 27001', issuer: '国际标准化组织', link: '#' },
|
||||||
|
],
|
||||||
overview: '睿新客户关系管理系统是我们正在打造的全渠道客户管理平台,从线索到成交全流程可视化管理,让销售团队清楚每一步该做什么、每个机会卡在哪里。系统支持多渠道客户数据整合,提供全面的客户画像和销售漏斗分析。',
|
overview: '睿新客户关系管理系统是我们正在打造的全渠道客户管理平台,从线索到成交全流程可视化管理,让销售团队清楚每一步该做什么、每个机会卡在哪里。系统支持多渠道客户数据整合,提供全面的客户画像和销售漏斗分析。',
|
||||||
features: [
|
features: [
|
||||||
'客户档案:完整的客户信息管理,支持自定义字段',
|
'客户档案:完整的客户信息管理,支持自定义字段',
|
||||||
@@ -96,8 +184,29 @@ export const PRODUCTS: Product[] = [
|
|||||||
title: '睿新内容管理系统',
|
title: '睿新内容管理系统',
|
||||||
description: '所见即所得的编辑体验,多站点统一管理,让内容发布像写文档一样简单。',
|
description: '所见即所得的编辑体验,多站点统一管理,让内容发布像写文档一样简单。',
|
||||||
image: '/images/products/cms.jpg',
|
image: '/images/products/cms.jpg',
|
||||||
category: '企业软件',
|
category: '企业套装',
|
||||||
|
categoryId: 'enterprise',
|
||||||
|
tags: ['CMS', '内容管理', '多站点'],
|
||||||
status: '研发中',
|
status: '研发中',
|
||||||
|
heroThemeId: 'cms',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某教育集团',
|
||||||
|
industry: '教育行业',
|
||||||
|
challenge: '旗下20+学校网站各自独立管理,内容更新不及时,品牌形象不统一',
|
||||||
|
solution: '部署睿新CMS,统一管理所有站点内容,建立标准化发布流程',
|
||||||
|
result: '内容发布效率提升60%,品牌一致性显著改善',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '发布效率提升', value: '60%', description: '多站点统一管理' },
|
||||||
|
{ metric: '站点支持数', value: '50+', description: '单系统支持多站点' },
|
||||||
|
{ metric: '安全合规', value: '等保三级', description: '满足政务/企业合规要求' },
|
||||||
|
],
|
||||||
|
certifications: [
|
||||||
|
{ name: '等保二级', issuer: '公安部', link: '#' },
|
||||||
|
{ name: 'ISO 27001', issuer: '国际标准化组织', link: '#' },
|
||||||
|
],
|
||||||
overview: '睿新内容管理系统是我们正在打造的企业级内容管理平台,提供所见即所得的编辑体验和多站点统一管理能力,让内容发布像写文档一样简单。系统提供强大的内容编辑功能和灵活的权限管理机制。',
|
overview: '睿新内容管理系统是我们正在打造的企业级内容管理平台,提供所见即所得的编辑体验和多站点统一管理能力,让内容发布像写文档一样简单。系统提供强大的内容编辑功能和灵活的权限管理机制。',
|
||||||
features: [
|
features: [
|
||||||
'内容编辑:所见即所得的富文本编辑器,支持多媒体内容',
|
'内容编辑:所见即所得的富文本编辑器,支持多媒体内容',
|
||||||
@@ -135,8 +244,29 @@ export const PRODUCTS: Product[] = [
|
|||||||
title: '睿新商业智能平台',
|
title: '睿新商业智能平台',
|
||||||
description: '拖拽式自助分析,让业务人员无需写SQL也能从数据中找到答案。',
|
description: '拖拽式自助分析,让业务人员无需写SQL也能从数据中找到答案。',
|
||||||
image: '/images/products/bi.jpg',
|
image: '/images/products/bi.jpg',
|
||||||
category: '数据产品',
|
category: '企业套装',
|
||||||
|
categoryId: 'enterprise',
|
||||||
|
tags: ['BI', '数据分析', '可视化'],
|
||||||
status: '研发中',
|
status: '研发中',
|
||||||
|
heroThemeId: 'bi',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某快消品牌',
|
||||||
|
industry: '消费品',
|
||||||
|
challenge: '销售数据分散在各地分公司,总部无法实时掌握经营状况,决策滞后',
|
||||||
|
solution: '部署睿新BI平台,整合全渠道数据,建立实时经营看板',
|
||||||
|
result: '决策周期从周级缩短至天级,库存周转率提升28%',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '数据整合效率', value: '85%', description: '减少手工报表工作量' },
|
||||||
|
{ metric: '决策响应时间', value: '<1天', description: '从周级缩短至实时' },
|
||||||
|
{ metric: '自助分析占比', value: '70%+', description: '业务人员独立完成分析' },
|
||||||
|
],
|
||||||
|
certifications: [
|
||||||
|
{ name: '等保三级', issuer: '公安部', link: '#' },
|
||||||
|
{ name: 'ISO 27001', issuer: '国际标准化组织', link: '#' },
|
||||||
|
],
|
||||||
overview: '睿新商业智能平台是我们正在打造的数据可视化分析平台,提供拖拽式自助分析能力,让业务人员无需写SQL也能从数据中找到答案。平台支持自助式数据分析和实时数据监控。',
|
overview: '睿新商业智能平台是我们正在打造的数据可视化分析平台,提供拖拽式自助分析能力,让业务人员无需写SQL也能从数据中找到答案。平台支持自助式数据分析和实时数据监控。',
|
||||||
features: [
|
features: [
|
||||||
'数据整合:对接多种数据源,统一数据平台',
|
'数据整合:对接多种数据源,统一数据平台',
|
||||||
@@ -174,8 +304,29 @@ export const PRODUCTS: Product[] = [
|
|||||||
title: '睿新供应链决策支持系统',
|
title: '睿新供应链决策支持系统',
|
||||||
description: '自动预测销量、智能补货建议,帮您把库存成本降下来、把缺货损失挽回来。',
|
description: '自动预测销量、智能补货建议,帮您把库存成本降下来、把缺货损失挽回来。',
|
||||||
image: '/images/products/sds.jpg',
|
image: '/images/products/sds.jpg',
|
||||||
category: '数据产品',
|
category: '企业套装',
|
||||||
|
categoryId: 'enterprise',
|
||||||
|
tags: ['供应链', '智能预测', '库存优化'],
|
||||||
status: '研发中',
|
status: '研发中',
|
||||||
|
heroThemeId: 'sds',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某服装品牌',
|
||||||
|
industry: '服装零售',
|
||||||
|
challenge: 'SKU超5000个,缺货率12%同时库存积压严重,采购决策依赖经验',
|
||||||
|
solution: '部署睿新SDS,建立智能销量预测和自动补货体系',
|
||||||
|
result: '缺货率降至3.2%,库存周转天数从45天降至28天,年节省成本超200万',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '缺货率降低', value: '73%', description: '从12%降至3.2%' },
|
||||||
|
{ metric: '库存周转提升', value: '38%', description: '周转天数从45天降至28天' },
|
||||||
|
{ metric: 'ROI回报周期', value: '<6个月', description: '投入产出清晰可算' },
|
||||||
|
],
|
||||||
|
certifications: [
|
||||||
|
{ name: '等保三级', issuer: '公安部', link: '#' },
|
||||||
|
{ name: 'ISO 27001', issuer: '国际标准化组织', link: '#' },
|
||||||
|
],
|
||||||
overview: '睿新供应链决策支持系统是我们正在打造的智能供应链管理平台,自动预测销量、智能补货建议,帮您把库存成本降下来、把缺货损失挽回来。系统采用智能算法,实现从经验驱动到数据驱动的供应链管理升级。',
|
overview: '睿新供应链决策支持系统是我们正在打造的智能供应链管理平台,自动预测销量、智能补货建议,帮您把库存成本降下来、把缺货损失挽回来。系统采用智能算法,实现从经验驱动到数据驱动的供应链管理升级。',
|
||||||
features: [
|
features: [
|
||||||
'智能销量预测:自动分析历史销售趋势、季节规律和促销影响,预测每个商品销量',
|
'智能销量预测:自动分析历史销售趋势、季节规律和促销影响,预测每个商品销量',
|
||||||
@@ -213,8 +364,30 @@ export const PRODUCTS: Product[] = [
|
|||||||
title: '睿新协同办公系统',
|
title: '睿新协同办公系统',
|
||||||
description: '审批流程电子化、公文管理合规化、知识资产沉淀化,一站式解决办公协作难题。',
|
description: '审批流程电子化、公文管理合规化、知识资产沉淀化,一站式解决办公协作难题。',
|
||||||
image: '/images/products/oa.jpg',
|
image: '/images/products/oa.jpg',
|
||||||
category: '企业软件',
|
category: '企业套装',
|
||||||
|
categoryId: 'enterprise',
|
||||||
|
tags: ['OA', '协同办公', '流程审批'],
|
||||||
status: '研发中',
|
status: '研发中',
|
||||||
|
heroThemeId: 'oa',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某中型制造企业',
|
||||||
|
industry: '制造业',
|
||||||
|
challenge: '审批流程依赖纸质流转,平均耗时3-5天,跨部门协作效率低',
|
||||||
|
solution: '部署睿新OA,实现全流程电子化审批和移动办公',
|
||||||
|
result: '平均审批时间从4天缩短至4小时,年节省纸张成本超10万',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '审批效率提升', value: '95%', description: '从4天缩短至4小时' },
|
||||||
|
{ metric: '移动办公覆盖率', value: '100%', description: 'PC+移动端全覆盖' },
|
||||||
|
{ metric: '流程电子化率', value: '100%', description: '告别纸质流转' },
|
||||||
|
],
|
||||||
|
certifications: [
|
||||||
|
{ name: '等保三级', issuer: '公安部', link: '#' },
|
||||||
|
{ name: 'ISO 27001', issuer: '国际标准化组织', link: '#' },
|
||||||
|
{ name: '信创适配认证', issuer: '中国信息安全测评中心', link: '#' },
|
||||||
|
],
|
||||||
overview: '睿新协同办公系统是我们正在打造的综合型企业协同办公平台,融合传统办公自动化与现代协作理念。集成流程审批、公文管理、即时通讯、知识管理、会议日程等核心模块,支持PC端与移动端全场景覆盖,帮助企业实现办公数字化、流程规范化、协作高效化。',
|
overview: '睿新协同办公系统是我们正在打造的综合型企业协同办公平台,融合传统办公自动化与现代协作理念。集成流程审批、公文管理、即时通讯、知识管理、会议日程等核心模块,支持PC端与移动端全场景覆盖,帮助企业实现办公数字化、流程规范化、协作高效化。',
|
||||||
features: [
|
features: [
|
||||||
'流程审批:请假、报销、采购、合同等全流程电子化审批,支持自定义审批流程和条件分支',
|
'流程审批:请假、报销、采购、合同等全流程电子化审批,支持自定义审批流程和条件分支',
|
||||||
@@ -247,4 +420,53 @@ export const PRODUCTS: Product[] = [
|
|||||||
'数据加密、访问审计、安全水印等安全特性',
|
'数据加密、访问审计、安全水印等安全特性',
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
id: 'novavis',
|
||||||
|
title: '睿视 NovaVis',
|
||||||
|
description: '面向执法机关的新一代智能数据分析平台,完全离线运行,AI驱动分析,百万级数据秒级响应。',
|
||||||
|
image: '/images/products/novavis.jpg',
|
||||||
|
category: '专业工具系列',
|
||||||
|
categoryId: 'specialized',
|
||||||
|
tags: ['资金追踪', '关系图谱', 'AI分析', '离线运行', '执法情报'],
|
||||||
|
status: '内测中',
|
||||||
|
heroThemeId: 'novavis',
|
||||||
|
caseStudies: [],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '数据处理能力', value: '100万+', description: '百万级记录秒级处理' },
|
||||||
|
{ metric: '分析耗时', value: '<30秒', description: '百万级交易完成分析' },
|
||||||
|
{ metric: '内存占用降低', value: '70%', description: '相比传统方案显著优化' },
|
||||||
|
{ metric: '部署时间', value: '5分钟', description: '即插即用,快速启动' },
|
||||||
|
],
|
||||||
|
certifications: [],
|
||||||
|
overview: '睿视 NovaVis 是我们即将推出的面向执法机关的新一代智能数据分析平台。以完全离线架构保障数据安全——所有计算均在本地完成,数据不出本地、不触网络。融合 AI 智能分析与专业关系网络图谱,提供资金追踪、团伙分析、时空碰撞等核心能力,让海量涉案数据秒级响应,为经济犯罪侦查、反腐败调查、涉黑涉恶打击等场景提供全链路数据分析支撑。',
|
||||||
|
features: [
|
||||||
|
'完全离线运行:零网络依赖,断网可用,金融级加密存储,U盘可携带即插即用',
|
||||||
|
'AI 智能分析引擎:异常交易自动识别与预警、智能团伙分群与风险画像、可选配本地大语言模型',
|
||||||
|
'智能关系网络图谱:自动识别人物关系与资金往来,团伙结构自动分析与层级梳理,关键人物智能定位',
|
||||||
|
'全链路资金追踪:支持 20 层以上深度追踪,异常交易模式自动标注,闭环转账与资金归集识别',
|
||||||
|
'一键报告生成:PDF / Word 双格式输出,自定义报告模板,分析过程全留痕,满足执法证据要求',
|
||||||
|
],
|
||||||
|
benefits: [
|
||||||
|
'数据完全不出本地,从根本上杜绝泄露风险,满足最高等级安全合规要求',
|
||||||
|
'百万级数据秒级响应,相比传统工具分析效率提升 10 倍以上',
|
||||||
|
'向导式操作,非技术人员也能快速上手,单案分析从 3-5 天缩短至小时级',
|
||||||
|
'极具性价比,相比国际竞品(i2 等)成本降低一个数量级',
|
||||||
|
],
|
||||||
|
process: [
|
||||||
|
'需求沟通:了解分析场景、数据规模和安全要求',
|
||||||
|
'环境准备:准备本地服务器或高性能PC',
|
||||||
|
'安装部署:5分钟完成安装,即插即用',
|
||||||
|
'数据导入:支持多种数据源导入(Excel/CSV/数据库)',
|
||||||
|
'培训使用:操作培训与试用分析',
|
||||||
|
'正式交付:授权激活并提供持续技术支持',
|
||||||
|
],
|
||||||
|
specs: [
|
||||||
|
'完全离线运行,零网络依赖',
|
||||||
|
'支持 Windows 本地部署',
|
||||||
|
'金融级加密存储与传输',
|
||||||
|
'满足等保三级安全合规要求',
|
||||||
|
'可选配本地大语言模型',
|
||||||
|
'提供 30 天免费全功能试用',
|
||||||
|
],
|
||||||
|
},
|
||||||
] as const;
|
] as const;
|
||||||
|
|||||||
@@ -1,9 +1,47 @@
|
|||||||
export const SERVICES = [
|
import { type LucideIcon } from 'lucide-react';
|
||||||
|
|
||||||
|
export interface CaseStudy {
|
||||||
|
client: string;
|
||||||
|
industry: string;
|
||||||
|
challenge: string;
|
||||||
|
solution: string;
|
||||||
|
result: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface DataProof {
|
||||||
|
metric: string;
|
||||||
|
value: string;
|
||||||
|
description: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Certification {
|
||||||
|
name: string;
|
||||||
|
issuer: string;
|
||||||
|
link?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Service {
|
||||||
|
id: string;
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
icon: LucideIcon | string;
|
||||||
|
overview: string;
|
||||||
|
features: string[];
|
||||||
|
benefits: string[];
|
||||||
|
process: string[];
|
||||||
|
heroThemeId: string;
|
||||||
|
caseStudies: CaseStudy[];
|
||||||
|
dataProofs: DataProof[];
|
||||||
|
}
|
||||||
|
|
||||||
|
import { Code, BarChart3, Lightbulb, Puzzle } from 'lucide-react';
|
||||||
|
|
||||||
|
export const SERVICES: Service[] = [
|
||||||
{
|
{
|
||||||
id: 'software',
|
id: 'software',
|
||||||
title: '软件开发',
|
title: '软件开发',
|
||||||
description: '提供定制化软件开发服务,包括Web应用、移动应用、企业管理系统等',
|
description: '提供定制化软件开发服务,包括Web应用、移动应用、企业管理系统等',
|
||||||
icon: 'Code',
|
icon: Code,
|
||||||
overview: '我们提供全方位的软件开发服务,从前端到后端,从设计到部署,为企业打造高质量的软件解决方案。',
|
overview: '我们提供全方位的软件开发服务,从前端到后端,从设计到部署,为企业打造高质量的软件解决方案。',
|
||||||
features: [
|
features: [
|
||||||
'定制化开发:根据企业需求量身定制,确保完美契合业务场景',
|
'定制化开发:根据企业需求量身定制,确保完美契合业务场景',
|
||||||
@@ -26,12 +64,27 @@ export const SERVICES = [
|
|||||||
'部署上线:协助部署,确保平稳上线',
|
'部署上线:协助部署,确保平稳上线',
|
||||||
'运维支持:提供持续的技术支持和维护',
|
'运维支持:提供持续的技术支持和维护',
|
||||||
],
|
],
|
||||||
|
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',
|
id: 'data',
|
||||||
title: '数据分析',
|
title: '数据分析',
|
||||||
description: '提供大数据分析服务,帮助企业挖掘数据价值,支持决策制定',
|
description: '提供大数据分析服务,帮助企业挖掘数据价值,支持决策制定',
|
||||||
icon: 'BarChart3',
|
icon: BarChart3,
|
||||||
overview: '利用先进的数据分析技术和工具,帮助企业从海量数据中提取有价值的洞察,驱动业务决策和创新。',
|
overview: '利用先进的数据分析技术和工具,帮助企业从海量数据中提取有价值的洞察,驱动业务决策和创新。',
|
||||||
features: [
|
features: [
|
||||||
'数据整合:整合多源数据,构建统一数据平台',
|
'数据整合:整合多源数据,构建统一数据平台',
|
||||||
@@ -54,12 +107,27 @@ export const SERVICES = [
|
|||||||
'洞察挖掘:深入挖掘数据洞察',
|
'洞察挖掘:深入挖掘数据洞察',
|
||||||
'持续优化:持续优化分析模型和流程',
|
'持续优化:持续优化分析模型和流程',
|
||||||
],
|
],
|
||||||
|
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',
|
id: 'consulting',
|
||||||
title: '技术咨询',
|
title: '技术咨询',
|
||||||
description: '提供企业数字化转型技术咨询,帮助企业制定科学的IT战略和技术路线图',
|
description: '提供企业数字化转型技术咨询,帮助企业制定科学的IT战略和技术路线图',
|
||||||
icon: 'Lightbulb',
|
icon: Lightbulb,
|
||||||
overview: '凭借丰富的行业经验和技术积累,为企业提供专业的技术咨询服务,帮助企业理清数字化转型方向,规避技术风险,实现技术与业务的深度融合。',
|
overview: '凭借丰富的行业经验和技术积累,为企业提供专业的技术咨询服务,帮助企业理清数字化转型方向,规避技术风险,实现技术与业务的深度融合。',
|
||||||
features: [
|
features: [
|
||||||
'IT战略规划:制定与企业发展战略匹配的IT规划',
|
'IT战略规划:制定与企业发展战略匹配的IT规划',
|
||||||
@@ -82,12 +150,27 @@ export const SERVICES = [
|
|||||||
'落地指导:指导方案实施,确保落地效果',
|
'落地指导:指导方案实施,确保落地效果',
|
||||||
'持续跟踪:定期回访,持续优化建议',
|
'持续跟踪:定期回访,持续优化建议',
|
||||||
],
|
],
|
||||||
|
heroThemeId: 'service',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某传统制造企业',
|
||||||
|
industry: '制造业',
|
||||||
|
challenge: '数字化转型方向不清晰,多次投入未见成效',
|
||||||
|
solution: '系统性评估现状,制定三年数字化转型路线图',
|
||||||
|
result: '首年完成核心系统升级,ROI达150%',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '咨询项目数', value: '50+', description: '累计服务企业数量' },
|
||||||
|
{ metric: '方案落地率', value: '90%+', description: '咨询方案成功执行比例' },
|
||||||
|
{ metric: '行业覆盖', value: '10+个', description: '制造/零售/金融/医疗等' },
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 'solutions',
|
id: 'solutions',
|
||||||
title: '行业方案实施',
|
title: '行业方案实施',
|
||||||
description: '提供行业定制化方案落地实施服务,覆盖金融、制造、零售、医疗等多个领域',
|
description: '提供行业定制化方案落地实施服务,覆盖金融、制造、零售、医疗等多个领域',
|
||||||
icon: 'Puzzle',
|
icon: Puzzle,
|
||||||
overview: '基于对各行业业务场景的深入理解,我们提供从咨询到实施的一站式行业解决方案,帮助企业快速实现业务价值。',
|
overview: '基于对各行业业务场景的深入理解,我们提供从咨询到实施的一站式行业解决方案,帮助企业快速实现业务价值。',
|
||||||
features: [
|
features: [
|
||||||
'行业深耕:深耕金融、制造、零售、医疗等重点行业',
|
'行业深耕:深耕金融、制造、零售、医疗等重点行业',
|
||||||
@@ -110,5 +193,20 @@ export const SERVICES = [
|
|||||||
'效果评估:量化评估方案实施效果',
|
'效果评估:量化评估方案实施效果',
|
||||||
'优化升级:根据反馈持续优化升级',
|
'优化升级:根据反馈持续优化升级',
|
||||||
],
|
],
|
||||||
|
heroThemeId: 'service',
|
||||||
|
caseStudies: [
|
||||||
|
{
|
||||||
|
client: '某区域银行',
|
||||||
|
industry: '金融',
|
||||||
|
challenge: '核心业务系统老化,无法满足监管合规和业务创新需求',
|
||||||
|
solution: '分阶段实施核心系统替换,同时建设数据中台',
|
||||||
|
result: '系统稳定性达到99.99%,新产品上线周期从月缩短至周',
|
||||||
|
},
|
||||||
|
],
|
||||||
|
dataProofs: [
|
||||||
|
{ metric: '行业经验', value: '8年+', description: '深耕重点行业的经验' },
|
||||||
|
{ metric: '方案交付', value: '30+', description: '累计交付的行业方案' },
|
||||||
|
{ metric: '客户续约率', value: '85%', description: '长期合作客户占比' },
|
||||||
|
],
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -0,0 +1,208 @@
|
|||||||
|
import { Lightbulb, Cpu, Users, type LucideIcon } from 'lucide-react';
|
||||||
|
|
||||||
|
// ============ 首页解决方案概览 ============
|
||||||
|
|
||||||
|
export interface SolutionOverview {
|
||||||
|
icon: LucideIcon;
|
||||||
|
title: string;
|
||||||
|
subtitle: string;
|
||||||
|
description: string;
|
||||||
|
points: string[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 首页解决方案概览数据
|
||||||
|
*/
|
||||||
|
export const SOLUTIONS_OVERVIEW: SolutionOverview[] = [
|
||||||
|
{
|
||||||
|
icon: Lightbulb,
|
||||||
|
title: '参谋伙伴',
|
||||||
|
subtitle: '数字化转型咨询',
|
||||||
|
description: '帮您看清前路,迈对第一步。我们用行业智慧洞察趋势,用理性分析避开陷阱,用专业经验规划路径。从现状评估到战略规划,让您的每一步都有据可循。',
|
||||||
|
points: ['行业趋势洞察报告', '成熟度评估', '实施路径规划'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Cpu,
|
||||||
|
title: '技术伙伴',
|
||||||
|
subtitle: '信息技术解决方案',
|
||||||
|
description: '从设计到交付,提供一站式技术服务。我们深入理解您的业务场景,量身定制技术方案,用敏捷迭代确保快速见效,用工程规范保障交付质量。',
|
||||||
|
points: ['业务场景调研', '技术方案定制', '敏捷交付迭代'],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: Users,
|
||||||
|
title: '同行伙伴',
|
||||||
|
subtitle: '长期陪跑服务',
|
||||||
|
description: '不是一锤子买卖,而是长期同行。我们陪伴您走过数字化转型的每一段旅程,持续优化迭代,与您共同成长。专属客户成功经理、季度业务复盘、工作日快速响应,让转型之路不再孤单。',
|
||||||
|
points: ['专属客户成功经理', '季度业务复盘', '工作日快速响应'],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// ============ 解决方案详情数据 ============
|
||||||
|
|
||||||
|
export interface Solution {
|
||||||
|
id: string;
|
||||||
|
industry: string;
|
||||||
|
title: string;
|
||||||
|
subtitle: string;
|
||||||
|
description: string;
|
||||||
|
challenges: string[];
|
||||||
|
solutions: string[];
|
||||||
|
relatedProducts: string[];
|
||||||
|
heroThemeId?: string;
|
||||||
|
valueProposition: {
|
||||||
|
headline: string;
|
||||||
|
points: { icon: string; title: string; description: string }[];
|
||||||
|
};
|
||||||
|
suiteCombination: {
|
||||||
|
primaryProducts: string[];
|
||||||
|
complementaryServices: string[];
|
||||||
|
rationale: string;
|
||||||
|
};
|
||||||
|
// TODO: 初创企业暂无案例数据,待积累后填充
|
||||||
|
caseStudies?: import('@/lib/constants/products').CaseStudy[];
|
||||||
|
dataProofs?: import('@/lib/constants/products').DataProof[];
|
||||||
|
certifications?: import('@/lib/constants/products').Certification[];
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 行业解决方案数据
|
||||||
|
* TODO: 替换为真实解决方案信息
|
||||||
|
*/
|
||||||
|
export const SOLUTIONS: Solution[] = [
|
||||||
|
{
|
||||||
|
id: 'manufacturing',
|
||||||
|
industry: '制造业',
|
||||||
|
title: '智能制造解决方案',
|
||||||
|
subtitle: '从传统制造到智慧工厂',
|
||||||
|
description: '针对制造业数字化转型需求,提供从生产计划到质量管控的全流程数字化解决方案,助力企业实现降本增效和精益生产。',
|
||||||
|
challenges: [
|
||||||
|
'生产数据孤岛,各部门信息不互通,决策缺乏数据支撑',
|
||||||
|
'库存管理粗放,物料浪费严重,资金占用成本高',
|
||||||
|
'质量管控依赖人工经验,追溯困难,客诉处理效率低',
|
||||||
|
'设备维护被动响应,非计划停机频发,影响交付周期',
|
||||||
|
],
|
||||||
|
solutions: [
|
||||||
|
'建设统一的 MES 生产执行系统,实现生产全流程数字化管控',
|
||||||
|
'部署智能仓储管理系统(WMS),优化库存周转率,降低资金占用',
|
||||||
|
'引入 AI 质量检测与 SPC 统计过程控制,实现质量全链路追溯',
|
||||||
|
'搭建设备物联网平台,实现预测性维护,降低非计划停机率',
|
||||||
|
],
|
||||||
|
relatedProducts: ['erp', 'bi'],
|
||||||
|
heroThemeId: 'solution',
|
||||||
|
valueProposition: {
|
||||||
|
headline: '从车间到决策层,全链路数字化赋能',
|
||||||
|
points: [
|
||||||
|
{ icon: 'Factory', title: '生产透明化', description: '实时掌握生产进度、设备状态和质量数据' },
|
||||||
|
{ icon: 'Package', title: '供应链协同', description: '采购、库存、物流全流程可视可控' },
|
||||||
|
{ icon: 'BarChart3', title: '数据驱动决策', description: '多维度分析报表,支撑精益管理' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
suiteCombination: {
|
||||||
|
primaryProducts: ['erp', 'bi'],
|
||||||
|
complementaryServices: ['consulting', 'solutions'],
|
||||||
|
rationale: 'ERP打通生产-财务-供应链核心链路,BI提供实时生产看板和品质分析,配合咨询规划实施路径,确保方案落地见效。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'retail',
|
||||||
|
industry: '零售业',
|
||||||
|
title: '新零售数字化解决方案',
|
||||||
|
subtitle: '线上线下融合,数据驱动增长',
|
||||||
|
description: '帮助零售企业打通线上线下渠道,构建全渠道会员体系和精准营销能力,实现从经验驱动到数据驱动的经营模式升级。',
|
||||||
|
challenges: [
|
||||||
|
'线上线下渠道割裂,会员体系不统一,客户体验碎片化',
|
||||||
|
'营销活动效果难以量化,获客成本持续攀升,ROI 不明确',
|
||||||
|
'供应链响应速度慢,库存积压与缺货并存',
|
||||||
|
'缺乏客户画像和消费行为分析,无法实现精准营销',
|
||||||
|
],
|
||||||
|
solutions: [
|
||||||
|
'搭建全渠道中台,统一会员、订单、库存数据,实现无缝购物体验',
|
||||||
|
'建设 CDP 客户数据平台,构建 360° 客户画像,支撑精准营销',
|
||||||
|
'部署智能供应链管理系统,实现需求预测和智能补货',
|
||||||
|
'引入 BI 数据分析平台,实时监控经营指标,辅助经营决策',
|
||||||
|
],
|
||||||
|
relatedProducts: ['crm', 'bi'],
|
||||||
|
heroThemeId: 'solution',
|
||||||
|
valueProposition: {
|
||||||
|
headline: '全渠道融合,数据驱动增长',
|
||||||
|
points: [
|
||||||
|
{ icon: 'Users', title: '客户统一视图', description: '线上线下会员数据打通,360°客户画像' },
|
||||||
|
{ icon: 'TrendingUp', title: '精准营销', description: '基于数据分析的智能推荐和精准触达' },
|
||||||
|
{ icon: 'ShoppingCart', title: '智能供应链', description: '需求预测+智能补货,降本增效' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
suiteCombination: {
|
||||||
|
primaryProducts: ['crm', 'bi'],
|
||||||
|
complementaryServices: ['data', 'solutions'],
|
||||||
|
rationale: 'CRM构建全渠道客户统一视图和销售漏斗管理,BI提供经营分析和客户洞察,数据服务支撑CDP建设和预测模型开发。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'education',
|
||||||
|
industry: '教育行业',
|
||||||
|
title: '智慧教育解决方案',
|
||||||
|
subtitle: '科技赋能教育,数据驱动教学',
|
||||||
|
description: '为教育机构提供从招生管理到教学评估的全场景数字化解决方案,提升教学质量和运营效率。',
|
||||||
|
challenges: [
|
||||||
|
'招生管理流程繁琐,数据分散,转化率难以提升',
|
||||||
|
'教学资源管理混乱,优质内容难以沉淀和复用',
|
||||||
|
'学情数据采集不完整,个性化教学难以落地',
|
||||||
|
'家校沟通效率低,信息传达不及时',
|
||||||
|
],
|
||||||
|
solutions: [
|
||||||
|
'建设一体化招生管理系统,实现线索到报名的全流程数字化',
|
||||||
|
'搭建教学资源管理平台,支持课程内容的创建、共享和复用',
|
||||||
|
'部署学情分析系统,基于学习行为数据提供个性化学习路径推荐',
|
||||||
|
'构建家校互通平台,实现信息实时推送和在线沟通',
|
||||||
|
],
|
||||||
|
relatedProducts: ['cms', 'oa'],
|
||||||
|
heroThemeId: 'solution',
|
||||||
|
valueProposition: {
|
||||||
|
headline: '科技赋能教学,数据驱动成长',
|
||||||
|
points: [
|
||||||
|
{ icon: 'GraduationCap', title: '招生数字化', description: '从线索到报名全流程可视化管理' },
|
||||||
|
{ icon: 'BookOpen', title: '资源共享', description: '优质课程内容统一管理、高效复用' },
|
||||||
|
{ icon: 'MessageSquare', title: '家校互通', description: '信息实时推送,沟通零距离' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
suiteCombination: {
|
||||||
|
primaryProducts: ['cms', 'oa'],
|
||||||
|
complementaryServices: ['software', 'consulting'],
|
||||||
|
rationale: 'CMS管理多校区网站和教学资源,OA支撑招生流程审批和家校协同,配合软件开发定制特色功能模块。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'healthcare',
|
||||||
|
industry: '医疗健康',
|
||||||
|
title: '医疗数字化解决方案',
|
||||||
|
subtitle: '智慧医疗,数据赋能健康',
|
||||||
|
description: '为医疗机构提供从临床管理到运营分析的全栈数字化解决方案,提升医疗服务质量和运营效率。',
|
||||||
|
challenges: [
|
||||||
|
'临床数据分散在不同系统中,医生调阅效率低',
|
||||||
|
'排班和资源调度依赖人工,效率低且容易出错',
|
||||||
|
'患者就诊流程繁琐,等待时间长,体验差',
|
||||||
|
'运营数据分析能力弱,管理决策缺乏数据支撑',
|
||||||
|
],
|
||||||
|
solutions: [
|
||||||
|
'建设临床数据中心(CDR),整合多源临床数据,提升医生诊疗效率',
|
||||||
|
'部署智能排班和资源调度系统,优化医疗资源配置',
|
||||||
|
'搭建患者服务平台,实现预约、挂号、缴费、报告查询全流程线上化',
|
||||||
|
'引入运营分析 BI 平台,实时监控关键运营指标,支撑精细化管理',
|
||||||
|
],
|
||||||
|
relatedProducts: ['erp', 'sds'],
|
||||||
|
heroThemeId: 'solution',
|
||||||
|
valueProposition: {
|
||||||
|
headline: '智慧医疗,数据赋能健康',
|
||||||
|
points: [
|
||||||
|
{ icon: 'Heart', title: '临床协同', description: '多源数据整合,医生调阅效率提升' },
|
||||||
|
{ icon: 'Calendar', title: '资源优化', description: '智能排班调度,资源利用率最大化' },
|
||||||
|
{ icon: 'Smartphone', title: '患者体验', description: '全流程线上化,等待时间大幅缩短' },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
suiteCombination: {
|
||||||
|
primaryProducts: ['erp', 'sds'],
|
||||||
|
complementaryServices: ['software', 'data'],
|
||||||
|
rationale: 'ERP管理医院运营核心(财务/采购/库存),SDS优化药品和耗材供应链,配合软件开发定制医疗特色模块。',
|
||||||
|
},
|
||||||
|
},
|
||||||
|
];
|
||||||
Reference in New Issue
Block a user