325 lines
13 KiB
TypeScript
325 lines
13 KiB
TypeScript
import ServerHeader from '@/app/components/ServerHeader';
|
||
import Footer from '@/app/components/Footer';
|
||
import SupportTabs from './SupportTabs';
|
||
|
||
interface SupportServerComponentProps {
|
||
locale: string;
|
||
}
|
||
|
||
// 支持页面翻译数据
|
||
const supportTranslations = {
|
||
'zh-CN': {
|
||
nav: {
|
||
home: '首页',
|
||
products: '产品与服务',
|
||
news: '新闻资讯',
|
||
support: '客户支持',
|
||
about: '关于我们',
|
||
contact: '联系我们',
|
||
},
|
||
title: '客户支持',
|
||
subtitle: '专业的技术支持团队，为您提供7x24小时服务',
|
||
tabs: {
|
||
faq: '常见问题',
|
||
contact: '联系支持',
|
||
docs: '文档中心',
|
||
tickets: '工单系统',
|
||
},
|
||
faq: {
|
||
title: '常见问题解答',
|
||
categories: [
|
||
{
|
||
name: '账户管理',
|
||
questions: [
|
||
{
|
||
q: '如何注册账户？',
|
||
a: '点击页面右上角的注册按钮，填写必要信息即可完成注册。',
|
||
},
|
||
{
|
||
q: '如何重置密码？',
|
||
a: '在登录页面点击"忘记密码"，按照邮件提示重置密码。',
|
||
},
|
||
{
|
||
q: '如何修改账户信息？',
|
||
a: '登录后进入个人中心，可以修改基本信息和安全设置。',
|
||
},
|
||
],
|
||
},
|
||
{
|
||
name: '产品服务',
|
||
questions: [
|
||
{
|
||
q: '如何选择合适的云服务器配置？',
|
||
a: '根据您的业务需求，我们建议咨询我们的技术顾问，为您推荐最适合的配置。',
|
||
},
|
||
{
|
||
q: '支持弹性扩容吗？',
|
||
a: '是的，我们的云服务器支持弹性扩容，可以根据业务需求随时调整配置。',
|
||
},
|
||
{
|
||
q: '数据备份如何进行？',
|
||
a: '我们提供自动备份和手动备份功能，确保您的数据安全。',
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
contactSupport: {
|
||
title: '联系技术支持',
|
||
methods: [
|
||
{
|
||
icon: '💬',
|
||
type: '在线客服',
|
||
value: '24小时在线',
|
||
description: '点击右下角客服图标，即时获得帮助',
|
||
},
|
||
{
|
||
icon: '📧',
|
||
type: '邮件支持',
|
||
value: 'support@dongyun.com',
|
||
description: '发送邮件，我们会在2小时内回复',
|
||
},
|
||
{
|
||
icon: '📞',
|
||
type: '电话支持',
|
||
value: '400-123-4567',
|
||
description: '工作日 9:00-18:00 技术热线',
|
||
},
|
||
],
|
||
},
|
||
footer: {
|
||
sections: [
|
||
{
|
||
title: '目录',
|
||
items: ['首页', '产品与服务', '新闻资讯', '客户支持', '关于我们'],
|
||
},
|
||
{
|
||
title: '热门产品',
|
||
items: ['轻量云服务器', '站群服务器', 'EC2服务器', '高防服务器', 'S3云存储'],
|
||
},
|
||
{ title: '客户支持', items: ['技术支持', '在线客服', '帮助文档', '服务状态'] },
|
||
{ title: '公司信息', items: ['关于我们', '联系我们', '隐私政策', '服务条款'] },
|
||
],
|
||
},
|
||
},
|
||
'zh-TW': {
|
||
nav: {
|
||
home: '首頁',
|
||
products: '產品與服務',
|
||
news: '新聞資訊',
|
||
support: '客戶支持',
|
||
about: '關於我們',
|
||
contact: '聯繫我們',
|
||
},
|
||
title: '客戶支持',
|
||
subtitle: '專業的技術支持團隊，為您提供7x24小時服務',
|
||
tabs: {
|
||
faq: '常見問題',
|
||
contact: '聯繫支持',
|
||
docs: '文檔中心',
|
||
tickets: '工單系統',
|
||
},
|
||
faq: {
|
||
title: '常見問題解答',
|
||
categories: [
|
||
{
|
||
name: '賬戶管理',
|
||
questions: [
|
||
{
|
||
q: '如何註冊賬戶？',
|
||
a: '點擊頁面右上角的註冊按鈕，填寫必要信息即可完成註冊。',
|
||
},
|
||
{
|
||
q: '如何重置密碼？',
|
||
a: '在登錄頁面點擊"忘記密碼"，按照郵件提示重置密碼。',
|
||
},
|
||
{
|
||
q: '如何修改賬戶信息？',
|
||
a: '登錄後進入個人中心，可以修改基本信息和安全設置。',
|
||
},
|
||
],
|
||
},
|
||
{
|
||
name: '產品服務',
|
||
questions: [
|
||
{
|
||
q: '如何選擇合適的雲服務器配置？',
|
||
a: '根據您的業務需求，我們建議諮詢我們的技術顧問，為您推薦最適合的配置。',
|
||
},
|
||
{
|
||
q: '支持彈性擴容嗎？',
|
||
a: '是的，我們的雲服務器支持彈性擴容，可以根據業務需求隨時調整配置。',
|
||
},
|
||
{
|
||
q: '數據備份如何進行？',
|
||
a: '我們提供自動備份和手動備份功能，確保您的數據安全。',
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
contactSupport: {
|
||
title: '聯繫技術支持',
|
||
methods: [
|
||
{
|
||
icon: '💬',
|
||
type: '在線客服',
|
||
value: '24小時在線',
|
||
description: '點擊右下角客服圖標，即時獲得幫助',
|
||
},
|
||
{
|
||
icon: '📧',
|
||
type: '郵件支持',
|
||
value: 'support@dongyun.com',
|
||
description: '發送郵件，我們會在2小時內回復',
|
||
},
|
||
{
|
||
icon: '📞',
|
||
type: '電話支持',
|
||
value: '400-123-4567',
|
||
description: '工作日 9:00-18:00 技術熱線',
|
||
},
|
||
],
|
||
},
|
||
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: 'Customer Support',
|
||
subtitle: 'Professional technical support team providing 7x24 hour service',
|
||
tabs: {
|
||
faq: 'FAQ',
|
||
contact: 'Contact Support',
|
||
docs: 'Documentation',
|
||
tickets: 'Ticket System',
|
||
},
|
||
faq: {
|
||
title: 'Frequently Asked Questions',
|
||
categories: [
|
||
{
|
||
name: 'Account Management',
|
||
questions: [
|
||
{
|
||
q: 'How to register an account?',
|
||
a: 'Click the registration button in the upper right corner of the page and fill in the necessary information to complete registration.',
|
||
},
|
||
{
|
||
q: 'How to reset password?',
|
||
a: 'Click "Forgot Password" on the login page and follow the email instructions to reset your password.',
|
||
},
|
||
{
|
||
q: 'How to modify account information?',
|
||
a: 'After logging in, go to the personal center where you can modify basic information and security settings.',
|
||
},
|
||
],
|
||
},
|
||
{
|
||
name: 'Product Services',
|
||
questions: [
|
||
{
|
||
q: 'How to choose the right cloud server configuration?',
|
||
a: 'Based on your business needs, we recommend consulting our technical advisors to recommend the most suitable configuration for you.',
|
||
},
|
||
{
|
||
q: 'Does it support elastic scaling?',
|
||
a: 'Yes, our cloud servers support elastic scaling and can adjust configurations at any time according to business needs.',
|
||
},
|
||
{
|
||
q: 'How is data backup performed?',
|
||
a: 'We provide both automatic and manual backup functions to ensure your data security.',
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
contactSupport: {
|
||
title: 'Contact Technical Support',
|
||
methods: [
|
||
{
|
||
icon: '💬',
|
||
type: 'Online Customer Service',
|
||
value: '24 Hours Online',
|
||
description: 'Click the customer service icon in the lower right corner for instant help',
|
||
},
|
||
{
|
||
icon: '📧',
|
||
type: 'Email Support',
|
||
value: 'support@dongyun.com',
|
||
description: 'Send an email and we will reply within 2 hours',
|
||
},
|
||
{
|
||
icon: '📞',
|
||
type: 'Phone Support',
|
||
value: '400-123-4567',
|
||
description: 'Weekdays 9:00-18:00 Technical Hotline',
|
||
},
|
||
],
|
||
},
|
||
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 SupportServerComponent({ locale }: SupportServerComponentProps) {
|
||
// 获取当前语言的翻译
|
||
const t = supportTranslations[locale as keyof typeof supportTranslations] || supportTranslations['zh-CN'];
|
||
|
||
return (
|
||
<div className="min-h-screen bg-white">
|
||
<ServerHeader
|
||
language={locale}
|
||
translations={t}
|
||
locale={locale}
|
||
/>
|
||
|
||
{/* Hero Section */}
|
||
<section className="bg-blue-600 text-white h-96 flex items-center justify-center">
|
||
<div className="max-w-6xl mx-auto px-4 text-center">
|
||
<h1 className="text-4xl font-bold mb-4">{t.title}</h1>
|
||
<p className="text-xl">{t.subtitle}</p>
|
||
</div>
|
||
</section>
|
||
|
||
{/* Support Content */}
|
||
<section className="py-16">
|
||
<div className="max-w-6xl mx-auto px-4">
|
||
<SupportTabs translations={t} />
|
||
</div>
|
||
</section>
|
||
|
||
<Footer translations={t} />
|
||
</div>
|
||
);
|
||
}
|