novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
595 Commits 3 Branches 1 Tag
40c6cd612dbe93236162777712066c8cb181c7db
Commit Graph
15 Commits
Author SHA1 Message Date
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 88578a7433 style(cta): 全站 CTA Pill 化（Button 组件 + 11 个营销页内联按钮 rounded-full 对齐签名化） 2026-08-31 16:17:42 +08:00
张翔 e78df62cd1 feat(ui): 重构核心 UI 组件库，新增 shadcn/ui 组件 
- 重构 Button、Card、Badge、Input、Textarea 等基础组件
- 新增 Accordion、Alert、Dialog、Dropdown、Form 等 shadcn/ui 组件
- 新增 AnimatedCounter、StatsShowcase、MetricCard 等数据展示组件
- 新增 ScrollReveal 滚动动画组件
- 重构 Toast 通知系统与 Tooltip 提示组件
- 更新设计令牌系统，对齐新品牌视觉
 2026-07-07 06:52:38 +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
张翔 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
张翔 9451814ca4 feat: 添加面包屑导航组件并优化页面布局 
refactor: 重构页面结构和导航逻辑

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

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

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

docs: 更新.gitignore文件

chore: 更新依赖和配置

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

ci: 调整Playwright测试超时时间

build: 更新Next.js配置和构建选项
 2026-02-28 09:09:04 +08:00
张翔 2595d27221 fix: remove outline button default hover to enable group-hover 2026-02-26 18:40:19 +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
张翔 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
张翔 8c7d072d43 refactor: 更新 Button 组件为医疗健康风格 2026-02-23 00:08:40 +08:00
张翔 b417e7d708 feat: 更新按钮组件样式 
- 更新默认按钮为印章红色
- 添加科技蓝渐变次要按钮
- 更新轮廓按钮样式
- 添加悬停发光效果
- 添加点击缩放反馈
- 优化过渡动画时间
 2026-02-22 15:09:55 +08:00
张翔 15e17a8f20 fix: add light/dark mode support with Tailwind dark: prefix 2026-02-21 23:32:47 +08:00
张翔 f99685bf0c feat: enhance button component with dark tech theme variants 2026-02-21 20:05:08 +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