novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
615 Commits 3 Branches 1 Tag
2482967a22559238deb2f468477da59a725b7958
Commit Graph
24 Commits
Author SHA1 Message Date
zhangxiang 2482967a22 chore(visual): refresh tablet/mobile/webkit visual baselines 
Regenerate snapshots for 3 projects under reducedMotion so ScrollReveal renders

default-visible (no opacity:0 initial state). Firefox baselines untouched:

browser launch times out in this sandbox (pre-existing env limitation, not code).
 2026-09-01 11:07:30 +08:00
zhangxiang f744078c28 fix(visual): make founder quote visible in visual regression snapshots 
- Set reducedMotion:'reduce' on all visual regression projects.

- ScrollReveal/StaggerReveal now render visible by default.

- Scroll to bottom then top in waitForPageStable before screenshot.

- Add L2 element snapshot for founder-quote-section.

- Redesign quote as light card (bg-bg-primary/95) with ink text.

- Verified: type-check ok; lint 0 errors; visual:update 23/23.
 2026-09-01 10:33:21 +08:00
zhangxiangand阿睿 549c151c6a feat(home): Hero 动态粒子层（入场浮现后静止） 
新增 hero-particle-field 组件作为 Hero L3 层：品牌红点缀、Canvas + rAF
仅在 ~600ms 入场窗运行后冻结为静态帧，遵守「无持续循环动画」动效铁律；
prefers-reduced-motion 退化为一次性静态帧。固定种子 PRNG 保证视觉快照可复现。
同步更新 home-content-v15 接入与单测、home 视觉基线。

Co-Authored-By: 阿睿 <workbuddy@tencent.com>
 2026-09-01 07:57:12 +08:00
zhangxiang 37a7738431 test(visual): 更新桌面端视觉快照 16 张（切换器 UI + 真实暗黑主题） 
- 切换器图标出现在 header，全页/导航快照随之更新
- theme-dark-main 现真实渲染深色（Phase 1 已加 html[data-theme='dark'] 覆盖块）
- 非 update 模式 16 failed → 全为 ~0.01 局部 diff，无布局回归 → update 后 22 passed
 2026-09-01 06:48:03 +08:00
zhangxiang e4bbe3822d feat(home): hero 信息层重构 — 声明先行，数据指标下沉为独立成果带 
参考 Accenture Radical Relevance 设计语言（方向 A，用户已决策）：
- hero 内数据条移出，主张（副标题）前置，一屏只负责一句话声明 + 一个行动
- 新增 HeroStatsBand 成果带，滚动触发（Glance 层），承接下沉的指标
- H1 字重 900→700，hero 内 KPI 数字同步收敛，对齐「字重 9→3」克制
- 右侧数据看板保持单电压（仅品牌红），hero 内已无辅助色

验证（evidence-first）：
- type-check 0 errors / lint 0 errors（127 warnings 均为既有、与本改无关）
- jest 13 passed（含新断言：hero 内不含 hero-stats、数据下沉成果带仍渲染）
- 视觉回归 22 passed（首页浅/深快照已 update；19 个非首页页零 diff，证明改动仅影响首页）

含 docs/design/hero-redesign-proposal.md（设计提案，未改代码）

P0 批次；P1（点阵 token 化 + L2 光标聚光）待续
 2026-08-31 21:24:05 +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 7f83ef68f7 fix(ui): about hero 下划线不再遮挡副标题 + home hero 移除重复 Logo 
- about-content-v4: hero 标题强调下划线 absolute -bottom-2 → bottom-0，
  不再向下溢出侵入下一行文字（浏览器几何验证：下划线 642-645px 位于
  '专业核心团队'(521-629) 与 '的转型伙伴'(656-764) 间隙，零遮挡）
- home-content-v15: hero 删除品牌 Logo（与导航栏重复），slogan badge
  成为首元素；移除 Image import
- 测试：hero logo 断言改为 'hero 内不重复渲染 img（与 header 去重）'
- 视觉基线更新 4 张：home-fullpage / about-fullpage / theme-light-main / theme-dark-main
 2026-08-31 18:02:18 +08:00
zhangxiang fea5da7917 feat(home): Hero 浅色化（暗黑模式 token 友好）+ 视觉基线更新 
- 撤销 P4 hero 深色全出血（bg-ink），回归浅色方案：bg-bg-primary + text-ink
- 全部使用 CSS 变量 token（bg-bg-primary/text-ink/text-text-secondary/text-brand），
  暗黑模式可直接覆盖 token 实现适配，无需逐元素反色
