novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
623 Commits 3 Branches 1 Tag
f8a83f55e68485e6f325cdb897987264d71066c9
Commit Graph
34 Commits
Author SHA1 Message Date
zhangxiang f8a83f55e6 fix(a11y,ui): resolve 29 P1 issues found by dogfood UI/UX/UE audit 
Dogfood 审计（31 路由 × 多视口，Playwright 9 维探针）发现的阻断级问题全部闭环：
P1 29 → 0，对比度违规页 29 → 0。

对比度
- footer: text-gray-500 硬编码 → text-text-hint 令牌（#6B7280 在 #0A0E14 上仅
  4:1，需 4.5:1），1 行改动全站 29 页生效
- brand-content / team-content 副文案 text-text-secondary/70 → /80
  （4.35:1 → 5.74:1，视觉几乎无变化）
- brand-content 里程碑标签在 bg-tertiary 上 text-text-muted → text-text-secondary
  （4.34:1 → 9.45:1）

装饰元素豁免
- 大号服务编号（about 01-03、team 01-05 等）加 aria-hidden="true"，WCAG 1.4.3
  对装饰内容不适用，无需强行提亮
- 同时补修 product-detail / solution-detail 的客户名首字占位（同类
  text-text-muted/10，因容器为渐变背景属探针盲区、从未报出）
- 副文案与里程碑标签属真实语义内容，走提对比度而非 aria-hidden —— 隐藏它们
  等于把公司简介与成立年份从屏幕阅读器中删除

移动端布局
- MobileTabBar 为 fixed bottom-0 高 64px，给 main / [role="main"] / footer
  补 calc(64px + env(safe-area-inset-bottom)) 安全区，解决正文与页脚被遮挡
- 注意 marketing layout 使用 div[role="main"] 而非真 <main> 元素，选择器须
  同时匹配两者

触控与令牌
- ERP 专题链接加 py-0.5（23px → 27px，达 WCAG 2.2 AA 2.5.8 的 24px）
- solution-service-card: shadow-blue-500/20 → shadow-brand（纳入 --shadow-* 令牌）

Refs: UI_UX_UE_AUDIT_2026-09-01.md
 2026-09-20 11:50:58 +08:00
zhangxiang 40c6cd612d feat(theme): 暗黑模式 Phase 1 基础设施 + 首页试点 
为 html[data-theme='dark'] 添加完整 CSS 变量覆盖块，建立暗黑模式基石。
--color-ink 收窄为'文字/描边跟随主题'语义，深色 UI 元素（卡片/按钮/遮罩/
代码块/页脚）迁到 --color-dark-bg / --color-overlay 独立 token，避免 ink
反色为浅色文字时连带把深色区块变浅（双语义冲突）。

【基础设施】
- globals.css：
  * html/body 顶部硬编码 #FFFFFF !important 改 var() 化（保留 !important）
  * :root 新增 --color-overlay / --color-overlay-rgb（遮罩/深色叠加层，
    永不反色）
  * 新增 html[data-theme='dark'] 覆盖块：墨色反色为浅色文字，bg/text/
    border 层级反色，link 反色；保留 --color-dark-* / --color-brand-section
  * pre 背景 var(--color-ink) → var(--color-dark-bg)
- tailwind.config.js：注册 overlay 色（rgb() 形式，支持 /50 /60 修饰符）
- layout.tsx：head 内联防 FOUC 同步脚本，读 localStorage['novalon-theme']
  设置 data-theme（当前无切换 UI，仅作未来挂载点）

【首页试点 + 布局组件】（浅色值完全等价 → 浅色零视觉差异）
- home-content-v15.tsx：7 处 bg-white → bg-bg-primary（narrative/insights/
  cases sections 与卡片），2 处 bg-ink → bg-dark-bg（案例卡 bg-dark-bg 不
  随反色，保留深色画布）
- header.tsx / mega-dropdown.tsx：bg-white → bg-bg-primary（导航栏/移动
  端菜单/下拉面板）
