Files
陈春 3d68f56a94 feat: 新增作品和动态详情页
 Work 详情页 (/work/[slug]):
- Hero 大图 + 渐变遮罩
- 项目概述、挑战、解决方案
- 项目截图画廊
- 右侧信息卡片(客户、年份、周期、服务)
- 访问项目按钮
- 相关项目推荐
- 返回列表按钮
- 完整中英文内容

 News 详情页 (/news/[slug]):
- Hero 大图 + 渐变遮罩
- 分类标签 + 日期 + 阅读时间 + 作者
- 文章正文(多段落 + 引用 + 图片)
- 分享按钮(Twitter、LinkedIn、复制链接)
- 相关文章推荐
- 返回列表按钮
- 完整中英文内容

🔧 列表页更新:
- work.vue → work/index.vue
- news.vue → news/index.vue
- 卡片链接改为 NuxtLink 到详情页

🌍 国际化:
- 6 个作品详情(中文 + 英文)
- 6 篇文章详情(中文 + 英文)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-03 20:35:02 +08:00

529 lines
26 KiB
JSON
Executable File

{
"app": {
"name": "北极新一",
"brand": "ArcticNewOne",
"description": "Explore infinite possibilities and modern experiences. Welcome to ArcticNewOne."
},
"nav": {
"home": "Home",
"studio": "Studio",
"work": "Work",
"news": "News",
"tools": "Tools",
"contact": "Contact"
},
"tools": {
"title": "Toolbox",
"description": "Explore our curated collection of practical online tools to boost your productivity.",
"items": {
"drawio": "Powerful online diagramming tool for flowcharts, UML, and network topologies.",
"excalidraw": "Hand-drawn style whiteboard tool for easy sketching and collaborative thinking.",
"itTools": "An all-in-one practical tool collection for developers and IT professionals."
},
"visit": "Visit Tool"
},
"home": {
"title": "Home",
"welcome": "Welcome to Arctic New One",
"partners": {
"label": "Partners",
"years": "2011-26©"
},
"work": {
"label": "Portfolio 26©",
"title": "Work",
"viewAll": "View all work",
"items": {
"forma": "Forma Digital",
"oneStep": "One Step",
"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": {
"services": {
"webDesign": "Web Design",
"socialMedia": "Social Media",
"marketing": "Marketing",
"development": "Development",
"seo": "SEO Optimization"
},
"description": "No cookie cutter sites. No empty claims. Only practical tools and smart strategies that drive growth and build brands.",
"letsTalk": "Let's talk"
},
"footer": {
"title": "Crafting visuals. Shaping stories.\nLet's create great work together!",
"collaborate": "Let's Collaborate",
"newsletterTitle": "Be the first to know what's new.",
"emailPlaceholder": "E-mail",
"subscribe": "Subscribe",
"newsletterNote": "No noise. Just curated updates.",
"copyright": "© 2026 ArcticNewOne Studio",
"address": "Binhe West Road, Qixingguan District, Bijie City, Guizhou Province",
"wechat": "WeChat"
},
"work": {
"title": "Our Work",
"description": "Explore our portfolio of creative projects and digital experiences that drive results.",
"categories": {
"all": "All",
"webDesign": "Web Design",
"branding": "Branding",
"development": "Development"
},
"cta": "View Project",
"backToList": "Back to Work",
"detail": {
"overview": "Overview",
"challenge": "Challenge",
"solution": "Solution",
"gallery": "Gallery",
"projectInfo": "Project Info",
"client": "Client",
"year": "Year",
"duration": "Duration",
"services": "Services",
"visitProject": "Visit Project",
"relatedProjects": "Related Projects",
"items": {
"forma-digital": {
"overview": "Forma Digital is a modern e-commerce platform designed to provide a seamless shopping experience. We redesigned the entire user interface with a minimalist design approach, focusing on product showcase and conversion optimization.",
"challenge": "The client needed a platform that could both showcase premium products and deliver a smooth shopping experience. The existing website was slow, had poor mobile experience, and low conversion rates.",
"solution": "We built the platform with React + Next.js, implementing server-side rendering and static generation for blazing fast load times. The product pages feature immersive large-format imagery with smooth animation transitions.",
"client": "Forma Digital Inc.",
"duration": "3 months"
},
"one-step": {
"overview": "One Step is a fitness app focused on building healthy habits. We created a complete brand visual identity system including logo design, UI interface, and marketing materials.",
"challenge": "In the competitive fitness app market, how to stand out through brand design and establish unique brand recognition.",
"solution": "With the core concept of 'one step at a time', we designed a clean and powerful brand identity. Using gradient colors and rounded graphic language to convey health, positivity, and progress.",
"client": "One Step Fitness",
"duration": "2 months"
},
"nero-vision": {
"overview": "Nero Vision is a portfolio management platform for creative professionals, helping designers and artists showcase and manage their work.",
"challenge": "Creative professionals need a platform that can perfectly showcase work while being easy to manage. Existing solutions are either too complex or have poor display quality.",
"solution": "We developed a full-stack application with Vue.js + Node.js, designing an intuitive drag-and-drop portfolio management interface with beautiful display templates.",
"client": "Nero Studio",
"duration": "4 months"
},
"bold-moves": {
"overview": "Bold Moves is an interactive website showcasing innovative architectural designs through 3D visualization technology, letting users experience architecture immersively.",
"challenge": "How to present complex architectural designs in an intuitive and engaging way to general users while maintaining professionalism.",
"solution": "We used Three.js for high-quality 3D rendering with smooth interactive design, allowing users to appreciate architectural details from any angle, with lighting effects and material displays.",
"client": "Bold Moves Architecture",
"duration": "5 months"
},
"echo-labs": {
"overview": "Echo Labs is an AI tech startup. We created a complete brand visual identity system and corporate website for them.",
"challenge": "AI brands need to convey both technology and humanity, avoiding being too cold or technical.",
"solution": "With the concept of 'echo', we designed a dynamic brand identity. Using dark themes with gradient colors for a tech feel, while rounded graphic language adds approachability.",
"client": "Echo Labs AI",
"duration": "3 months"
},
"flux-api": {
"overview": "Flux API is a scalable REST API service platform with comprehensive documentation and developer tools to help developers integrate quickly.",
"challenge": "API documentation and developer experience are core competitive advantages. How to make complex APIs easy to understand and use.",
"solution": "We designed interactive API documentation with online testing and code generation. Multi-language SDKs and detailed tutorials significantly reduce the learning curve for developers.",
"client": "Flux Technologies",
"duration": "6 months"
}
}
}
},
"studio": {
"title": "About Studio",
"description": "We are a creative studio focused on crafting meaningful digital experiences.",
"mission": {
"title": "Our Mission",
"content": "To create exceptional digital experiences that inspire, engage, and deliver measurable results for our clients."
},
"values": {
"title": "Core Values",
"creativity": "Creativity",
"creativityDesc": "Innovation and original thinking in every project.",
"quality": "Quality",
"qualityDesc": "Commitment to excellence in design and development.",
"collaboration": "Collaboration",
"collaborationDesc": "Partnership with clients to achieve shared goals.",
"integrity": "Integrity",
"integrityDesc": "Honest communication and transparent processes."
},
"team": {
"title": "Our Team",
"description": "A diverse group of talented designers, developers, and strategists."
}
},
"contact": {
"title": "Get In Touch",
"description": "Ready to start your next project? Let's talk about how we can help bring your vision to life.",
"form": {
"name": "Your Name",
"email": "Email Address",
"subject": "Subject",
"message": "Your Message",
"send": "Send Message",
"sending": "Sending...",
"sent": "Sent!",
"retry": "Try Again",
"successMessage": "Message sent successfully! We will get back to you soon.",
"errorMessage": "Failed to send message. Please try again or contact us directly."
},
"info": {
"email": "chenchun{'@'}virtheart.com",
"wechat": "WeChat",
"wechatId": "LucskyNew",
"address": "Binhe West Road, Qixingguan District\nBijie City, Guizhou Province",
"social": "Follow Us"
}
},
"news": {
"title": "News & Updates",
"description": "Stay informed with our latest insights, project updates, and industry trends.",
"readMore": "Read More",
"backToList": "Back to News",
"categories": {
"all": "All Posts",
"insights": "Insights",
"projects": "Projects",
"announcements": "Announcements"
},
"detail": {
"shareArticle": "Share Article",
"relatedArticles": "Related Articles",
"items": {
"design-trends-2026": {
"content": "In 2026, the design industry is undergoing a profound transformation. From the return of minimalism to the rise of bold typography, from the普及 of 3D elements to the maturity of AI-assisted design, these trends are redefining the boundaries of digital experiences.",
"section1Title": "The Return of Minimalism",
"section1Content": "In an age of information overload, users increasingly渴望 clean, clear interfaces. 2026's minimalism isn't just 'less is more' — it's about delivering more value in limited space through careful information architecture and visual hierarchy.",
"quote": "Good design isn't about adding more, it's about removing the unnecessary. In 2026, this matters more than ever.",
"section2Title": "Bold Typography & Dynamic Text",
"section2Content": "Typography is moving from supporting actor to leading role. Large, high-contrast font designs are becoming important brand expression tools. Dynamic text effects are making typography a living, interactive element rather than static decoration.",
"section3Title": "Maturity of AI-Assisted Design",
"section3Content": "AI tools are shifting from 'replacing designers' to 'empowering designers.' Smart layout suggestions, automated color schemes, and real-time design feedback let designers focus on creativity and strategy rather than repetitive execution."
},
"forma-digital-launch": {
"content": "After three months of careful crafting, we're excited to announce the official launch of the Forma Digital e-commerce platform! This project is one of our team's most challenging works to date.",
"section1Title": "Project Background",
"section1Content": "Forma Digital is an e-commerce brand focusing on premium home goods. They needed a platform that could perfectly showcase product quality while delivering a smooth shopping experience.",
"quote": "The ArcticNewOne team not only understood our needs but exceeded our expectations. After the new platform launched, our conversion rate increased by 45%.",
"section2Title": "Technical Highlights",
"section2Content": "We used React + Next.js for server-side rendering and static generation. Through lazy loading, code splitting, and CDN acceleration, we reduced first load time from 4.5s to 1.2s.",
"section3Title": "Results",
"section3Content": "After launch, user停留 time increased by 60%, bounce rate decreased by 35%, and conversion rate improved by 45%."
},
"studio-expansion": {
"content": "With continued business growth and increasing client demand, we're excited to announce the official expansion of ArcticNewOne Studio!",
"section1Title": "Team Growth",
"section1Content": "We're adding 5 senior designers and 3 senior developers covering frontend, backend, UI/UX, and more. All new members have extensive industry experience.",
"quote": "Talent is our most valuable asset. By expanding our team, we can take on more projects while maintaining consistent high-quality delivery.",
"section2Title": "Service Upgrade",
"section2Content": "In addition to existing services, we're adding data visualization, AI application development, AR/VR experience design, and other cutting-edge services.",
"section3Title": "Looking Ahead",
"section3Content": "We plan to complete 50+ projects and serve 30+ new clients in the coming year while continuing to explore new possibilities."
},
"ux-research-methods": {
"content": "UX research is the foundation of design decisions. In 2026, as technology evolves and user behaviors change, UX research methods continue to advance.",
"section1Title": "Remote User Testing",
"section1Content": "Remote user testing has become mainstream. Through professional platforms, we can recruit test users globally and gather broader feedback in less time.",
"quote": "Remote testing not only reduces costs but more importantly lets us access more authentic user scenarios.",
"section2Title": "Behavioral Data Analysis",
"section2Content": "Through heatmaps, scroll depth, click streams, and other behavioral data, we can objectively understand how users interact with products.",
"section3Title": "AI-Assisted Analysis",
"section3Content": "AI tools help us analyze user feedback more efficiently. Sentiment analysis, topic clustering, and trend prediction help extract valuable insights from massive data."
},
"bold-moves-case-study": {
"content": "Bold Moves is an interactive website showcasing innovative architectural designs. This article provides an in-depth look at the design思路, technical implementation, and final results.",
"section1Title": "Design Philosophy",
"section1Content": "Bold Moves wanted to showcase architectural beauty digitally. We decided to use 3D visualization to let users appreciate architectural details from any angle.",
"quote": "We didn't just want a showcase website — we wanted a digital space where users could 'walk into' the architecture.",
"section2Title": "Technical Challenges",
"section2Content": "High-quality 3D rendering requires significant computing power, but web performance is limited. We achieved smooth interactions through model optimization, LOD techniques, and WebGL rendering.",
"section3Title": "Final Results",
"section3Content": "The project received widespread acclaim and won multiple design awards. Average user停留 time exceeded 5 minutes, well above industry average."
},
"new-tools-integration": {
"content": "To better serve our clients, we continuously expand and improve our toolbox. Recently, we've added several practical tools covering design, development, collaboration, and more.",
"section1Title": "Design Tool Upgrades",
"section1Content": "We've引入 the latest design collaboration platform supporting real-time multi-person editing, version management, and design system integration.",
"quote": "Good tools significantly boost team efficiency. The right toolchain is key to delivering quality work.",
"section2Title": "Development Tool Enhancements",
"section2Content": "Added automated testing frameworks, performance monitoring tools, and code quality checks to help identify and resolve issues during development.",
"section3Title": "Collaboration Tool Optimization",
"section3Content": "We upgraded our project management platform with new Kanban views, time tracking, and resource allocation features for better project oversight."
}
}
}
},
"auth": {
"login": "Login",
"logout": "Logout",
"loginDescription": "Welcome back! Please login to your account.",
"account": "Account",
"accountPlaceholder": "Username / Email / Phone",
"password": "Password",
"passwordPlaceholder": "Enter your password",
"loginButton": "Login",
"loggingIn": "Logging in...",
"loginError": "Login failed. Please check your credentials.",
"demoHint": "Demo: Use any account and password to login",
"noAccount": "Don't have an account?",
"createAccount": "Sign Up",
"register": "Sign Up",
"registerDescription": "Create your account to get started.",
"username": "Username",
"usernamePlaceholder": "Enter your username",
"email": "Email",
"emailPlaceholder": "Enter your email address",
"phone": "Phone",
"phonePlaceholder": "Enter your phone (optional)",
"confirmPassword": "Confirm Password",
"confirmPasswordPlaceholder": "Enter your password again",
"registerButton": "Sign Up",
"registering": "Signing up...",
"registerError": "Registration failed. Please try again.",
"registerSuccess": "Registration successful! Logging you in...",
"passwordMismatch": "Passwords do not match",
"invalidPhone": "Invalid phone number format",
"alreadyHaveAccount": "Already have an account?",
"backToLogin": "Back to Login"
}
}