- logo-white.svg → logo.svg（浅色画布深色版）、点阵纹理淡化（0.06→0.03）
- 测试同步：hero logo 断言 /logo-white.svg → /logo.svg
- 视觉基线更新 3 张：home-fullpage / theme-light-main / theme-dark-main
- 附带修复：hero 背景原误用无效类 bg-primary（Tailwind 嵌套色名应为
  bg-bg-primary），全项目排查无同类误用
 2026-08-31 17:47:38 +08:00
zhangxiang 39b2043c1f test(visual): 更新桌面端视觉快照 17 张（rgb 修复 + P5 全站 CTA 切换后基线） 
基线更新范围与之前 17 个 failed 一一对应：
- 营销页：home / products / product-erp / solutions / solution-manufacturing
         services / service-software / news / news-detail / team / methodology
- 共享：about / contact / header / footer / theme-light / theme-dark

根因：HEAD bf9c992 基线是在 globals.css rgb 变量仍是逗号分隔（bug 状态）、
CTAButton 切换未完成时生成的快照。当前代码已是修复+切换后状态：
- globals.css 22 个 rgb 变量空格分隔（commit 011189a）
- CTAButton 全站 27 处切换（commit 5c1b883）

size diff 佐证：team-fullpage 230K→648K（深色 CTA 从透明 bug 变为真实深色背景）。
 2026-08-31 17:28:58 +08:00
zhangxiang bf9c992300 test(visual): 更新桌面端视觉快照 20 张（V15 首页/CTA Pill 化）+ 清理旧格式快照目录 2026-08-31 16:17:54 +08:00
zhangxiang e66a89a00c chore(visual): 同步三端视觉回归基线 
- 更新 chromium-desktop/tablet/mobile 快照以反映 CMS 化后的结构性文案、首页共创计划板块与关于页资质建设中空态
 2026-08-20 09:25:26 +08:00
zhangxiang 56be17b0ba revert(home): restore preferred hero headline per user request 
- H1 恢复为「让每一家企业都拥有数据驱动的决策能力」（seed + 兜底默认同步）
- db:seed 已生效，首页 curl 实测渲染确认
- 视觉基线三端（home + 深浅主题）更新
 2026-08-19 16:54:49 +08:00
zhangxiang 5ed82101e0 feat(products): enable externalUrl redirect and external-site badge 
- product 模型补 externalUrl 字段（CMS 可编辑），企业套装详情页支持外链跳转（复用 standalone 模板）
- 矩阵卡 externalUrl 产品加「外部站点」徽标（对齐 Google / 字节 / 腾讯对标）
- 清理 3 个无引用 AoyagiReisho 字体文件（性能优化）
- 测试 17/17 + 视觉基线三端更新，type-check / lint 0 errors
 2026-08-19 16:49:30 +08:00
zhangxiang cbdc7dd0c8 refactor(home): de-productize hero visual to abstract data-driven graphic 
- 移除「睿新·经营驾驶舱」产品 UI 外壳（窗口头/侧边栏/表格/产品名）
- Hero 视觉改为抽象数据可视化（KPI + 趋势图），眉标「数据驱动 · 让转型可量化」
- 对齐 IHG/字节式品牌矩阵定位：能力表达而非产品展示
- 首页单测 6/6 + 视觉基线三端更新，type-check / lint 0 errors
 2026-08-19 16:34:11 +08:00
zhangxiang 6573ab449e feat(methodology): add CMS-driven methodology page skeleton 
- 新增 methodology 内容模型（content-types + seed），内容由 CMS 后台可编辑
- 新建 /methodology 页面：Hero / 四阶段 Cards / 空态占位 / 轻量 CTA
- 首页「了解我们的方法论」CTA 改指向 /methodology；sitemap 收录
- 单元测试 4/4 + 视觉基线通过，type-check / lint 0 errors
 2026-08-19 15:28:15 +08:00
