291 lines
13 KiB
TypeScript
291 lines
13 KiB
TypeScript
import ServerHeader from '@/app/components/ServerHeader';
|
||
import Footer from '@/app/components/Footer';
|
||
|
||
interface AboutServerComponentProps {
|
||
locale: string;
|
||
}
|
||
|
||
// 关于我们页面翻译数据
|
||
const aboutTranslations = {
|
||
'zh-CN': {
|
||
nav: {
|
||
home: '首页',
|
||
products: '产品与服务',
|
||
news: '新闻资讯',
|
||
support: '客户支持',
|
||
about: '关于我们',
|
||
contact: '联系我们',
|
||
},
|
||
title: '关于我们',
|
||
subtitle: '专业的AWS云服务提供商，助力企业数字化转型',
|
||
company: {
|
||
name: '合肥懂云信息科技有限公司',
|
||
founded: '2020年',
|
||
employees: '50+',
|
||
customers: '500+',
|
||
description:
|
||
'合肥懂云信息科技有限公司成立于2020年，是一家专注于云计算服务的高新技术企业。作为AWS的官方合作伙伴，我们致力于为企业提供专业、可靠的云计算解决方案，帮助企业实现数字化转型。',
|
||
},
|
||
mission: {
|
||
title: '我们的使命',
|
||
content:
|
||
'让每个企业都能享受到专业、安全、高效的云计算服务，推动企业数字化转型，创造更大的商业价值。',
|
||
},
|
||
vision: {
|
||
title: '我们的愿景',
|
||
content:
|
||
'成为中国领先的云计算服务提供商，为企业数字化转型提供最优质的技术支持和服务保障。',
|
||
},
|
||
values: {
|
||
title: '核心价值观',
|
||
items: [
|
||
{
|
||
title: '客户至上',
|
||
description: '始终以客户需求为导向，提供超越期望的服务体验',
|
||
},
|
||
{
|
||
title: '技术领先',
|
||
description: '持续投入技术研发，保持行业领先的技术水平',
|
||
},
|
||
{
|
||
title: '诚信合作',
|
||
description: '以诚待人，与客户、合作伙伴建立长期信任关系',
|
||
},
|
||
{
|
||
title: '持续创新',
|
||
description: '不断探索新技术，为客户创造更大价值',
|
||
},
|
||
],
|
||
},
|
||
footer: {
|
||
sections: [
|
||
{
|
||
title: '目录',
|
||
items: ['首页', '产品与服务', '新闻资讯', '客户支持', '关于我们'],
|
||
},
|
||
{
|
||
title: '热门产品',
|
||
items: ['轻量云服务器', '站群服务器', 'EC2服务器', '高防服务器', 'S3云存储'],
|
||
},
|
||
{ title: '客户支持', items: ['技术支持', '在线客服', '帮助文档', '服务状态'] },
|
||
{ title: '公司信息', items: ['关于我们', '联系我们', '隐私政策', '服务条款'] },
|
||
],
|
||
},
|
||
},
|
||
'zh-TW': {
|
||
nav: {
|
||
home: '首頁',
|
||
products: '產品與服務',
|
||
news: '新聞資訊',
|
||
support: '客戶支持',
|
||
about: '關於我們',
|
||
contact: '聯繫我們',
|
||
},
|
||
title: '關於我們',
|
||
subtitle: '專業的AWS雲服務提供商，助力企業數字化轉型',
|
||
company: {
|
||
name: '合肥懂雲信息科技有限公司',
|
||
founded: '2020年',
|
||
employees: '50+',
|
||
customers: '500+',
|
||
description:
|
||
'合肥懂雲信息科技有限公司成立於2020年，是一家專注於雲計算服務的高新技術企業。作為AWS的官方合作夥伴，我們致力於為企業提供專業、可靠的雲計算解決方案，幫助企業實現數字化轉型。',
|
||
},
|
||
mission: {
|
||
title: '我們的使命',
|
||
content:
|
||
'讓每個企業都能享受到專業、安全、高效的雲計算服務，推動企業數字化轉型，創造更大的商業價值。',
|
||
},
|
||
vision: {
|
||
title: '我們的願景',
|
||
content:
|
||
'成為中國領先的雲計算服務提供商，為企業數字化轉型提供最優質的技術支持和服務保障。',
|
||
},
|
||
values: {
|
||
title: '核心價值觀',
|
||
items: [
|
||
{
|
||
title: '客戶至上',
|
||
description: '始終以客戶需求為導向，提供超越期望的服務體驗',
|
||
},
|
||
{
|
||
title: '技術領先',
|
||
description: '持續投入技術研發，保持行業領先的技術水平',
|
||
},
|
||
{
|
||
title: '誠信合作',
|
||
description: '以誠待人，與客戶、合作夥伴建立長期信任關係',
|
||
},
|
||
{
|
||
title: '持續創新',
|
||
description: '不斷探索新技術，為客戶創造更大價值',
|
||
},
|
||
],
|
||
},
|
||
footer: {
|
||
sections: [
|
||
{
|
||
title: '目錄',
|
||
items: ['首頁', '產品與服務', '新聞資訊', '客戶支持', '關於我們'],
|
||
},
|
||
{
|
||
title: '熱門產品',
|
||
items: ['輕量雲服務器', '站群服務器', 'EC2服務器', '高防服務器', 'S3雲存儲'],
|
||
},
|
||
{ title: '客戶支持', items: ['技術支持', '在線客服', '幫助文檔', '服務狀態'] },
|
||
{ title: '公司信息', items: ['關於我們', '聯繫我們', '隱私政策', '服務條款'] },
|
||
],
|
||
},
|
||
},
|
||
'en': {
|
||
nav: {
|
||
home: 'Home',
|
||
products: 'Products & Services',
|
||
news: 'News',
|
||
support: 'Support',
|
||
about: 'About Us',
|
||
contact: 'Contact Us',
|
||
},
|
||
title: 'About Us',
|
||
subtitle: 'Professional AWS cloud service provider, empowering enterprise digital transformation',
|
||
company: {
|
||
name: 'Hefei DongYun Information Technology Co., Ltd.',
|
||
founded: '2020',
|
||
employees: '50+',
|
||
customers: '500+',
|
||
description:
|
||
'Hefei DongYun Information Technology Co., Ltd. was founded in 2020 as a high-tech enterprise focusing on cloud computing services. As an official AWS partner, we are committed to providing professional and reliable cloud computing solutions for enterprises, helping them achieve digital transformation.',
|
||
},
|
||
mission: {
|
||
title: 'Our Mission',
|
||
content:
|
||
'To enable every enterprise to enjoy professional, secure, and efficient cloud computing services, promote enterprise digital transformation, and create greater business value.',
|
||
},
|
||
vision: {
|
||
title: 'Our Vision',
|
||
content:
|
||
'To become a leading cloud computing service provider in China, providing the highest quality technical support and service guarantee for enterprise digital transformation.',
|
||
},
|
||
values: {
|
||
title: 'Core Values',
|
||
items: [
|
||
{
|
||
title: 'Customer First',
|
||
description: 'Always customer-oriented, providing service experiences that exceed expectations',
|
||
},
|
||
{
|
||
title: 'Technology Leadership',
|
||
description: 'Continuous investment in technology R&D, maintaining industry-leading technical levels',
|
||
},
|
||
{
|
||
title: 'Integrity Cooperation',
|
||
description: 'Treat people with sincerity, establish long-term trust with customers and partners',
|
||
},
|
||
{
|
||
title: 'Continuous Innovation',
|
||
description: 'Continuously explore new technologies to create greater value for customers',
|
||
},
|
||
],
|
||
},
|
||
footer: {
|
||
sections: [
|
||
{
|
||
title: 'Directory',
|
||
items: ['Home', 'Products & Services', 'News', 'Support', 'About Us'],
|
||
},
|
||
{
|
||
title: 'Popular Products',
|
||
items: ['Lightweight Cloud Server', 'Station Group Server', 'EC2 Server', 'High-Defense Server', 'S3 Cloud Storage'],
|
||
},
|
||
{ title: 'Customer Support', items: ['Technical Support', 'Online Service', 'Documentation', 'Service Status'] },
|
||
{ title: 'Company Info', items: ['About Us', 'Contact Us', 'Privacy Policy', 'Terms of Service'] },
|
||
],
|
||
},
|
||
},
|
||
};
|
||
|
||
export default function AboutServerComponent({ locale }: AboutServerComponentProps) {
|
||
// 获取当前语言的翻译
|
||
const t = aboutTranslations[locale as keyof typeof aboutTranslations] || aboutTranslations['zh-CN'];
|
||
|
||
return (
|
||
<div className="min-h-screen bg-white">
|
||
<ServerHeader
|
||
language={locale}
|
||
translations={t}
|
||
locale={locale}
|
||
/>
|
||
|
||
{/* Hero Section */}
|
||
<section className="bg-gradient-to-br from-blue-50 via-white to-purple-50 py-20">
|
||
<div className="max-w-6xl mx-auto px-4 text-center">
|
||
<h1 className="text-4xl font-bold text-gray-900 mb-4">{t.title}</h1>
|
||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">{t.subtitle}</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Company Info */}
|
||
<section className="py-20">
|
||
<div className="max-w-6xl mx-auto px-4">
|
||
<div className="text-center mb-16">
|
||
<h2 className="text-3xl font-bold text-gray-900 mb-8">{t.company?.name}</h2>
|
||
<p className="text-lg text-gray-700 leading-relaxed max-w-4xl mx-auto">
|
||
{t.company?.description}
|
||
</p>
|
||
</div>
|
||
|
||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
|
||
<div className="text-center">
|
||
<div className="text-4xl font-bold text-blue-600 mb-2">{t.company?.founded}</div>
|
||
<div className="text-gray-600">成立时间</div>
|
||
</div>
|
||
<div className="text-center">
|
||
<div className="text-4xl font-bold text-blue-600 mb-2">{t.company?.employees}</div>
|
||
<div className="text-gray-600">团队规模</div>
|
||
</div>
|
||
<div className="text-center">
|
||
<div className="text-4xl font-bold text-blue-600 mb-2">{t.company?.customers}</div>
|
||
<div className="text-gray-600">服务客户</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Mission & Vision */}
|
||
<section className="py-20 bg-gray-50">
|
||
<div className="max-w-6xl mx-auto px-4">
|
||
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||
<div className="text-center">
|
||
<h3 className="text-2xl font-bold text-gray-900 mb-6">{t.mission?.title}</h3>
|
||
<p className="text-gray-700 leading-relaxed">{t.mission?.content}</p>
|
||
</div>
|
||
<div className="text-center">
|
||
<h3 className="text-2xl font-bold text-gray-900 mb-6">{t.vision?.title}</h3>
|
||
<p className="text-gray-700 leading-relaxed">{t.vision?.content}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Core Values */}
|
||
<section className="py-20">
|
||
<div className="max-w-6xl mx-auto px-4">
|
||
<h2 className="text-3xl font-bold text-center mb-16">{t.values?.title}</h2>
|
||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||
{t.values?.items?.map((value: any, index: number) => (
|
||
<div key={index} className="text-center">
|
||
<div className="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
|
||
<div className="text-blue-600 text-2xl font-bold">{index + 1}</div>
|
||
</div>
|
||
<h4 className="text-xl font-semibold text-gray-900 mb-3">{value.title}</h4>
|
||
<p className="text-gray-600 text-sm leading-relaxed">{value.description}</p>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<Footer translations={t} />
|
||
</div>
|
||
);
|
||
}
|