feat: implement Product page with fund listing

Created a complete Product page based on prototype design with:

Page Features:
- New /product route with full page layout
- AssetX Fund Market title section
- 4 statistics cards (TVL, Cumulative Yield, Balance, Earnings)
- Assets listing section with view toggle (list/grid)
- Product cards grid layout

ProductCard Component:
- Reusable product card component with HeroUI integration
- Product header with icon and category badge
- Two-column metric display (Yield APY, Pool Cap, Maturity, etc.)
- Risk indicator with color-coded bars (Low/Medium/High)
- Pool capacity progress bar with gradient
- Invest button with HeroUI Button component
- Hover effects and transitions
- Color-coded category badges (Quant Strategy, Real Estate)

Assets:
- Copied view toggle icons from prototype
- edit-list-unordered0.svg (list view)
- menu-more-grid-small0.svg (grid view)

Internationalization:
- Added productPage section to en.json and zh.json
- All labels translated (English and Chinese)
- Consistent with existing i18n pattern

Technical Implementation:
- Full responsive design
- Dark mode support
- Gradient styling for visual appeal
- Smooth animations and transitions
- Proper TypeScript types
- Follows existing design system

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-30 04:11:58 +00:00
parent 16aa079cba
commit f3b0c0db6e
6 changed files with 667 additions and 266 deletions

View File