- footer.tsx：bg-[#0A0E14] → bg-dark-bg（语义统一，视觉零差异）

【全局 UI 组件】（深色区块语义统一 + 遮罩固定深色）
- button.tsx：secondary 'bg-ink hover:bg-ink-light' → bg-dark-bg / hover:bg-dark-bg-secondary；
  outline 'hover:bg-ink hover:border-ink' → hover:bg-dark-bg / border-dark-bg
- stats-showcase / milestone-timeline：isDark 分支 bg-ink → bg-dark-bg
- metric-card：isDark 分支 bg-ink/50 → bg-overlay/50，hover:bg-ink → hover:bg-overlay
- dialog / alert-dialog：遮罩 bg-ink/60 → bg-overlay/60（永不反色）
- button.test.tsx：断言 bg-ink → bg-dark-bg，注释同步

【验证】
- type-check 0 errors
- lint 0 errors（127 warnings 既有，非本次引入）
- jest 128 suites / 1623 passed（button 断言同步通过）
- 视觉回归先非 update：21 passed（浅色安全门零 diff）+ 1 failed
  （仅 theme-dark-main，dark 快照从浅色名义变真正深色 = 语义修复预期）
- update-snapshots：22 passed，仅 theme-dark-main 基线重写
- computed-style 权威验证（一次性脚本，已删除）：
  dark 7 项断言全过（html/body/hero/导航栏/案例卡→深色 #0A0E14；
  body 文字→浅色 #F8FAFC；footer/overlay→保持深色）；light 4 项零回归

【未在 Phase 1 范围】（已识别，留待 Phase 2/3 决策）
- service-detail-content-v4.tsx 等营销页 bg-white：Phase 2 批量 token 化
- admin 页面 bg-white + RichTextEditor：admin 边界决策 + Phase 3
- 品牌红 #C41E3A 在深色底对比度复检：Phase 3
 2026-08-31 18:15:58 +08:00
zhangxiang 337e1e60c0 feat(cms): 品牌叙事与结构性文案全站 CMS 化并补齐信任证据阶段 0 
- 品牌叙事内核（价值主张/定位/承诺/三支柱/语气）下沉 site-config，经 SiteConfigProvider 注入全站
- 新增 page-copy 内容模型承载结构性文案（章节标题/眉标/描述/CTA/空状态），覆盖首页+服务/方案/产品/案例/新闻列表页，「CMS 优先 + 硬编码兜底」不白屏
- 首页「首批客户共创计划」板块（earlyAccessTitle/CtaLabel/Status 驱动）替代单行标签，如实呈现共创/内测/授权公开三档状态
- 关于页资质区数据空时如实展示「建设中」空态
- 零编造：不虚构客户/数据/资质
 2026-08-20 09:25:12 +08:00
zhangxiang 713186d552 feat(design): Vibe design optimization — Hero, Bento grids, trust layer, narrative 
升级全站体验：首页 Hero 改为产品视觉 + 单一 CTA 转化布局；产品矩阵/服务/方案改
为 Bento 非对称网格（ERP 2x2 大卡 + BI 1x2）；补齐信任层（可验证信号 + 来源标注）
与「问题→方法→结果」章节式叙事；新增 hero-product-visual 与 bento-grid 可复用组件；
统一动效与品牌视觉资产。新增对应单测、UJ-11 用户旅程测试并更新视觉回归基线快照。
 2026-08-19 14:43:27 +08:00
zhangxiang b84ee9515f fix(products): add externalUrl support for standalone products and fix footer alignment 
- Add externalUrl field to standalone product content type
- Filter out externalUrl products from generateStaticParams
- Fix email icon vertical alignment in footer
 2026-08-13 07:12:17 +08:00
zhangxiang f3fc969bef test(mobile): add mobile E2E test suite (53 tests) and fix layout issues 
Add comprehensive mobile testing coverage:
- Add chromium-mobile functional test project (iPhone 14, isMobile, hasTouch)
- Add mobile user journey tests (UJ-01/02/04/05/10 mobile variants)
- Add mobile performance baseline tests (FCP/LCP/load time)
- Add mobile accessibility tests (axe-core WCAG 2.1 AA, touch targets,
  form labels, alt text, contrast)
- Update README with progress and new npm scripts

Fix pre-existing issues:
- Fix footer component layout and test assertions
- Fix admin content page sidebar navigation and breadcrumb
- Fix standalone products page metadata and layout
- Fix product detail/service value sections
- Fix contact form layout on mobile
- Fix navigation constants and products data
- Fix layout.tsx CMS config and theme handling
- Fix erp-upgrade content layout
 2026-08-03 18:32:29 +08:00
zhangxiang f4d8f0a8e9 fix(breadcrumb): add aria-label to news detail breadcrumb for alignment 
Also accumulates other pre-existing changes:
- refactor(icons): replace deprecated BarChart3 with TrendingUp
- refactor(services): replace emoji icons with LucideIcon components
- refactor(footer): use logo-white for dark background
- cleanup(archive): remove unused archive components
- cleanup(constants): remove unused types and exports
 2026-08-03 14:47:20 +08:00
张翔 10404dbb36 chore: sync marketing pages, CMS extensions, tests and project docs 
同步工作区剩余变更，主要包括：
- 营销页面组件与布局持续优化（about/news/services/solutions/team 等）
- 详情页四层叙事组件、布局组件、UI 组件调整
- CMS 数据模型、API 路由、权限、工作流、站内通知、媒体管理扩展
- 新增/补充单元测试与 E2E 测试（cms-workflow.spec.ts 等）
- ESLint 9 迁移、jest/tsconfig 配置更新、依赖调整
- 新增 ADR、CMS 评估文档、Release Review / Acceptance 报告
- 移除水墨装饰组件与大体积未使用字体文件
 2026-07-25 08:04:01 +08:00
张翔 767931202d feat(layout): 重构布局组件体系与数据层 
- 重构 Header 导航、Footer 页脚、MobileMenu 移动端菜单
- 新增 MobileTabBar 移动端底部导航栏
- 更新 MegaDropdown 大型下拉导航
- 重构 SEO 结构化数据组件
- 更新数据层常量 (products, services, solutions, navigation 等)
- 新增 useCountUp 数字递增 Hook
- 修复 .gitignore 中 src/lib 被错误忽略的问题
 2026-07-07 06:53:13 +08:00
张翔 415a103a24 style(theme): 更新网站主题色彩方案与字体配置 
- 调整主色调从 #1C1C1C 至 #1A1A1A，优化视觉层次
- 更新背景色系为暖白色调 (#FAFAF7, #F5F4F0 等)
- 配置中文字体栈，添加 serif 字体支持
- 优化文本颜色梯度，提升可读性
- 调整边框颜色，统一水墨风格
- 添加 Google Search Console 验证码配置项
- 新增桌面应用架构专家代理配置文件
- 重构 E2E 测试等待策略，提升稳定性
- 添加回归测试脚本，增强质量保障
 2026-06-17 11:37:25 +08:00
张翔 724a00f582 feat: V2/V3组件体系与水墨雅致视觉改造 
- 新增detail-v2组件库(HeroV2/V3, TrustSectionV2, CTASectionV2等)
- Hero组件水墨雅致改造:浅色宣纸底/深色墨色文字/墨韵纹理
- 方案卡片添加推荐组合徽标(Package图标)
- 独立产品页从V1组件迁移到V2/V3
- 修复why-us-section未使用导入和ESLint引号转义错误
 2026-06-07 16:19:44 +08:00
张翔 f7024b1cf4 feat: 优化全局样式与组件视觉升级 
- 更新 globals.css 全局样式
- 优化 not-found 404 页面
- 升级 footer, mega-dropdown, mobile-tab-bar 布局组件
- 改进 challenge, cta, hero 等核心 section 组件
- 优化 challenge-card, ink-glow-card, product-card 等 UI 组件
- 更新产品常量配置
 2026-05-19 16:35:10 +08:00
张翔 37296b5717 feat(website): 三轮视觉改造与页面过渡动画 
改造概要（30项）：
- 第一轮：Hero重构/Section差异化/SocialProof强化/CTA对比度/About架构
- 第二轮：字体优化/背景交替/Solutions差异化/Footer五列/MegaDropdown修复
- 第三轮：卡片交互/表单层级/CTA统一/时间线标记/连接线/三列布局/移动导航/Button微交互/SEO Schema
- P3-2：template.tsx+Framer Motion页面过渡/loading.tsx加载状态
- 清理：删除未用组件/hooks，修复重复移动导航，清理冗余CSS
 2026-05-10 08:20:27 +08:00
张翔 a272e58aaa feat: 统一全站设计风格、导航组件与文案逻辑自洽性修复 
- 新增 InkGlowCard 墨韵流光卡片组件，统一全站卡片交互风格
- 新增 PageNav 面包屑组件，统一全站页面导航
- 统一色彩体系、排版层级、间距节奏和动画风格
- 修复 CTA 区品牌名称错误（诺瓦隆→睿新致遠）
- 修复 ERP 产品卖点与年费制定价矛盾
- 导航下拉补充 SDS 和 OA 产品
- 统一全站数据指标为 12+年核心团队经验、6自研产品、10+团队成员
- 移除不可靠的 100%客户满意度和 30+行业专家指标
- 修复新闻时间线不合理问题，调整里程碑节奏
- 统一响应承诺为工作日快速响应
- 服务第4项重命名为行业方案实施，厘清概念
- 服务详情页效果数据改为定性描述
- 删除 cases 模块，精简代码库
 2026-05-02 08:11:47 +08:00
张翔 fe6e4b1c54 refactor: P0 - remove testimonial, migrate footer & mobile menu to NAVIGATION_V2 
- Remove TestimonialSection from homepage (no customers yet)
- Footer: dark theme, NAVIGATION_V2 + MEGA_DROPDOWN_DATA links
- Mobile Menu: NAVIGATION_V2 with collapsible dropdown support
 2026-04-30 22:00:00 +08:00
张翔 2b7efb23ec fix: 修复字体加载警告和Logo图片宽高比问题 
## 修复内容

### 字体优化
- 创建 AoyagiReisho-subset.ttf 子集字体，仅包含"睿新致远"4个字符
- 文件大小从 4.4MB 减小到 5KB（99.9% 减少）
- 修复 vmtx 表解析错误导致的 48 个控制台警告

### Logo 图片修复
- 修复 Logo SVG 宽高比问题（原始 480x120，4:1 比例）
- Header: width=128 height=32
- Footer: width=192 height=48
- 消除 Next.js Image 组件警告

### 其他优化
- 简化字体加载逻辑
- 更新部署配置

## 测试结果
- 32 个回归测试全部通过
- 0 个控制台警告
- 0 个错误
 2026-04-22 16:00:49 +08:00
张翔 2f45818724 feat(analytics): enhance Google Analytics with privacy compliance and comprehensive tracking 
- Add automatic route change tracking for SPA navigation
- Implement Cookie consent banner for GDPR compliance
- Add performance tracking (LCP, FID, CLS Web Vitals)
- Add outbound link click tracking
- Integrate contact form submission tracking with conversion events
- Add CTA button click tracking in hero section
- Integrate error tracking in ErrorBoundary component
- Extend analytics utility library with 15+ tracking functions
- Configure IP anonymization and privacy settings
- Remove unused test files and deployment scripts
- Update case studies to include only specified cases
- Fix mobile navigation active state issues
- Fix lint errors in test files and components

BREAKING CHANGE: Google Analytics now requires user consent before tracking
 2026-04-22 07:19:29 +08:00
张翔 6403489954 refactor: 完成静态网站转换，移除所有 CMS 和动态功能 
- 删除数据库相关代码 (src/db/)
- 删除 API 路由 (src/app/api/)
- 删除认证相关代码 (src/lib/auth/, src/providers/)
- 删除监控和安全中间件 (src/lib/security/, src/lib/monitoring/)
- 删除 hooks (use-news, use-products, use-services)
- 更新组件为静态数据源
- 添加 nginx 静态配置和部署脚本
- 添加 static-link 组件
 2026-04-21 07:53:56 +08:00
张翔 a5ee6489a1 fix(assets): 重命名备案图标为英文名避免编码问题 2026-03-27 22:41:19 +08:00
张翔 d3df2299bd fix(footer): 更新公安备案链接并添加备案图标 2026-03-27 17:23:37 +08:00
张翔 4fdfc2d8b4 feat: implement frontend-backend configuration linkage 
- Create public config API for frontend consumption
- Add configuration fetching to homepage
- Implement module show/hide logic based on config
- Add support for Services items filtering
- Add support for Products featured products and pricing display
- Add support for News display count, categories, and sort order
- Fix table name from 'configs' to 'siteConfig' in API route
- Update type definitions for proper TypeScript support
 2026-03-13 13:11:20 +08:00
张翔 c678df44ae fix: improve footer visibility with data-testid and waitForFooter method 2026-03-05 22:53:12 +08:00
张翔 136fe7ac04 fix: update gitignore and footer component 2026-03-05 16:43:44 +08:00
张翔 6797c24b5c feat: 添加移动端适配和测试功能 
refactor(layout): 优化页脚布局和备案信息展示
feat(constants): 添加ICP备案和公安备案信息
feat(header): 实现移动端加载时的骨架屏效果
style(globals): 调整文字颜色和添加移动端响应样式
feat(breadcrumb): 增加返回按钮和响应式优化
feat(e2e): 添加移动端测试工具和测试用例
docs: 添加页脚重设计文档
 2026-03-05 11:40:21 +08:00
张翔 13c4a2ca49 feat: 优化网站性能、响应式设计和测试覆盖率 
- 更新next.config.ts配置以优化图片和静态资源
- 优化字体加载策略，减少首屏阻塞
- 使用Next.js Image组件替换img标签并实现懒加载
- 重构移动端菜单交互，提升触摸体验
- 新增安全测试和可访问性测试用例
- 修复导航栏滚动定位问题
- 更新部署就绪测试脚本
- 添加相关文档说明优化细节
 2026-02-28 22:32:45 +08:00
张翔 702b3296bc refactor: update footer links to use page navigation 2026-02-26 21:28:47 +08:00
张翔 19b06de1a7 feat: add links to privacy policy and terms of service 2026-02-26 18:08:19 +08:00
张翔 5ec2ad0043 style(ui组件): 更新UI组件颜色方案为深色主题 
refactor(card): 调整卡片背景色和边框颜色
refactor(badge): 修改徽章颜色变体
refactor(button): 更新按钮颜色样式
refactor(input): 调整输入框颜色方案
refactor(textarea): 修改文本区域颜色样式
refactor(header): 更新导航栏颜色
refactor(hero-section): 调整英雄区域颜色和渐变
 2026-02-23 09:18:41 +08:00
张翔 a0c725f2bc refactor: 重构 Footer 为医疗健康风格 2026-02-23 08:05:51 +08:00
张翔 15e17a8f20 fix: add light/dark mode support with Tailwind dark: prefix 2026-02-21 23:32:47 +08:00
张翔 4f783255a3 feat: update footer with dark tech theme 2026-02-21 23:04:32 +08:00
张翔 522f1e09a7 feat: 重构网站UI设计并优化布局结构 
重构整体UI设计，采用红色主题配色方案
优化页面布局结构，将Header和Footer移至page组件
更新按钮样式和交互效果，增强视觉反馈
调整全局字体配置，使用思源黑体作为中文字体
改进各区块卡片样式，增加悬停动画效果
优化响应式设计，提升移动端体验
 2026-02-08 16:46:22 +08:00
张翔 f14002559e feat(e2e-tests): 添加端到端测试框架及测试用例 
refactor(components): 调整头部和页脚布局样式
style(hero-section): 更新徽章动画效果

docs: 添加测试框架README文档
test: 实现首页、导航和联系表单的测试用例
ci: 添加CI测试脚本和配置
 2026-02-02 19:36:33 +08:00
张翔 150024b6ac build: 更新Next.js配置以支持静态导出并添加新依赖 
更新next.config.ts文件以支持静态导出功能，并添加了多个新的依赖项到package.json中，包括UI组件库和动画库。同时生成了构建相关的文件和配置。
 2026-02-02 17:59:29 +08:00