novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
647 Commits 3 Branches 1 Tag
f8917d4fdaab794d3acfc492cfa3d8be449601f8
Commit Graph
38 Commits
Author SHA1 Message Date
zhangxiang f8917d4fda feat(ui): 营销站 UI/UE/UX 治理 P0→P3 收官 
复评（impeccable critique）全部 Priority Issues 与 Minor Observations 落地：
- P0 数字口径：MetricsBasisNote 单一真源 + metrics-basis.test fs 防线，接入
  products/solutions/services/home/about；纯渲染端加角注，不动 DB/seed 值
- P1 转化断头路：敬请期待态 + 404 语境出口 + services 空态双出口
- P1 首页并卡：TrustSection 早鸟横幅并入 CasesSection 单张深色共创卡
- P2 CTA 治理：CONSULT_CTA_ALLOWLIST 白名单 + 逐字符扫描器，/contact CTA 全归一
- P3 polish：footer 补 服务/公司列、contact 死三元/空槽/toast、GlobalErrorTracker 幂等日志
- 文档同源：PRODUCT/CONTEXT 动效带统一 180–280ms；DESIGN.md 立 The 10px Floor；
  font-floor.test 守卫禁止再引入 <10px（保留 10/11px 有意 Bain 微标签）

Gates: type-check 0 · jest 1581/132 · lint 0e/126w · contrast 7/7 · headings 10/10
 2026-09-20 11:50:58 +08:00
zhangxiang 0bd1e9a7e2 feat(theme): 主题三态偏好模型，默认跟随系统自动切换暗黑模式 
- 新增 src/lib/theme.ts：三态偏好单一真源
  （system/light/dark，无存储值默认跟随系统）
- ThemeToggle 改三态循环（Monitor→Sun→Moon）：
  实时监听 prefers-color-scheme（仅 system 档生效）
  + storage 跨标签页同步；尺寸位置不变
- layout.tsx FOUC 内联脚本支持 system 档，
  首帧前解析避免闪烁
- e2e 视觉回归 L2 改用 test.use({ colorScheme }) 驱动
  （事后 setAttribute 存在被挂载效果覆盖的竞态）
- header.test.tsx lucide 白名单补 Monitor
- CLAUDE.md 同步三态语义与 variant 踩坑
- 新增 scripts/audit/theme-system-verify.mjs
  （55 断言：首帧无闪烁/循环/实时跟随/旧值兼容/
  污染回退/6 路由冒烟）

验证：单测 131 套件 1662 通过 0 失败；
tsc 0 错；eslint 0 错；next build 通过；
运行时 55/55 PASS（dogfood-output/theme-system-verify/）
 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 b65ddd1ff7 fix(a11y): 无障碍与 lint 修复（对比度/alt 属性/触控目标收窄）+ Geist 本地字体系统 2026-08-31 12:03:32 +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 628a0f1a2b fix: align startup copy with 2026 founding and deploy hybrid rendering 
- Replace fabricated 12-year/500+/8+ team experience claims with
  2026 founding, first-client co-creation, professional team wording
- Remove fake case studies and unverified certifications from seeds,
  cases page, products and ERP upgrade page
- Enable Next.js standalone output and production hybrid deployment
  (Dockerfile.prod, docker-compose.server.yml, Nginx nextjs upstream)
- Add linux-musl Prisma engine target and production crypto key build
- Sync production CMS database with cleaned seed content
 2026-08-17 20:21:39 +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
张翔 f4b98fb730 feat(cms): integrate global layout with CMS and document decision 
- Move site-config and navigation to CMS-backed SiteConfigProvider
- Keep static constants as fallback for dev and degraded modes
- Add ADR-0005 recording the global layout CMS strategy

Refs ADR-0005
 2026-07-08 14:46:14 +08:00
张翔 9053f69123 feat(app): 全局样式重构与核心应用层更新 
- 重构 globals.css 设计令牌系统，对齐咨询风品牌色与排版
- 更新根布局，集成 SEO schema 与黑暗模式防闪烁脚本
- 添加 robots.ts 与 sitemap.ts 动态生成
- 添加 middleware.ts 中间件层
- 更新隐私政策与服务条款页面
 2026-07-07 06:52:19 +08:00