@@ -1,133 +1,155 @@
{
"nav": {
"assets": "资产",
"alp": "ALP",
"swap": "交换",
"lending": "借贷",
"transparency": "透明度",
"ecosystem": "生态系统",
"points": "积分",
"globalTVL": "全球锁仓总值",
"faqs": "常见问题"
},
"tabs": {
"overview": "概览",
"assetDescription": "资产描述",
"analytics": "分析",
"performanceAnalysis": "业绩分析",
"assetCustody": "资产托管与验证"
},
"product": {
"gyUsEquityIndexToken": "高盈美股量化策略",
"contractAddress": "合约地址"
},
"stats": {
"currentAPY": "当前年化收益率",
"totalValueLocked": "总锁仓价值",
"yourBalance": "您的余额",
"yourEarnings": "您的收益",
"availableToWithdraw": "可提取金额"
},
"assetOverview": {
"title": "资产概览",
"mediumRisk": "中等风险",
"underlyingAssets": "基础资产",
"usEquityIndex": "美国股票指数",
"maturityRange": "到期日范围",
"cap": "上限",
"minInvestment": "最小投资额",
"poolCapacity": "资金池容量",
"currentPrice": "当前价格"
},
"apy": {
"apyHistory": "APY 历史",
"priceHistory": "价格历史",
"lastDays": "最近 30 天",
"highest": "最高",
"lowest": "最低"
},
"description": {
"title": "资产描述",
"content": "高盈美股量化策略High-Yield US Equity Quantitative Strategy是一款机构级真实世界资产RWA产品为投资者提供多元化的美国股票投资组合敞口。该策略利用先进的量化模型通过市场中性套利和其他复杂的交易技术来产生高收益。专为稳定性和持续回报而设计它提供了一个通往传统金融市场的链上通道具有更高的透明度和即时结算功能。\n\n该策略旨在最小化市场风险的同时最大化收益生成适合在去中心化金融生态系统中寻求稳定增长的投资者。基础资产由机构托管人持有并通过健全的合规框架进行验证。"
},
"mintSwap": {
"mint": "铸造",
"swap": "交换",
"deposit": "存入",
"withdraw": "提取",
"balance": "余额",
"max": "最大",
"estimatedReturns": "预计收益",
"estAPY": "预计 APY",
"estReturns": "预计回报",
"transactionSummary": "交易摘要",
"youGet": "您将获得",
"salesPrice": "销售价格",
"fee": "手续费",
"gas": "Gas 费用",
"approveDeposit": "批准并存入 USDC",
"termsText": "通过存入,您同意",
"termsOfService": "服务条款",
"and": "和",
"privacyPolicy": "隐私政策"
},
"protocol": {
"title": "协议信息",
"whitepaper": "白皮书",
"documentation": "文档",
"github": "GitHub"
},
"rewards": {
"season1": "第一季奖励",
"live": "进行中",
"earnPoints": "持有 GY-US 每天每 USDC 赚取 1 积分",
"yourPoints": "您的积分",
"badgeBoost": "徽章加成",
"referrals": "推荐"
},
"performance": {
"title": "业绩分析",
"description": "高收益美国股票策略的历史每日净回报。",
"ytd": "2025 年初至今",
"dailyNetReturns": "每日净回报 (%)",
"weekdays": {
"sun": "周日",
"mon": "周一",
"tue": "周二",
"wed": "周三",
"thu": "周四",
"fri": "周五",
"sat": "周六"
}
},
"custody": {
"title": "资产托管与验证",
"description": "实时查看基础资产持有情况和机构托管人验证状态。",
"underlyingHoldings": "基础资产持有量",
"verifiedBy": "由第三方机构托管人验证",
"lastUpdated": "最后更新",
"minutesAgo": "分钟前",
"custodian": "托管人",
"assetType": "资产类型",
"maturity": "到期日",
"valueUSD": "价值 (USD)",
"status": "状态",
"verified": "已验证",
"totalValue": "基础资产总价值",
"smartContract": "智能合约",
"smartContractDesc": "由 OpenZeppelin 和 Certik 审计,确保安全性和可靠性。",
"compliance": "合规性",
"complianceDesc": "SEC 监管结构和破产隔离法律框架。",
"proofOfReserves": "储备证明",
"proofDesc": "通过 Chainlink Oracle 进行实时链上验证。",
"viewReports": "查看报告",
"independentVerifications": "独立验证",
"independentDesc": "每月 assetX 都会接受第三方审计以确保完全透明。",
"attestationReport": "证明报告",
"viewAllArchive": "查看所有存档",
"morganStanley": "摩根士丹利",
"primeBroker": "主经纪商",
"usEquityPortfolio": "美国股票投资组合",
"days": "天"
}
}
{
"nav": {
"assets": "资产",
"alp": "ALP",
"swap": "交换",
"lending": "借贷",
"transparency": "透明度",
"ecosystem": "生态系统",
"points": "积分",
"globalTVL": "全球锁仓总值",
"faqs": "常见问题"
},
"tabs": {
"overview": "概览",
"assetDescription": "资产描述",
"analytics": "分析",
"performanceAnalysis": "业绩分析",
"assetCustody": "资产托管与验证"
},
"product": {
"gyUsEquityIndexToken": "高盈美股量化策略",
"contractAddress": "合约地址"
},
"stats": {
"currentAPY": "当前年化收益率",
"totalValueLocked": "总锁仓价值",
"yourBalance": "您的余额",
"yourEarnings": "您的收益",
"availableToWithdraw": "可提取金额"
},
"assetOverview": {
"title": "资产概览",
"mediumRisk": "中等风险",
"underlyingAssets": "基础资产",
"usEquityIndex": "美国股票指数",
"maturityRange": "到期日范围",
"cap": "上限",
"minInvestment": "最小投资额",
"poolCapacity": "资金池容量",
"currentPrice": "当前价格"
},
"apy": {
"apyHistory": "APY 历史",
"priceHistory": "价格历史",
"lastDays": "最近 30 天",
"highest": "最高",
"lowest": "最低"
},
"description": {
"title": "资产描述",
"content": "高盈美股量化策略High-Yield US Equity Quantitative Strategy是一款机构级真实世界资产RWA产品为投资者提供多元化的美国股票投资组合敞口。该策略利用先进的量化模型通过市场中性套利和其他复杂的交易技术来产生高收益。专为稳定性和持续回报而设计它提供了一个通往传统金融市场的链上通道具有更高的透明度和即时结算功能。\n\n该策略旨在最小化市场风险的同时最大化收益生成适合在去中心化金融生态系统中寻求稳定增长的投资者。基础资产由机构托管人持有并通过健全的合规框架进行验证。"
},
"mintSwap": {
"mint": "铸造",
"swap": "交换",
"deposit": "存入",
"withdraw": "提取",
"balance": "余额",
"max": "最大",
"estimatedReturns": "预计收益",
"estAPY": "预计 APY",
"estReturns": "预计回报",
"transactionSummary": "交易摘要",
"youGet": "您将获得",
"salesPrice": "销售价格",
"fee": "手续费",
"gas": "Gas 费用",
"approveDeposit": "批准并存入 USDC",
"termsText": "通过存入,您同意",
"termsOfService": "服务条款",
"and": "和",
"privacyPolicy": "隐私政策"
},
"protocol": {
"title": "协议信息",
"whitepaper": "白皮书",
"documentation": "文档",
"github": "GitHub"
},
"rewards": {
"season1": "第一季奖励",
"live": "进行中",
"earnPoints": "持有 GY-US 每天每 USDC 赚取 1 积分",
"yourPoints": "您的积分",
"badgeBoost": "徽章加成",
"referrals": "推荐"
},
"performance": {
"title": "业绩分析",
"description": "高收益美国股票策略的历史每日净回报。",
"ytd": "2025 年初至今",
"dailyNetReturns": "每日净回报 (%)",
"weekdays": {
"sun": "周日",
"mon": "周一",
"tue": "周二",
"wed": "周三",
"thu": "周四",
"fri": "周五",
"sat": "周六"
}
},
"custody": {
"title": "资产托管与验证",
"description": "实时查看基础资产持有情况和机构托管人验证状态。",
"underlyingHoldings": "基础资产持有量",
"verifiedBy": "由第三方机构托管人验证",
"lastUpdated": "最后更新",
"minutesAgo": "分钟前",
"custodian": "托管人",
"assetType": "资产类型",
"maturity": "到期日",
"valueUSD": "价值 (USD)",
"status": "状态",
"verified": "已验证",
"totalValue": "基础资产总价值",
"smartContract": "智能合约",
"smartContractDesc": "由 OpenZeppelin 和 Certik 审计,确保安全性和可靠性。",
"compliance": "合规性",
"complianceDesc": "SEC 监管结构和破产隔离法律框架。",
"proofOfReserves": "储备证明",
"proofDesc": "通过 Chainlink Oracle 进行实时链上验证。",
"viewReports": "查看报告",
"independentVerifications": "独立验证",
"independentDesc": "每月 assetX 都会接受第三方审计以确保完全透明。",
"attestationReport": "证明报告",
"viewAllArchive": "查看所有存档",
"morganStanley": "摩根士丹利",
"primeBroker": "主经纪商",
"usEquityPortfolio": "美国股票投资组合",
"days": "天"
},
"productPage": {
"title": "AssetX 基金市场",
"assets": "资产",
"totalValueLocked": "总锁仓量",
"cumulativeYield": "累计收益",
"yourTotalBalance": "您的总余额",
"yourTotalEarning": "您的总收益",
"yieldAPY": "收益率 APY",
"poolCap": "池容量",
"maturity": "到期日",
"risk": "风险",
"lockUp": "锁仓期",
"circulatingSupply": "流通量",
"poolCapacity": "池容量",
"filled": "已填充",
"invest": "投资",
"quantStrategy": "量化策略",
"realEstate": "房地产",
"low": "低",
"medium": "中",
"high": "高"
}
}