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>
    );
}