zhangxiang b5222fce24 chore(visual): sync products fullpage baselines after brand-matrix copy refinement 2026-08-19 15:04:52 +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 a2ffd6f27b test(acceptance): complete release acceptance testing — conditional pass 
All 7 phases of release acceptance testing completed:
- Static quality gates: build, type-check, lint, unit-coverage all passed
- Regression: 356 E2E passed (Chromium core features), CMS workflow, user journeys
- Visual regression: 84/84 passed across 5 browser/device projects (baselines updated)
- Mobile: 173 passed, FCP 68ms / LCP 280ms
- Lighthouse: 7 pages, 4 categories ≥ 0.9, CWV compliant
- Load test: 200 concurrent, p95=7.26ms, 0.28% error rate
- Stress test: 300 concurrent, p95=3.95ms, 0% error rate
- Accessibility: contrast 7/7, headings 10/10, a11y 66/66
- Security: 2 moderate vulnerabilities (accepted risk)
- docs/lessons-learned.md: added 3 new entries (5.7-5.9)

Conclusion: conditional pass — Firefox (127 failed) and mobile (37 failed)
compatibility issues documented as known defects.
 2026-08-13 07:11:12 +08:00
zhangxiang 3e629bd9ee test(e2e): add GA4 tracking, mobile, user journey tests and update visual baselines 
- Add GA4 event tracking E2E tests (4 cases: page view, form submit, button click, product page)
- Add mobile-specific E2E tests (16 cases: navigation, form, product browsing)
- Add user journey tests (UJ-01: homepage to contact, UJ-02: product discovery)
- Fix E2E test selectors and assertions for consistency
- Update visual regression baselines across all browsers (chromium/firefox/webkit)
- Update Playwright config for new test files
 2026-07-31 20:24:57 +08:00
zhangxiang f0b3a44f66 fix(ui,brand): correct hero logo aspect ratio to display company name like header 
- Adjust Next.js Image width/height in homepage hero to 192x48 (4:1)
  matching logo.svg viewBox, so the full logo (seal + calligraphy + NOVALON)
  renders instead of being cropped to a square.
- Update visual regression baselines across desktop/mobile/tablet and
  chromium/firefox/webkit after the logo render fix.
- Include homepage brand visual acceptance report and manual screenshots.

Closes visual issue: logo did not show company name like header.
 2026-07-27 13:58:25 +08:00
zhangxiang 53ddab42e3 fix(analytics,ui): remove duplicate contact conversion and add brand identity to homepage hero 
- Remove redundant `trackConversion('contact_form_submission')` in contact-content-v3.tsx
  and rely on `trackContactForm(..., true)` to avoid double-counting conversions in GA4
- Update contact-content-v3.test.tsx assertions to match single analytics call
- Add Logo + company name + NOVALON to homepage HeroSection in home-content-v14.tsx
- Update homepage visual regression baselines across desktop/tablet/mobile
- Record progress in README.md
 2026-07-27 10:43:21 +08:00
zhangxiang 2653a3730c fix(regression): resolve dogfood findings across marketing, auth, e2e and docs 
- Fix list-to-detail navigation on product/service/solution/case pages
- Fix soft 404 on service detail by removing (marketing)/loading.tsx and using force-dynamic
- Fix contact form submission feedback and news placeholder image handling
- Unify SSR/client authentication state in auth.ts
- Add "新闻动态" to main navigation
- Fix Playwright storageState path and Firefox footer link flakiness
- Add E2E coverage for nav dropdown, cases filter and auth token parsing
- Update visual regression baselines (desktop/tablet/mobile, chromium/webkit/firefox)
- Update README, lessons-learned and add REGRESSION_REPORT_2026-07-27.md
- Ignore .lighthouseci/ and heading-hierarchy-report.json
 2026-07-27 07:39:11 +08:00
张翔 e35090b914 test(visual): update Playwright visual regression baseline snapshots 
更新桌面端、平板、移动端及 firefox/webkit 多浏览器的视觉回归基线，
反映近期首页、产品、服务、方案、案例、联系页等 UI 调整后的最新渲染效果。
 2026-07-25 08:03:40 +08:00
张翔 cdeb34d60c test(visual): commit baseline snapshots for regression testing 
- Remove e2e/visual-snapshots/ from .gitignore so baselines are tracked
- Generate baseline screenshots across desktop/tablet/mobile and chromium/firefox/webkit
- Total: 95 snapshots (~114MB) covering 12 pages and component states

NOTE: Consider migrating to Git LFS if snapshot history grows too large.
 2026-07-08 15:53:05 +08:00