'use client';

import { useEffect } from 'react';
import { useRouter } from 'next/navigation';
import Link from 'next/link';

export default function RootPage() {
    const router = useRouter();

    useEffect(() => {
        // 检测浏览器语言偏好
        const userLang = typeof navigator !== 'undefined' ? navigator.language : '';
        let defaultLocale = 'zh-CN';
        
        // 根据浏览器语言设置默认locale
        if (userLang.startsWith('zh-TW') || userLang.startsWith('zh-Hant')) {
            defaultLocale = 'zh-TW';
        } else if (userLang.startsWith('en')) {
            defaultLocale = 'en';
        }
        
        // 重定向到对应的语言页面
        router.replace(`/${defaultLocale}/`);
    }, [router]);

    return (
        <div style={{ textAlign: 'center', padding: '50px', fontFamily: 'Arial, sans-serif' }}>
                            <h1>AwsLinker</h1>
            <p>正在为您跳转到主页...</p>
            <p>
                <Link href="/zh-CN/">简体中文</Link> | 
                <Link href="/zh-TW/">繁體中文</Link> | 
                <Link href="/en/">English</Link>
            </p>
        </div>
    );
}