feat: 扩展首页内容，新增7个高级动画板块
✨ 新增首页板块: - HomeServices: 服务能力展示（3D卡片翻转 + 视差移动） - HomeAchievements: 数字成就展示（数字滚动 + 粒子背景） - HomeTestimonials: 客户评价轮播（3D轮播 + 拖拽交互） - HomeTechStack: 技术栈展示（3D球体 + 鼠标控制旋转） - HomeProcess: 创意流程时间线（横向滚动 + SVG线条动画） - HomeUpdates: 最新动态网格（Bento布局 + 悬浮卡片） - HomeCTA: 全屏CTA区域（文字分裂动画 + 星空粒子） 🎨 设计亮点: - 每个板块独特的动画效果（翻转、滚动、拖拽、旋转、绘制） - 避免传统布局，采用创意设计 - 丰富的交互效果（hover、拖拽、视差） - Canvas粒子动画和SVG路径动画 - 响应式设计，完美适配移动端 🌍 国际化: - 完整的中英文内容 - 涵盖所有新板块的文案 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
陈春
@@ -39,6 +39,242 @@
|
||||
"neroVision": "Nero Vision",
|
||||
"boldMoves": "Bold Moves"
|
||||
}
|
||||
},
|
||||
"services": {
|
||||
"title": "Our Services",
|
||||
"subtitle": "From strategy to execution, we deliver comprehensive digital solutions",
|
||||
"items": {
|
||||
"webDesign": {
|
||||
"title": "Web Design",
|
||||
"brief": "Crafting visually stunning digital experiences",
|
||||
"description": "We create modern, responsive website designs that perfectly blend aesthetics with functionality to enhance brand value.",
|
||||
"features": {
|
||||
"0": "Responsive Design",
|
||||
"1": "UX Optimization",
|
||||
"2": "Visual Branding"
|
||||
}
|
||||
},
|
||||
"development": {
|
||||
"title": "Development",
|
||||
"brief": "Building high-performance digital products",
|
||||
"description": "Develop scalable, high-performance web applications using the latest tech stack, ensuring code quality and security.",
|
||||
"features": {
|
||||
"0": "Frontend Dev",
|
||||
"1": "Backend Architecture",
|
||||
"2": "API Integration"
|
||||
}
|
||||
},
|
||||
"branding": {
|
||||
"title": "Branding",
|
||||
"brief": "Creating unique brand identities",
|
||||
"description": "Craft memorable brand identities and visual systems that communicate brand values and build emotional connections.",
|
||||
"features": {
|
||||
"0": "Logo Design",
|
||||
"1": "Brand Guidelines",
|
||||
"2": "Visual Identity"
|
||||
}
|
||||
},
|
||||
"marketing": {
|
||||
"title": "Digital Marketing",
|
||||
"brief": "Growth-driven marketing strategies",
|
||||
"description": "Develop data-driven marketing strategies to increase brand awareness and acquire more potential customers.",
|
||||
"features": {
|
||||
"0": "Content Marketing",
|
||||
"1": "Social Media",
|
||||
"2": "Ad Campaigns"
|
||||
}
|
||||
},
|
||||
"seo": {
|
||||
"title": "SEO Optimization",
|
||||
"brief": "Boost search engine rankings",
|
||||
"description": "Comprehensive SEO services to improve website visibility and drive more organic traffic.",
|
||||
"features": {
|
||||
"0": "Keyword Research",
|
||||
"1": "Technical SEO",
|
||||
"2": "Content Strategy"
|
||||
}
|
||||
},
|
||||
"consulting": {
|
||||
"title": "Strategic Consulting",
|
||||
"brief": "Professional digital consulting services",
|
||||
"description": "Provide strategic planning, technology selection, and digital transformation consulting to help businesses make informed decisions.",
|
||||
"features": {
|
||||
"0": "Digital Strategy",
|
||||
"1": "Tech Consulting",
|
||||
"2": "Business Analysis"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"achievements": {
|
||||
"items": {
|
||||
"projects": {
|
||||
"title": "Successful Projects",
|
||||
"description": "We've successfully delivered over 150 high-quality projects across various industries, earning client trust."
|
||||
},
|
||||
"clients": {
|
||||
"title": "Global Clients",
|
||||
"description": "Serving 85+ clients worldwide, from startups to large enterprises, building long-term partnerships."
|
||||
},
|
||||
"experience": {
|
||||
"title": "Industry Experience",
|
||||
"description": "12 years of deep expertise in the digital realm, staying ahead of industry trends with cutting-edge solutions."
|
||||
},
|
||||
"satisfaction": {
|
||||
"title": "Client Satisfaction",
|
||||
"description": "98% client satisfaction rate, driven by our commitment to quality and deep understanding of client needs."
|
||||
}
|
||||
}
|
||||
},
|
||||
"testimonials": {
|
||||
"title": "Client Testimonials",
|
||||
"subtitle": "Hear what our clients have to say about us",
|
||||
"items": {
|
||||
"client1": {
|
||||
"name": "Alex Chen",
|
||||
"role": "CEO, Tech Company",
|
||||
"content": "Working with ArcticNewOne was an amazing experience. Their professionalism and creative thinking exceeded our expectations."
|
||||
},
|
||||
"client2": {
|
||||
"name": "Sarah Li",
|
||||
"role": "Founder, E-commerce",
|
||||
"content": "The team is incredibly professional, from design to development. The project was delivered on time with excellent quality!"
|
||||
},
|
||||
"client3": {
|
||||
"name": "Michael Wang",
|
||||
"role": "Brand Director",
|
||||
"content": "They truly understood our brand needs and created stunning designs. Collaboration was smooth and communication efficient."
|
||||
},
|
||||
"client4": {
|
||||
"name": "Emily Zhao",
|
||||
"role": "Marketing Manager",
|
||||
"content": "ArcticNewOne helped us complete our digital transformation. Website traffic increased by 300% and conversion rates soared."
|
||||
},
|
||||
"client5": {
|
||||
"name": "David Liu",
|
||||
"role": "Product Lead",
|
||||
"content": "From strategic planning to execution, every step was meticulously handled. One of the most professional teams I've worked with."
|
||||
}
|
||||
}
|
||||
},
|
||||
"process": {
|
||||
"title": "Our Process",
|
||||
"subtitle": "Our six-step creative process ensures successful project delivery",
|
||||
"scrollHint": "Scroll horizontally",
|
||||
"steps": {
|
||||
"discovery": {
|
||||
"title": "Discovery",
|
||||
"description": "Deep dive into your business goals, target audience, and competitive landscape to build a solid foundation.",
|
||||
"points": {
|
||||
"0": "Requirements Analysis",
|
||||
"1": "Market Research",
|
||||
"2": "Competitive Analysis"
|
||||
}
|
||||
},
|
||||
"strategy": {
|
||||
"title": "Strategy",
|
||||
"description": "Develop detailed project strategy including technology selection, feature planning, and timeline.",
|
||||
"points": {
|
||||
"0": "Strategic Planning",
|
||||
"1": "Feature Planning",
|
||||
"2": "Tech Selection"
|
||||
}
|
||||
},
|
||||
"design": {
|
||||
"title": "Design",
|
||||
"description": "Create visually compelling designs with excellent user experience that reflect brand values.",
|
||||
"points": {
|
||||
"0": "UI Design",
|
||||
"1": "UX Optimization",
|
||||
"2": "Prototyping"
|
||||
}
|
||||
},
|
||||
"development": {
|
||||
"title": "Development",
|
||||
"description": "Build with modern tech stack, ensuring code quality, performance, and security.",
|
||||
"points": {
|
||||
"0": "Frontend Dev",
|
||||
"1": "Backend Dev",
|
||||
"2": "API Integration"
|
||||
}
|
||||
},
|
||||
"testing": {
|
||||
"title": "Testing",
|
||||
"description": "Comprehensive testing including functional, performance, and compatibility testing.",
|
||||
"points": {
|
||||
"0": "Functional Testing",
|
||||
"1": "Performance Tuning",
|
||||
"2": "Bug Fixing"
|
||||
}
|
||||
},
|
||||
"launch": {
|
||||
"title": "Launch",
|
||||
"description": "Deploy to production, provide training and technical support for smooth operation.",
|
||||
"points": {
|
||||
"0": "Deployment",
|
||||
"1": "User Training",
|
||||
"2": "Ongoing Support"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"techStack": {
|
||||
"title": "Tech Stack",
|
||||
"subtitle": "We use cutting-edge technologies and tools to build exceptional digital products.",
|
||||
"categories": {
|
||||
"frontend": {
|
||||
"title": "Frontend Tech",
|
||||
"description": "Modern frameworks like React, Vue, and Nuxt for seamless experiences"
|
||||
},
|
||||
"backend": {
|
||||
"title": "Backend Tech",
|
||||
"description": "Node.js, Python and more to build stable and reliable services"
|
||||
},
|
||||
"design": {
|
||||
"title": "Design Tools",
|
||||
"description": "Professional tools like Figma and Sketch to create visual art"
|
||||
}
|
||||
}
|
||||
},
|
||||
"updates": {
|
||||
"title": "Latest Updates",
|
||||
"subtitle": "Explore our latest projects, blog posts, and industry insights",
|
||||
"viewAll": "View All Updates",
|
||||
"categories": {
|
||||
"project": "Project",
|
||||
"blog": "Blog",
|
||||
"news": "News"
|
||||
},
|
||||
"items": {
|
||||
"project1": {
|
||||
"title": "Brand Redesign: Modern E-commerce Platform",
|
||||
"description": "Created a new brand identity and user experience for a leading e-commerce platform, boosting conversion by 45%."
|
||||
},
|
||||
"blog1": {
|
||||
"title": "Web Design Trends in 2026"
|
||||
},
|
||||
"news1": {
|
||||
"title": "Awarded Best Design Studio"
|
||||
},
|
||||
"project2": {
|
||||
"title": "AI-Powered Recommendation System",
|
||||
"description": "Developed an innovative AI recommendation engine for personalized experiences."
|
||||
},
|
||||
"blog2": {
|
||||
"title": "How to Boost Website Performance"
|
||||
},
|
||||
"news2": {
|
||||
"title": "Team Expands to 50 Members"
|
||||
}
|
||||
}
|
||||
},
|
||||
"cta": {
|
||||
"titleLine1": "Ready to Start",
|
||||
"titleLine2": "Your Project?",
|
||||
"subtitle": "Let's bring your ideas to life and create amazing digital experiences together",
|
||||
"primaryButton": "Get In Touch",
|
||||
"secondaryButton": "View Work",
|
||||
"scrollDown": "Scroll Down"
|
||||
}
|
||||
},
|
||||
"hero": {
|
||||
|
||||
@@ -39,6 +39,242 @@
|
||||
"neroVision": "Nero Vision",
|
||||
"boldMoves": "Bold Moves"
|
||||
}
|
||||
},
|
||||
"services": {
|
||||
"title": "我们的服务",
|
||||
"subtitle": "从策略到执行，我们提供全方位的数字化解决方案",
|
||||
"items": {
|
||||
"webDesign": {
|
||||
"title": "网页设计",
|
||||
"brief": "打造视觉震撼的数字体验",
|
||||
"description": "我们创建现代化、响应式的网站设计，将美学与功能完美结合，提升品牌价值。",
|
||||
"features": {
|
||||
"0": "响应式设计",
|
||||
"1": "用户体验优化",
|
||||
"2": "视觉品牌塑造"
|
||||
}
|
||||
},
|
||||
"development": {
|
||||
"title": "程序开发",
|
||||
"brief": "构建高性能的数字产品",
|
||||
"description": "使用最新技术栈开发可扩展、高性能的 Web 应用，确保代码质量和安全性。",
|
||||
"features": {
|
||||
"0": "前端开发",
|
||||
"1": "后端架构",
|
||||
"2": "API 集成"
|
||||
}
|
||||
},
|
||||
"branding": {
|
||||
"title": "品牌设计",
|
||||
"brief": "塑造独特的品牌形象",
|
||||
"description": "打造令人难忘的品牌标识和视觉系统，传达品牌价值，建立情感连接。",
|
||||
"features": {
|
||||
"0": "LOGO 设计",
|
||||
"1": "品牌指南",
|
||||
"2": "视觉识别系统"
|
||||
}
|
||||
},
|
||||
"marketing": {
|
||||
"title": "数字营销",
|
||||
"brief": "驱动业务增长的营销策略",
|
||||
"description": "制定数据驱动的营销策略，提升品牌知名度，获取更多潜在客户。",
|
||||
"features": {
|
||||
"0": "内容营销",
|
||||
"1": "社交媒体",
|
||||
"2": "广告投放"
|
||||
}
|
||||
},
|
||||
"seo": {
|
||||
"title": "SEO 优化",
|
||||
"brief": "提升搜索引擎排名",
|
||||
"description": "全面的 SEO 优化服务，提高网站可见性，带来更多自然流量。",
|
||||
"features": {
|
||||
"0": "关键词研究",
|
||||
"1": "技术优化",
|
||||
"2": "内容策略"
|
||||
}
|
||||
},
|
||||
"consulting": {
|
||||
"title": "战略咨询",
|
||||
"brief": "专业的数字化咨询服务",
|
||||
"description": "提供战略规划、技术选型和数字化转型咨询，帮助企业做出明智决策。",
|
||||
"features": {
|
||||
"0": "数字化战略",
|
||||
"1": "技术咨询",
|
||||
"2": "业务分析"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"achievements": {
|
||||
"items": {
|
||||
"projects": {
|
||||
"title": "成功项目",
|
||||
"description": "我们已经成功交付超过 150 个高质量项目，涵盖各行各业，赢得客户信赖。"
|
||||
},
|
||||
"clients": {
|
||||
"title": "合作客户",
|
||||
"description": "服务全球 85+ 客户，从初创公司到大型企业，建立长期合作关系。"
|
||||
},
|
||||
"experience": {
|
||||
"title": "行业经验",
|
||||
"description": "12 年深耕数字领域，积累丰富经验，紧跟行业趋势，提供前沿解决方案。"
|
||||
},
|
||||
"satisfaction": {
|
||||
"title": "客户满意度",
|
||||
"description": "98% 的客户满意度，源于我们对品质的执着追求和对客户需求的深刻理解。"
|
||||
}
|
||||
}
|
||||
},
|
||||
"testimonials": {
|
||||
"title": "客户评价",
|
||||
"subtitle": "听听客户对我们的真实评价",
|
||||
"items": {
|
||||
"client1": {
|
||||
"name": "张伟",
|
||||
"role": "科技公司 CEO",
|
||||
"content": "与北极新一合作是一次非常愉快的体验。他们的专业能力和创意思维让我们的项目超出了预期。"
|
||||
},
|
||||
"client2": {
|
||||
"name": "李娜",
|
||||
"role": "电商平台创始人",
|
||||
"content": "团队非常专业，从设计到开发都展现出极高的水准。项目按时交付，质量优秀，强烈推荐！"
|
||||
},
|
||||
"client3": {
|
||||
"name": "王强",
|
||||
"role": "品牌总监",
|
||||
"content": "他们真正理解我们的品牌需求，创造出令人惊艳的设计。合作过程顺畅，沟通高效。"
|
||||
},
|
||||
"client4": {
|
||||
"name": "赵敏",
|
||||
"role": "市场部经理",
|
||||
"content": "北极新一帮助我们完成了数字化转型，网站流量提升了 300%，转化率也大幅提高。"
|
||||
},
|
||||
"client5": {
|
||||
"name": "刘洋",
|
||||
"role": "产品负责人",
|
||||
"content": "从战略规划到执行落地，每个环节都做得非常细致。这是我合作过最专业的团队之一。"
|
||||
}
|
||||
}
|
||||
},
|
||||
"process": {
|
||||
"title": "工作流程",
|
||||
"subtitle": "我们的六步创意流程，确保项目成功交付",
|
||||
"scrollHint": "横向滚动查看",
|
||||
"steps": {
|
||||
"discovery": {
|
||||
"title": "需求挖掘",
|
||||
"description": "深入了解您的业务目标、目标受众和竞争环境，为项目奠定坚实基础。",
|
||||
"points": {
|
||||
"0": "需求分析",
|
||||
"1": "市场调研",
|
||||
"2": "竞品分析"
|
||||
}
|
||||
},
|
||||
"strategy": {
|
||||
"title": "策略规划",
|
||||
"description": "制定详细的项目策略，包括技术选型、功能规划和时间安排。",
|
||||
"points": {
|
||||
"0": "战略制定",
|
||||
"1": "功能规划",
|
||||
"2": "技术选型"
|
||||
}
|
||||
},
|
||||
"design": {
|
||||
"title": "创意设计",
|
||||
"description": "打造视觉吸引力强、用户体验优秀的设计方案，体现品牌价值。",
|
||||
"points": {
|
||||
"0": "UI 设计",
|
||||
"1": "UX 优化",
|
||||
"2": "原型制作"
|
||||
}
|
||||
},
|
||||
"development": {
|
||||
"title": "技术开发",
|
||||
"description": "使用现代技术栈进行开发，确保代码质量、性能和安全性。",
|
||||
"points": {
|
||||
"0": "前端开发",
|
||||
"1": "后端开发",
|
||||
"2": "API 集成"
|
||||
}
|
||||
},
|
||||
"testing": {
|
||||
"title": "质量测试",
|
||||
"description": "全面的测试流程，包括功能测试、性能测试和兼容性测试。",
|
||||
"points": {
|
||||
"0": "功能测试",
|
||||
"1": "性能优化",
|
||||
"2": "Bug 修复"
|
||||
}
|
||||
},
|
||||
"launch": {
|
||||
"title": "上线部署",
|
||||
"description": "项目上线部署，提供培训和技术支持，确保平稳运行。",
|
||||
"points": {
|
||||
"0": "部署上线",
|
||||
"1": "用户培训",
|
||||
"2": "持续支持"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"techStack": {
|
||||
"title": "技术栈",
|
||||
"subtitle": "我们使用最前沿的技术和工具，为客户打造卓越的数字产品。",
|
||||
"categories": {
|
||||
"frontend": {
|
||||
"title": "前端技术",
|
||||
"description": "React、Vue、Nuxt 等现代框架，打造流畅用户体验"
|
||||
},
|
||||
"backend": {
|
||||
"title": "后端技术",
|
||||
"description": "Node.js、Python 等技术栈，构建稳定可靠的服务"
|
||||
},
|
||||
"design": {
|
||||
"title": "设计工具",
|
||||
"description": "Figma、Sketch 等专业工具，创造视觉艺术"
|
||||
}
|
||||
}
|
||||
},
|
||||
"updates": {
|
||||
"title": "最新动态",
|
||||
"subtitle": "探索我们最新的项目、博客文章和行业洞察",
|
||||
"viewAll": "查看全部动态",
|
||||
"categories": {
|
||||
"project": "项目",
|
||||
"blog": "博客",
|
||||
"news": "新闻"
|
||||
},
|
||||
"items": {
|
||||
"project1": {
|
||||
"title": "品牌重塑：现代电商平台设计",
|
||||
"description": "为领先的电商平台打造全新品牌形象和用户体验，提升转化率 45%。"
|
||||
},
|
||||
"blog1": {
|
||||
"title": "2026 年 Web 设计趋势"
|
||||
},
|
||||
"news1": {
|
||||
"title": "公司荣获最佳设计奖"
|
||||
},
|
||||
"project2": {
|
||||
"title": "AI 驱动的智能推荐系统",
|
||||
"description": "开发创新的 AI 推荐引擎，个性化用户体验。"
|
||||
},
|
||||
"blog2": {
|
||||
"title": "如何提升网站性能"
|
||||
},
|
||||
"news2": {
|
||||
"title": "团队规模扩大至 50 人"
|
||||
}
|
||||
}
|
||||
},
|
||||
"cta": {
|
||||
"titleLine1": "准备好开始",
|
||||
"titleLine2": "您的项目了吗？",
|
||||
"subtitle": "让我们一起将您的想法变为现实，创造令人惊叹的数字体验",
|
||||
"primaryButton": "联系我们",
|
||||
"secondaryButton": "查看作品",
|
||||
"scrollDown": "继续滚动"
|
||||
}
|
||||
},
|
||||
"hero": {
|
||||
|
||||
Reference in New Issue
Block a user