feat(i18n): internationalize landing page sections

- Update AboutSection, FeaturesSection, HowItWorksSection to use language prop pattern
- Replace useLanguage hook with language prop interface for consistency
- Add comprehensive internationalization support for landing page content
- Update HeroSection and LandingPage to support language prop flow

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

web/src/components/landing/FeaturesSection.tsx

@@ -2,8 +2,13 @@ import { motion } from 'framer-motion'
 import AnimatedSection from './AnimatedSection'
 import { CryptoFeatureCard } from '../CryptoFeatureCard'
 import { Code, Cpu, Lock, Rocket } from 'lucide-react'
+import { t, Language } from '../../i18n/translations'
 
-export default function FeaturesSection() {
+interface FeaturesSectionProps {
+  language: Language
+}
+
+export default function FeaturesSection({ language }: FeaturesSectionProps) {
   return (
     <AnimatedSection id='features'>
       <div className='max-w-7xl mx-auto'>
@@ -15,37 +20,52 @@ export default function FeaturesSection() {
           >
             <Rocket className='w-4 h-4' style={{ color: 'var(--brand-yellow)' }} />
             <span className='text-sm font-semibold' style={{ color: 'var(--brand-yellow)' }}>
-              核心功能
+              {t('coreFeatures', language)}
             </span>
           </motion.div>
           <h2 className='text-4xl font-bold mb-4' style={{ color: 'var(--brand-light-gray)' }}>
-            为什么选择 NOFX？
+            {t('whyChooseNofx', language)}
           </h2>
           <p className='text-lg' style={{ color: 'var(--text-secondary)' }}>
-            开源、透明、社区驱动的 AI 交易操作系统
+            {t('openCommunityDriven', language)}
           </p>
         </motion.div>
 
         <div className='grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto'>
           <CryptoFeatureCard
             icon={<Code className='w-8 h-8' />}
-            title='100% 开源与自托管'
-            description='你的框架，你的规则。非黑箱，支持自定义提示词和多模型。'
-            features={['完全开源代码', '支持自托管部署', '自定义 AI 提示词', '多模型支持（DeepSeek、Qwen）']}
+            title={t('openSourceSelfHosted', language)}
+            description={t('openSourceDesc', language)}
+            features={[
+              t('openSourceFeatures1', language),
+              t('openSourceFeatures2', language),
+              t('openSourceFeatures3', language),
+              t('openSourceFeatures4', language)
+            ]}
             delay={0}
           />
           <CryptoFeatureCard
             icon={<Cpu className='w-8 h-8' />}
-            title='多代理智能竞争'
-            description='AI 策略在沙盒中高速战斗，最优者生存，实现策略进化。'
-            features={['多 AI 代理并行运行', '策略自动优化', '沙盒安全测试', '跨市场策略移植']}
+            title={t('multiAgentCompetition', language)}
+            description={t('multiAgentDesc', language)}
+            features={[
+              t('multiAgentFeatures1', language),
+              t('multiAgentFeatures2', language),
+              t('multiAgentFeatures3', language),
+              t('multiAgentFeatures4', language)
+            ]}
             delay={0.1}
           />
           <CryptoFeatureCard
             icon={<Lock className='w-8 h-8' />}
-            title='安全可靠交易'
-            description='企业级安全保障，完全掌控你的资金和交易策略。'
-            features={['本地私钥管理', 'API 权限精细控制', '实时风险监控', '交易日志审计']}
+            title={t('secureReliableTrading', language)}
+            description={t('secureDesc', language)}
+            features={[
+              t('secureFeatures1', language),
+              t('secureFeatures2', language),
+              t('secureFeatures3', language),
+              t('secureFeatures4', language)
+            ]}
             delay={0.2}
           />
         </div>