'use client'; import { useState, useEffect } from 'react'; import Link from 'next/link'; import SEOHead from '../../../components/SEOHead'; // 移除不再需要的import // Team member icons const teamIcons = { ceo: ( ), cto: ( ), coo: ( ), }; // Value icons const valueIcons = [ , , , , ]; interface AboutPageProps { params: { locale: string }; } export default function AboutPage({ params }: AboutPageProps) { const currentLang = params.locale || 'zh-CN'; const [translations, setTranslations] = useState({}); const [commonTranslations, setCommonTranslations] = useState({}); const [loading, setLoading] = useState(true); const [isMenuOpen, setIsMenuOpen] = useState(false); const [activeTab, setActiveTab] = useState('intro'); useEffect(() => { const loadTranslations = async () => { try { const [aboutRes, commonRes] = await Promise.all([ fetch(`/locales/${currentLang}/about.json`), fetch(`/locales/${currentLang}/common.json`), ]); if (aboutRes.ok && commonRes.ok) { const aboutData = await aboutRes.json(); const commonData = await commonRes.json(); setTranslations(aboutData); setCommonTranslations(commonData); setLoading(false); } } catch (error) { console.error('Failed to load translations:', error); setLoading(false); } }; loadTranslations(); }, [currentLang]); if (loading) { return (

Loading about us...

); } const t = translations; const common = commonTranslations; return ( <>
{/* Navigation */} {/* Hero Section */}
{/* Background decorative elements */}

{t.title}

{t.subtitle}

{/* Stats */}
2018
{currentLang === 'en' ? 'Founded' : '成立年份'}
100K+
{currentLang === 'en' ? 'Customers' : '客户数量'}
99.9%
{currentLang === 'en' ? 'Uptime' : '可用性'}
24/7
{currentLang === 'en' ? 'Support' : '技术支持'}
{/* Company Info Tabs */}
{/* Tab Navigation */}
{['intro', 'mission', 'vision', 'values'].map((tab) => ( ))}
{/* Tab Content */}

{t.company?.[activeTab]?.title}

{activeTab === 'values' ? (
{t.company?.values?.items?.map( (value: string, index: number) => (
{valueIcons[index]}

{value}

), )}
) : (

{t.company?.[activeTab]?.content}

)}
{/* Team Section */}

{t.team?.title}

{currentLang === 'en' ? "Meet the passionate team behind CloudTech's success" : '认识CloudTech成功背后的热情团队'}

{Object.entries(t.team?.members || {}).map( ([key, member]: [string, any]) => (
{teamIcons[key as keyof typeof teamIcons]}

{member.name}

{member.position}

{member.bio}

{/* Social Links */}
), )}
{/* Timeline Section */}

{t.milestones?.title}

{currentLang === 'en' ? 'Our journey of innovation and growth' : '我们的创新与成长之路'}

{Object.entries(t.milestones?.events || {}).map( ([year, event], index) => (

{year}

{String(event)}

), )}
{/* Contact Section */}

{t.contact?.title}

{currentLang === 'en' ? 'Address' : '地址'}

{t.contact?.address}

{currentLang === 'en' ? 'Phone' : '电话'}

{t.contact?.phone}

{currentLang === 'en' ? 'Email' : '邮箱'}

{t.contact?.email}

{currentLang === 'en' ? 'Website' : '网站'}

{t.contact?.website}

{/* Call to Action */}

{currentLang === 'en' ? 'Ready to Transform Your Business?' : '准备转型您的业务？'}

{currentLang === 'en' ? 'Join thousands of companies that trust CloudTech for their cloud computing needs.' : '加入信任CloudTech云计算服务的数千家公司。'}

{/* Footer */}
); }