388 lines
17 KiB
TypeScript
388 lines
17 KiB
TypeScript
'use client';
|
||
|
||
import { useState } from 'react';
|
||
import Link from 'next/link';
|
||
import Header from '@/app/components/Header';
|
||
import Footer from '@/app/components/Footer';
|
||
|
||
interface AboutPageClientProps {
|
||
locale: string;
|
||
}
|
||
|
||
export default function AboutPageClient({ locale }: AboutPageClientProps) {
|
||
const [language, setLanguage] = useState(
|
||
locale === 'zh' ? 'zh-CN' : locale === 'zh-TW' ? 'zh-TW' : 'en',
|
||
);
|
||
|
||
const languages = {
|
||
'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 level',
|
||
},
|
||
{
|
||
title: 'Integrity & Cooperation',
|
||
description:
|
||
'Treat people with sincerity, build long-term trust relationships 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', 'Help Documentation', 'Service Status'] },
|
||
{ title: '', items: ['News', 'About Us', 'Privacy Policy', 'Site Map'] },
|
||
],
|
||
},
|
||
},
|
||
};
|
||
|
||
const t = languages[language as keyof typeof languages] || languages['zh-CN'];
|
||
|
||
return (
|
||
<div className="min-h-screen bg-white" data-oid=".8wp39y">
|
||
<Header
|
||
language={language}
|
||
setLanguage={setLanguage}
|
||
translations={t}
|
||
locale={locale}
|
||
data-oid="dlzlr6z"
|
||
/>
|
||
|
||
<section
|
||
className="bg-blue-600 text-white h-96 flex items-center justify-center"
|
||
data-oid=".55y_su"
|
||
>
|
||
<div className="max-w-6xl mx-auto px-4 text-center" data-oid="4_mshkl">
|
||
<h1 className="text-4xl font-bold mb-4" data-oid="6p-tzfe">
|
||
{t.title}
|
||
</h1>
|
||
<p className="text-xl" data-oid="wwek3b-">
|
||
{t.subtitle}
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section className="py-16" data-oid="f7clhkt">
|
||
<div className="max-w-6xl mx-auto px-4" data-oid="zkp5s55">
|
||
<div
|
||
className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"
|
||
data-oid="jttx12."
|
||
>
|
||
<div data-oid="4uqnf_b">
|
||
<h2 className="text-3xl font-bold mb-6" data-oid="xyliock">
|
||
{t.company.name}
|
||
</h2>
|
||
<p className="text-gray-600 mb-8" data-oid="t2ctakv">
|
||
{t.company.description}
|
||
</p>
|
||
|
||
<div className="grid grid-cols-3 gap-6" data-oid="ggvp5r2">
|
||
<div className="text-center" data-oid="lxog-k1">
|
||
<div
|
||
className="text-3xl font-bold text-blue-600"
|
||
data-oid="s22m8id"
|
||
>
|
||
{t.company.founded}
|
||
</div>
|
||
<div className="text-gray-600" data-oid="u8m7a-q">
|
||
成立时间
|
||
</div>
|
||
</div>
|
||
<div className="text-center" data-oid="96pj5m5">
|
||
<div
|
||
className="text-3xl font-bold text-blue-600"
|
||
data-oid="bmhewcr"
|
||
>
|
||
{t.company.employees}
|
||
</div>
|
||
<div className="text-gray-600" data-oid="2y1hj6l">
|
||
团队规模
|
||
</div>
|
||
</div>
|
||
<div className="text-center" data-oid="34wj8es">
|
||
<div
|
||
className="text-3xl font-bold text-blue-600"
|
||
data-oid="qj_v4rx"
|
||
>
|
||
{t.company.customers}
|
||
</div>
|
||
<div className="text-gray-600" data-oid="5g:g4s4">
|
||
服务客户
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div data-oid="f73-:zn">
|
||
<img
|
||
src="/api/placeholder?width=500&height=400"
|
||
alt="About Us"
|
||
className="w-full h-64 object-cover rounded-lg"
|
||
data-oid="cqvm7.x"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section className="py-16 bg-gray-50" data-oid="5l.9e7b">
|
||
<div className="max-w-6xl mx-auto px-4" data-oid="wo7w023">
|
||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8" data-oid="h6_ruyh">
|
||
<div className="bg-white p-8 rounded-lg shadow-lg" data-oid="ytse-j4">
|
||
<h3 className="text-2xl font-bold mb-4" data-oid="fat_-11">
|
||
{t.mission.title}
|
||
</h3>
|
||
<p className="text-gray-600" data-oid="7jwfq7.">
|
||
{t.mission.content}
|
||
</p>
|
||
</div>
|
||
<div className="bg-white p-8 rounded-lg shadow-lg" data-oid=":5y837b">
|
||
<h3 className="text-2xl font-bold mb-4" data-oid="i9ys0ly">
|
||
{t.vision.title}
|
||
</h3>
|
||
<p className="text-gray-600" data-oid="ojod.k.">
|
||
{t.vision.content}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section className="py-16" data-oid="h_yuwek">
|
||
<div className="max-w-6xl mx-auto px-4" data-oid="fse3.tt">
|
||
<h2 className="text-3xl font-bold text-center mb-12" data-oid="6tyolo9">
|
||
{t.values.title}
|
||
</h2>
|
||
<div
|
||
className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"
|
||
data-oid="4:fv1yn"
|
||
>
|
||
{t.values.items.map((value, index) => (
|
||
<div key={index} className="text-center" data-oid="7jj5tdw">
|
||
<div
|
||
className="w-16 h-16 bg-blue-600 rounded-full flex items-center justify-center mx-auto mb-4"
|
||
data-oid="ds_9i.:"
|
||
>
|
||
<span
|
||
className="text-white text-2xl font-bold"
|
||
data-oid="k3vcuki"
|
||
>
|
||
{index + 1}
|
||
</span>
|
||
</div>
|
||
<h3 className="text-xl font-bold mb-3" data-oid=":1xo6:0">
|
||
{value.title}
|
||
</h3>
|
||
<p className="text-gray-600" data-oid="6dhfb-c">
|
||
{value.description}
|
||
</p>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<Footer translations={t} data-oid="mrbi:aq" />
|
||
</div>
|
||
);
|
||
}
|