Commit Graph

35 Commits

Author SHA1 Message Date
张翔 aa47a45a95 feat: add touch swipe support for mobile 2026-02-27 20:29:00 +08:00
张翔 1bdb95b5b6 feat: optimize mobile form input experience 2026-02-27 20:27:17 +08:00
张翔 5d5b7feb0a feat(e2e): 添加完整的E2E测试框架和测试用例
添加Playwright测试框架配置和基础页面对象
实现冒烟测试用例覆盖首页和联系页面核心功能
更新导航组件以支持滚动高亮功能
添加BackButton组件统一返回按钮行为
配置Woodpecker CI集成和测试报告生成
2026-02-27 10:30:33 +08:00
张翔 1e1c68670b refactor: remove service detail modal component 2026-02-26 21:24:59 +08:00
张翔 2595d27221 fix: remove outline button default hover to enable group-hover 2026-02-26 18:40:19 +08:00
张翔 b7fad4c381 feat: add dialog component from Radix UI 2026-02-26 18:23:30 +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
张翔 37a86bfaf7 feat(perf,ux): implement performance and UX optimizations
Phase 2: Performance Optimizations
- Implement dynamic imports for non-critical sections
- Add loading skeletons for lazy-loaded components
- Optimize bundle size with code splitting
- Enable SSR for dynamic components

Phase 3: UX Optimizations
- Create ErrorBoundary component for graceful error handling
- Add Toast notification component for user feedback
- Implement success/error notifications in contact form
- Add error handling with user-friendly messages

Files modified:
- src/app/(marketing)/page.tsx: Dynamic imports for sections
- src/app/(marketing)/layout.tsx: Error boundary integration
- src/components/sections/contact-section.tsx: Toast notifications
- src/components/ui/error-boundary.tsx: New error boundary component
- src/components/ui/toast.tsx: New toast notification component

Impact:
- Reduced initial bundle size
- Faster page load times
- Better error handling
- Improved user feedback
- Enhanced user experience
2026-02-24 00:44:40 +08:00
张翔 016b7cfb91 feat(a11y,ux): implement comprehensive accessibility and UX optimizations
Phase 1: Accessibility Optimizations
- Add proper label associations and ARIA attributes to form inputs
- Implement aria-required, aria-invalid, aria-describedby for better form accessibility
- Add role='alert' for error messages
- Enhance keyboard navigation with aria-expanded, aria-controls
- Add aria-label for mobile menu button
- Implement aria-current for active navigation items
- Add semantic HTML with aria-labelledby for sections

Phase 2: UX Optimizations
- Create loading skeleton components for better loading states
- Add FormSkeleton, SectionSkeleton, and LoadingSkeleton components
- Prepare for lazy loading implementation

Files modified:
- src/components/ui/input.tsx: Enhanced with ARIA attributes
- src/components/ui/textarea.tsx: Enhanced with ARIA attributes
- src/components/layout/header.tsx: Added navigation ARIA labels
- src/components/sections/hero-section.tsx: Added section labels
- src/components/sections/services-section.tsx: Added section labels
- src/components/ui/loading-skeleton.tsx: New loading state components

Impact:
- WCAG 2.1 AA compliance improvements
- Better screen reader support
- Enhanced keyboard navigation
- Improved user feedback during loading
2026-02-24 00:40:19 +08:00
张翔 e862a68ef0 chore: 更新构建ID和相关文件引用 2026-02-23 21:19:44 +08:00
张翔 25586a5a6c chore: 更新构建ID和相关文件引用 2026-02-23 10:38:29 +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
张翔 8d0f86c365 fix: 修复 lint 错误
- 修复 Input/Textarea 组件中 React Hook 条件调用问题
- 修复 AboutSection 中的引号转义问题
- 更新 Input/Textarea 样式为医疗健康风格
2026-02-23 08:16:36 +08:00
张翔 b32fcdbbdc refactor: 移除主题切换功能,统一使用明亮风格
- 从 Header 移除 ThemeToggle 组件
- 删除 theme-toggle.tsx 文件
- 简化 theme-context.tsx,只保留 light 主题~
2026-02-23 08:04:50 +08:00
张翔 5f0f642ab6 refactor: 更新 Badge 组件为医疗健康风格 2026-02-23 00:10:45 +08:00
张翔 9394cbab1b refactor: 更新 Card 组件为医疗健康风格 2026-02-23 00:09:53 +08:00
张翔 8c7d072d43 refactor: 更新 Button 组件为医疗健康风格 2026-02-23 00:08:40 +08:00
张翔 f27897aa1c feat: 创建数字计数动画组件
- 创建 AnimatedNumber 组件支持平滑计数动画
- 使用 easeOutQuart 缓动函数
- 支持前缀和后缀
- 支持延迟和持续时间配置
- 创建 StatCard 统计卡片组件
- 支持滚动进入视口时触发动画
2026-02-22 15:21:24 +08:00
张翔 c544b81cff feat: 创建粒子效果组件
- 创建 Canvas 粒子动画背景
- 支持自定义粒子数量
- 粒子之间自动连线
- 响应式窗口大小调整
- 科技蓝色粒子效果
2026-02-22 15:19:53 +08:00
张翔 05c0de440e feat: 更新卡片组件样式
- 添加玻璃态背景效果
- 更新边框和阴影样式
- 添加悬停发光效果
- 添加悬停上浮动画
- 统一使用 CSS 变量
2026-02-22 15:11:38 +08:00
张翔 b417e7d708 feat: 更新按钮组件样式
- 更新默认按钮为印章红色
- 添加科技蓝渐变次要按钮
- 更新轮廓按钮样式
- 添加悬停发光效果
- 添加点击缩放反馈
- 优化过渡动画时间
2026-02-22 15:09:55 +08:00
张翔 f88020ee5e feat: 更新色彩系统定义并修复组件类型
- 添加科技蓝、紫色、青色色彩系列
- 更新中性色系列
- 添加渐变色定义
- 创建 GlassCard 组件支持 variant 属性
- 更新 Input 组件支持 label 和 error 属性
- 更新 Textarea 组件支持 label 和 error 属性
- 安装 @radix-ui/react-dialog 依赖
2026-02-22 15:03:10 +08:00
张翔 15e17a8f20 fix: add light/dark mode support with Tailwind dark: prefix 2026-02-21 23:32:47 +08:00
张翔 cbd45e236b feat: enhance badge component with dark tech theme variants 2026-02-21 20:09:02 +08:00
张翔 ec66889e36 feat: enhance input component with dark tech theme styling 2026-02-21 20:07:39 +08:00
张翔 c809b7541a feat: enhance card component with dark tech theme styling 2026-02-21 20:06:49 +08:00
张翔 f99685bf0c feat: enhance button component with dark tech theme variants 2026-02-21 20:05:08 +08:00
张翔 8175c2f035 feat: add dark mode support with theme toggle 2026-02-13 15:17:42 +08:00
张翔 7914decdaf feat: add mobile optimization with hooks and touch components 2026-02-13 14:46:21 +08:00
张翔 718abea089 fix: resolve lint errors in testimonial and insight cards 2026-02-13 14:25:47 +08:00
张翔 8ac0065a06 feat: add testimonials section with testimonial cards 2026-02-13 14:11:19 +08:00
张翔 a42f1f0a90 feat: add insight card component for tech insights section 2026-02-13 14:04:06 +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