张翔 415a103a24 style(theme): 更新网站主题色彩方案与字体配置 
- 调整主色调从 #1C1C1C 至 #1A1A1A，优化视觉层次
- 更新背景色系为暖白色调 (#FAFAF7, #F5F4F0 等)
- 配置中文字体栈，添加 serif 字体支持
- 优化文本颜色梯度，提升可读性
- 调整边框颜色，统一水墨风格
- 添加 Google Search Console 验证码配置项
- 新增桌面应用架构专家代理配置文件
- 重构 E2E 测试等待策略，提升稳定性
- 添加回归测试脚本，增强质量保障
 2026-06-17 11:37:25 +08:00
张翔 8840c4398a feat: downgrade tech stack to stable versions and integrate GA4 error monitoring 
- Downgrade Next.js 16→14.2, React 19→18.3, Tailwind 4→3.4
- Add comprehensive GA4 error monitoring system
- Create Jenkins CI/CD pipeline with quality gates
- Fix build issues: ESLint, SWC conflict, config format
- Add documentation for deployment and error tracking
 2026-05-12 12:45:18 +08:00
张翔 f08874f5c4 feat(ui): optimize CTA buttons with contextual copy and fix static export build issues 
CTA Optimization:

- Implement scenario-based CTA text across 6 key locations

- Add responsive Header CTA with icon+compact design

- Enhance CTA Section with vision-driven copy

Bug Fixes:

- Fix useSearchParams() build failure with dynamic import wrapper

- Remove useSearchParams() from PageTransition component

- Fix React 19 useEffect lint errors via useSyncExternalStore

UI Enhancements:

- Add ripple effects and gradient animations to Button

- Enhance loading skeleton with branded pulse animation
 2026-05-11 19:03:37 +08:00
张翔 27d486d820 feat(dark-mode): 实现深色模式支持 
- 定义87个CSS变量的深色值（[data-theme=dark]选择器）
- 升级ThemeProvider支持light/dark/system三种模式
- 新增ThemeToggle组件（桌面端Header+移动端菜单）
- 添加防FOUC内联脚本（渲染前应用主题）
- Logo根据主题自动切换（logo.svg/logo-white.svg）
- 更新测试用例覆盖主题切换逻辑
 2026-05-10 10:00:14 +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
张翔 747405dc96 refactor: 移除hero水墨动画，优化全局样式与组件细节 2026-05-04 00:00:19 +08:00
张翔 f69de14e45 feat: 全站预发布模式——所有产品标注研发中状态，移除定价与交付承诺 
- 产品页：添加 status 字段与研发中状态徽章，移除定价信息，功能描述改为规划措辞
- 产品详情：CTA 从立即购买改为预约体验，新增定价待公布区域
- 解决方案详情：关联产品卡片补充研发中状态徽章
- 关于页：更新发展历程里程碑、统计数据、核心价值观，确保与研发阶段逻辑自洽
- 首页：更新社会证明、客户评价、解决方案等区块文案
- 新闻页：分类从产品发布调整为研发动态
- 全站品牌名统一为睿新致远，移除重复文案，规范标点与编码
- 修复 FlipCard 组件 useReducer 替代 useEffect+setState
 2026-05-03 13:34:27 +08:00
张翔 95f246fa36 feat(analytics): 增强 Google Analytics 隐私合规与追踪功能 
- 修复 allow_google_signals 配置为 false，禁用跨设备追踪
- 升级 Cookie 同意组件，支持三级偏好控制（必要/分析/营销）
- 新增滚动深度追踪组件，追踪 25%/50%/75%/100% 里程碑
- 更新隐私政策，新增 Cookie 和网站分析工具章节
- 新增细化同意管理函数，支持 PIPL 合规
 2026-04-22 22:09:38 +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
张翔 933a831ab3 feat: 添加 AoyagiReisho 书法字体并优化表单反馈 
- 使用 next/font/local 加载 AoyagiReisho.ttf 字体
- 为标题红色高亮文字应用书法字体样式
- 优化联系表单提交反馈，添加成功/失败提示
- 修复 section 参数滚动定位的时序问题
 2026-04-21 11:18:29 +08:00
张翔 b3eab2437b refactor: 移除暗色主题切换脚本，纯静态网站不需要主题切换 2026-04-21 07:38:35 +08:00
张翔 a003f1192e feat(ui/ux): 优化用户体验和可访问性 
- 字体加载优化: 添加 font-display: block 策略，创建 useFontLoading hook
- 色彩对比度: 调整 text-muted 和 text-tertiary 颜色值确保 WCAG AA 合规
- 滚动进度条: 新增 ScrollProgress 组件，支持 reduced motion
- 表单自动保存: 新增 useFormAutosave hook，防止用户数据丢失
- 返回顶部按钮: 新增 BackToTop 组件，提升长页面导航体验
- 图片懒加载: 优化 OptimizedImage 组件，添加 blur placeholder 和加载动画

所有新组件均包含完整测试，1450+ 测试通过
 2026-03-28 11:21:04 +08:00
张翔 df8043c0df feat: 添加E2E测试并优化Docker部署配置 
- 新增Playwright E2E测试配置和测试脚本
- 优化Dockerfile和docker-compose.yml配置
- 新增novalon-nginx和novalon-website的docker-compose配置
- 优化contact页面和contact-section组件的代码结构
- 更新多个页面的SEO和元数据配置
- 添加备案图标资源
- 修复ESLint错误：转义引号、添加ESLint禁用注释、移除未使用变量

测试覆盖: 新增website-acceptance.spec.ts E2E测试
 2026-03-27 12:39:30 +08:00
张翔 1988b53388 feat: configure lightweight monitoring (Sentry, UptimeRobot, Analytics) 2026-03-10 17:36:37 +08:00
张翔 e8dffa4f05 chore: remove GitHub Actions workflows, use Woodpecker CI exclusively 2026-03-10 13:10:11 +08:00
张翔 4897c6e11c feat: 建立监控告警体系和生产环境配置 
阶段三：建立监控告警体系
- 集成Sentry错误监控：安装依赖，创建配置文件，初始化Sentry
- 配置性能监控：创建监控工具类，实现健康检查API
- 更新环境变量模板，添加Sentry和数据库配置

阶段四：配置生产环境
- 创建生产环境变量模板
- 创建Dockerfile和docker-compose.prod.yml
- 创建备份和恢复脚本
- 设置脚本执行权限
 2026-03-09 11:00:42 +08:00
张翔 62e251c6f3 feat: 配置 NextAuth.js 认证系统 
- 支持邮箱密码登录
- 支持 Magic Link 登录（Resend）
- 配置 Session Provider
- 添加 TypeScript 类型定义
 2026-03-08 21:11:58 +08:00
张翔 9cbc80742a feat: 重构联系页面并增强安全性 
refactor: 优化导航和路由逻辑

fix: 修复移动端样式问题

perf: 优化字体加载和性能

test: 添加安全性和可访问性测试

style: 调整按钮和表单样式

chore: 更新依赖版本

ci: 添加安全头配置

build: 优化构建配置

docs: 更新常量信息
 2026-03-01 10:56:54 +08:00
张翔 13c4a2ca49 feat: 优化网站性能、响应式设计和测试覆盖率 
- 更新next.config.ts配置以优化图片和静态资源
- 优化字体加载策略，减少首屏阻塞
- 使用Next.js Image组件替换img标签并实现懒加载
- 重构移动端菜单交互，提升触摸体验
- 新增安全测试和可访问性测试用例
- 修复导航栏滚动定位问题
- 更新部署就绪测试脚本
- 添加相关文档说明优化细节
 2026-02-28 22:32:45 +08:00
张翔 9451814ca4 feat: 添加面包屑导航组件并优化页面布局 
refactor: 重构页面结构和导航逻辑

fix: 修复移动端菜单导航和滚动行为

perf: 优化图片加载性能和资源请求

test: 添加端到端测试和性能测试用例

docs: 更新.gitignore文件

chore: 更新依赖和配置

style: 优化代码格式和类型安全

ci: 调整Playwright测试超时时间

build: 更新Next.js配置和构建选项
 2026-02-28 09:09:04 +08:00
张翔 44bf88b200 feat: add mobile tab bar navigation 2026-02-27 20:26:08 +08:00
张翔 fecbfd1990 feat: 添加预览效果页面并优化交互效果 
refactor: 优化代码健壮性和类型安全

style: 更新字体样式和全局CSS

fix: 修复IntersectionObserver潜在空引用问题

chore: 更新依赖和ESLint配置

build: 更新构建ID和路由配置
 2026-02-24 10:24:05 +08:00
张翔 81d4f21a7d feat(responsive,seo): implement responsive design and SEO optimizations 
Phase 4: Responsive Design Optimizations
- Increase touch target sizes to min 44px for mobile
- Add touch-manipulation for better touch handling
- Optimize button and input sizes for mobile devices
- Implement responsive font sizing (16px -> 17px -> 18px)

Phase 5: SEO Optimizations
- Enhance metadata with comprehensive Open Graph tags
- Add Twitter Card metadata with images
- Implement Google Search Console verification
- Add structured data (Organization, Website schemas)
- Improve keywords and descriptions

Files modified:
- src/components/ui/button.tsx: Touch-friendly sizes
- src/components/ui/input.tsx: Mobile-optimized inputs
- src/app/globals.css: Responsive font sizing
- src/app/layout.tsx: Enhanced metadata and structured data
- src/components/seo/structured-data.tsx: New structured data components

Impact:
- Better mobile user experience
- Improved search engine visibility
- Enhanced social media sharing
- WCAG 2.1 touch target compliance
- Better SEO performance
 2026-02-24 00:48:42 +08:00
张翔 b7e52aa086 perf: add web vitals monitoring and optimize performance 2026-02-13 15:24:51 +08:00
张翔 8175c2f035 feat: add dark mode support with theme toggle 2026-02-13 15:17:42 +08:00
张翔 522f1e09a7 feat: 重构网站UI设计并优化布局结构 
重构整体UI设计，采用红色主题配色方案
优化页面布局结构，将Header和Footer移至page组件
更新按钮样式和交互效果，增强视觉反馈
调整全局字体配置，使用思源黑体作为中文字体
改进各区块卡片样式，增加悬停动画效果
优化响应式设计，提升移动端体验
 2026-02-08 16:46:22 +08:00
张翔 150024b6ac build: 更新Next.js配置以支持静态导出并添加新依赖 
更新next.config.ts文件以支持静态导出功能，并添加了多个新的依赖项到package.json中，包括UI组件库和动画库。同时生成了构建相关的文件和配置。
 2026-02-02 17:59:29 +08:00
张翔 f9df7b4d8f Initial commit from Create Next App 2026-02-02 09:26:01 +08:00