feat(home): redesign homepage into refined full-screen hero flow

This commit is contained in:
zguiyang
2026-03-13 16:08:02 +08:00
parent 98d9535e61
commit a85e9f57ba
3 changed files with 485 additions and 1208 deletions

View File

@@ -82,6 +82,68 @@ export const translations = {
learnMore: 'Learn More About Me',
toolbox: 'My Toolbox',
},
home: {
hero: {
eyebrow: 'Personal Brand',
summary: 'I design and build reliable digital products with clear user value, strong engineering foundations, and practical AI integration.',
ctaPrimary: 'About Me',
ctaSecondary: 'Work With Me',
terminalStatus: 'Open to remote roles and project collaboration',
},
trust: {
item1: 'Remote Ready',
item2: 'Async Friendly Collaboration',
item3: 'Product + Engineering Mindset',
item4: 'Stable Delivery Rhythm',
},
metrics: {
item1: 'Focused on long-term product quality',
item2: 'Strong in TypeScript, React, and Node.js',
item3: 'Comfortable with AI-enabled product workflows',
item4: 'Available for freelance and full-time opportunities',
},
services: {
eyebrow: 'What I Deliver',
title: 'Services',
description: 'Practical technical support from strategy to execution.',
},
career: {
eyebrow: 'Career Snapshot',
title: 'Career Highlights',
description: 'Mock milestones for layout. Real details can be swapped in later.',
cta: 'View Full Resume',
card1: {
period: '2024 — Now',
title: 'AI Product Builder · Independent',
outcome: 'Built and iterated AI-first product concepts with fast prototyping and clear product direction.',
},
card2: {
period: '2021 — 2024',
title: 'Senior Frontend Engineer · Remote Team',
outcome: 'Led core front-end modules and improved team delivery efficiency through reusable architecture.',
},
card3: {
period: '2018 — 2021',
title: 'Full-stack Engineer · Growth Stage Startup',
outcome: 'Delivered multiple customer-facing features across web stack and supported stable product growth.',
},
},
featured: {
eyebrow: 'Featured Work',
title: 'Representative Project',
challenge: 'Challenge',
approach: 'Approach',
outcome: 'Outcome',
ctaPrimary: 'View Project',
ctaSecondary: 'See More Opportunities',
},
final: {
title: 'Open to Meaningful Work',
description: 'If you are building quality products and need reliable execution, I would love to connect.',
ctaPrimary: 'Know Me Better',
ctaSecondary: 'Start a Conversation',
},
},
},
zh: {
nav: {
@@ -160,6 +222,68 @@ export const translations = {
learnMore: '了解更多',
toolbox: '我的工具箱',
},
home: {
hero: {
eyebrow: '个人品牌',
summary: '我专注于打造可靠且有业务价值的数字产品,兼顾工程质量、产品思维与 AI 实践落地。',
ctaPrimary: '了解我',
ctaSecondary: '合作咨询',
terminalStatus: '可远程合作,开放全职与项目机会',
},
trust: {
item1: '支持远程协作',
item2: '擅长异步协作流程',
item3: '产品与工程双视角',
item4: '稳定可预期的交付节奏',
},
metrics: {
item1: '重视长期可维护的产品质量',
item2: '核心技术栈 TypeScript / React / Node.js',
item3: '具备 AI 产品化与工程化经验',
item4: '可承接项目合作与全职机会',
},
services: {
eyebrow: '可交付能力',
title: '服务方向',
description: '从技术方案到落地交付,提供务实可靠的支持。',
},
career: {
eyebrow: '履历速览',
title: '关键经历',
description: '当前为布局示例数据,后续可替换为你的真实履历。',
cta: '查看完整履历',
card1: {
period: '2024 — 至今',
title: 'AI 产品构建者 · 独立开发',
outcome: '围绕 AI 场景进行产品探索与快速原型迭代,持续验证方向与可行性。',
},
card2: {
period: '2021 — 2024',
title: '高级前端工程师 · 远程团队',
outcome: '负责核心前端模块建设,通过可复用架构提升团队交付效率与稳定性。',
},
card3: {
period: '2018 — 2021',
title: '全栈工程师 · 成长期团队',
outcome: '完成多项面向用户的功能交付,覆盖前后端协作并支撑产品稳定增长。',
},
},
featured: {
eyebrow: '代表作品',
title: '精选项目',
challenge: '挑战',
approach: '方案',
outcome: '结果',
ctaPrimary: '查看项目',
ctaSecondary: '了解合作方式',
},
final: {
title: '期待长期且有价值的合作',
description: '如果你也在构建高质量产品,并需要稳定执行与协作,我很乐意进一步沟通。',
ctaPrimary: '进一步了解我',
ctaSecondary: '发起沟通',
},
},
},
} as const;