打磨细节

contexts/LanguageContext.tsx

@@ -0,0 +1,232 @@
+'use client';
+
+import { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+
+type Language = 'zh' | 'en';
+
+interface LanguageContextType {
+  language: Language;
+  setLanguage: (lang: Language) => void;
+  t: (key: string) => string;
+  transitionKey: number;
+}
+
+const LanguageContext = createContext<LanguageContextType | undefined>(undefined);
+
+export function LanguageProvider({ children }: { children: ReactNode }) {
+  // 默认语言为英文
+  const [language, setLanguage] = useState<Language>('en');
+  const [transitionKey, setTransitionKey] = useState(0);
+  const [pendingLanguage, setPendingLanguage] = useState<Language | null>(null);
+
+  // 监听 pendingLanguage，延迟切换语言
+  useEffect(() => {
+    if (pendingLanguage !== null) {
+      // 延迟 300ms 切换语言，此时蒙版已经完全覆盖
+      const timer = setTimeout(() => {
+        setLanguage(pendingLanguage);
+        setPendingLanguage(null);
+      }, 300);
+      return () => clearTimeout(timer);
+    }
+  }, [pendingLanguage]);
+
+  // 切换语言
+  const handleSetLanguage = (lang: Language) => {
+    if (lang === language) return; // 如果语言相同，不执行切换
+
+    // 先递增transitionKey触发动画
+    setTransitionKey(prev => prev + 1);
+
+    // 设置待切换的语言，稍后才真正切换
+    setPendingLanguage(lang);
+  };
+
+  // 简单的翻译函数
+  const t = (key: string): string => {
+    const translations = getTranslations(language);
+    return translations[key] || key;
+  };
+
+  return (
+    <LanguageContext.Provider value={{ language, setLanguage: handleSetLanguage, t, transitionKey }}>
+      {children}
+    </LanguageContext.Provider>
+  );
+}
+
+export function useLanguage() {
+  const context = useContext(LanguageContext);
+  if (!context) {
+    throw new Error('useLanguage must be used within a LanguageProvider');
+  }
+  return context;
+}
+
+// 翻译内容
+function getTranslations(lang: Language): Record<string, string> {
+  const translations = {
+    zh: {
+      // Navbar
+      'nav.product': '产品',
+      'nav.resource': '资源',
+      'nav.community': '社区',
+      'nav.launchApp': '启动应用',
+
+      // Hero Section
+      'hero.title1': '链上收益资产',
+      'hero.title2': '随时可得',
+      'hero.description': '低门槛投资股票、房地产和商业贷款等收益资产。享受真实资产支持的10%-30%年化收益。',
+      'hero.startInvesting': '开始投资',
+      'hero.readWhitepaper': '阅读白皮书',
+
+      // Stats Section
+      'stats.tvl': '总锁仓价值',
+      'stats.apy': '平均年化收益',
+      'stats.yield': '累计收益',
+      'stats.users': '连接用户',
+
+      // Trusted By Section
+      'trusted.title': '受到行业领导者信赖',
+
+      // Why AssetX Section
+      'why.title': '为什么选择ASSETX?',
+      'why.subtitle': '机构级真实世界收益，兼具DeFi原生可组合性。',
+      'why.sustainable.title': '可持续真实收益',
+      'why.sustainable.desc': '从Delta中性套利策略和商业信贷中获得15%-30%的回报。没有通胀代币发行，只有真实利润。',
+      'why.reliability.title': '经过验证的可靠性',
+      'why.reliability.desc': '由持有香港证监会1/2/4/5/9号牌照的合作伙伴和纳斯达克上市实体支持。经过审计、合规且透明。',
+      'why.liquidity.title': '灵活流动性',
+      'why.liquidity.desc': '解决传统金融的流动性不足问题。通过二级市场即时退出，或通过杠杆头寸享受高达40%的年化收益。',
+      'why.liquidity.badge1': '40%+年化',
+      'why.liquidity.badge2': '即时退出',
+
+      // How It Works Section
+      'how.title': '如何运作',
+      'how.step1.title': '存入并铸造WUSD',
+      'how.step1.desc': '连接您的钱包并存入USDC兑换WUSD。这是整个AssetX生态系统的原生稳定币和入口。',
+      'how.step2.title': '双重投资选择',
+      'how.step2.desc': '选择您的策略：使用WUSD购买特定的收益资产以获得现实世界回报，或在DeFi池中提供流动性赚取交易费用。',
+      'how.step3.title': '赚取与提升',
+      'how.step3.desc': '获得每日收益分配。使用资产代币作为抵押品借入WUSD，利用高达2.5倍的杠杆实现收益最大化。',
+      'how.simulator.title': '投资组合概览模拟器',
+      'how.simulator.invest': '如果您投资',
+      'how.simulator.earn': '您每年赚取',
+
+      // Security Section
+      'security.title': '安全优先架构',
+      'security.subtitle': '实时数据透明度与隔离资产管理。',
+      'security.audited.title': '已审计',
+      'security.audited.desc': '智能合约由顶级公司审计。底层资产经过严格的尽职调查和财务审计。',
+      'security.segregated.title': '隔离管理',
+      'security.segregated.desc': 'SPV设置。用户资产保存在隔离的特殊目的实体中，与平台风险隔离。',
+      'security.transparency.title': '透明度',
+      'security.transparency.desc': '实时净值。基金表现数据和资产估值公开可查并在链上更新。',
+      'security.partners.title': '由纳斯达克和港交所上市合作伙伴提供支持',
+
+      // Footer
+      'footer.products': '产品',
+      'footer.product1': 'AX-基金',
+      'footer.product2': 'AX-矩阵',
+      'footer.product3': '启动平台',
+      'footer.product4': '流动性市场',
+      'footer.product5': '代币工厂',
+      'footer.resources': '资源',
+      'footer.resource1': '文档',
+      'footer.resource2': '常见问题与支持',
+      'footer.resource3': '信任与安全',
+      'footer.resource4': '学习中心',
+      'footer.resource5': '社区论坛',
+      'footer.company': '公司',
+      'footer.company1': '关于团队',
+      'footer.company2': '职业机会',
+      'footer.company3': '联系我们',
+      'footer.company4': '新闻媒体',
+      'footer.privacy': '隐私政策',
+      'footer.terms': '服务条款',
+      'footer.copyright': '© 2025 ASSETX协议。保留所有权利。',
+    },
+    en: {
+      // Navbar
+      'nav.product': 'Product',
+      'nav.resource': 'Resource',
+      'nav.community': 'Community',
+      'nav.launchApp': 'Launch App',
+
+      // Hero Section
+      'hero.title1': 'Yield-Bearing Asset',
+      'hero.title2': 'On Chain.',
+      'hero.description': 'Access Yield- Bearing Asset like Equities, Real Estate, and Commercial Loans with low barriers. Enjoy 10%-30% APY backed by real assets.',
+      'hero.startInvesting': 'Start Investing',
+      'hero.readWhitepaper': 'Read the Whitepaper',
+
+      // Stats Section
+      'stats.tvl': 'Total Value Locked',
+      'stats.apy': 'Avg. APY',
+      'stats.yield': 'Yield Captured',
+      'stats.users': 'Connected Users',
+
+      // Trusted By Section
+      'trusted.title': 'Trusted by Industry Leaders',
+
+      // Why AssetX Section
+      'why.title': 'Why ASSETX?',
+      'why.subtitle': 'Institutional-grade access to real-world yield, with DeFi-native composability.',
+      'why.sustainable.title': 'Sustainable Real Yield',
+      'why.sustainable.desc': 'Access 15%-30% returns from Delta-neutral arbitrage strategies and commercial credit. No inflationary token emissions, just real profits.',
+      'why.reliability.title': 'Proven Reliability',
+      'why.reliability.desc': 'Backed by partners holding HK SFC Licenses (1/2/4/5/9) and NASDAQ-listed entities. Audited, compliant, and transparent.',
+      'why.liquidity.title': 'Flexible Liquidity',
+      'why.liquidity.desc': 'Solve the illiquidity of traditional finance. Enjoy instant exit via secondary markets or leverage your positions for up to 40% APY.',
+      'why.liquidity.badge1': '40%+ APR',
+      'why.liquidity.badge2': 'Instant Exit',
+
+      // How It Works Section
+      'how.title': 'How it works',
+      'how.step1.title': 'Deposit & Mint WUSD',
+      'how.step1.desc': 'Connect your wallet and deposit USDC to swap WUSD. This serves as the native stablecoin and gateway to the entire AssetX ecosystem.',
+      'how.step2.title': 'Dual Investment Options',
+      'how.step2.desc': 'Choose your strategy: use WUSD to purchase specific Yield-Bearing Assets for real-world returns, or provide liquidity in DeFi Pools to earn trading fees.',
+      'how.step3.title': 'Earn & Boost',
+      'how.step3.desc': 'Receive daily yield distributions. Use Asset Tokens as collateral to borrow WUSD and leverage up to 2.5x for maximized returns.',
+      'how.simulator.title': 'Portfolio Overview Simulator',
+      'how.simulator.invest': 'If you invest',
+      'how.simulator.earn': 'You earn per year',
+
+      // Security Section
+      'security.title': 'Security First Architecture',
+      'security.subtitle': 'Real-time data transparency with segregated asset management.',
+      'security.audited.title': 'Audited',
+      'security.audited.desc': 'Smart contracts audited by top-tier firms. Underlying assets undergo strict due diligence and financial auditing.',
+      'security.segregated.title': 'Segregated',
+      'security.segregated.desc': 'SPV Setup. User assets are held in segregated Special Purpose Vehicles, isolated from platform risks.',
+      'security.transparency.title': 'Transparency',
+      'security.transparency.desc': 'Real-Time NAV. Fund performance data and asset valuations are publicly available and updated on-chain.',
+      'security.partners.title': 'Powered By NASDAQ & HKEX Listed Partners',
+
+      // Footer
+      'footer.products': 'Products',
+      'footer.product1': 'AX-Fund',
+      'footer.product2': 'AX-Matrix',
+      'footer.product3': 'Launchpad',
+      'footer.product4': 'Liquid Market',
+      'footer.product5': 'Token Factory',
+      'footer.resources': 'Resources',
+      'footer.resource1': 'Docs',
+      'footer.resource2': 'FAQ & Support',
+      'footer.resource3': 'Trust & Security',
+      'footer.resource4': 'Learning Center',
+      'footer.resource5': 'Community Forum',
+      'footer.company': 'Company',
+      'footer.company1': 'About Team',
+      'footer.company2': 'Careers',
+      'footer.company3': 'Contact Us',
+      'footer.company4': 'Press & Media',
+      'footer.privacy': 'Privacy Policy',
+      'footer.terms': 'Terms of Service',
+      'footer.copyright': '© 2025 ASSETX Protocol. All rights reserved.',
+    }
+  };
+
+  return translations[lang];
+}