覆盖页面：/swap、/trade

模块作用

• 提供两套交易入口：面向普通用户的 Swap 与面向重度用户的 Advanced Trade。
• 全局常驻 “Wrong Network” 与 “Connect WalletConnect”，说明交易、报价与下单都被链/钱包状态强绑定。

/swap（基础交易）

• 明确的模式切换按钮：“Swap” 与 “Limit”，可推断存在即时兑换与限价委托两种流程。
• 表单字段暴露：金额输入 “0.00”，以及类似地址输入 “0x123…”（常见于代币地址搜索/粘贴或收款地址）。
• 页面状态：出现 “Loading…”，代表进入页需要异步加载（报价、路由、代币列表或钱包初始化）。
• 交易与增长联动：页面底部/横幅反复出现 “Complete your profile… Create profile”，说明交易行为会计入积分体系。

/trade（高级交易）

• 交易对入口：按钮 “SQUAD-BNB -0.967%” 直接把 24h 涨跌带入 UI。
• 指标区给到可用的决策信息：Price $0.016、APR 0.00%、24h V. $37.74、MCap $16.36M、Liquidity $21.57K。
• 市场筛选：All / BNB / USDT / Stocks / Custom Pairs，意味着支持按 quote/资产类别聚合。
• 表格维度可见：至少包含 Price、24h Change %、Vol 等列。

意义

• 双交易入口是典型“转化漏斗”：Explore/排行榜引流到交易，基础 Swap 承接新手，高级交易承接频繁交易者，并把“做量”与积分绑定。

覆盖页面：/earn（流动性入口）、/wow/:poolAddress（多个 WOW Details）

模块作用

• 以 WoW 作为核心池子形态，提供从池子发现到单池运营的完整信息架构。
• 通过详情页的 “Add Liquidity” 完成加池动作，形成“看数据→加流动性”的闭环。

/earn 的入口能力

• 明确区分全站与用户资产：“Liquidity” vs “My Liquidity”。
• 提供池/仓位检索：输入框 “Search…”。
• 顶部露出聚合指标：TVL、24h Volume，可用于快速判断当日热度与资金规模。

/wow 详情页结构

• 基础交互：“Back”、“Add Liquidity”，部分池子还有 “Volume” 切换。
• 风险收益关键信息：APR 与 Fee 在标题区直出。
• 双资产数量与美元估值并排展示（例如 token 数量 + $ 估值），适合 LP 快速核算仓位规模。
• “Statistics” 区包含 Liquidity / Volume (24h) / Fees (24h)，部分低流动性池还展示交易相关计数，利于验证空数据场景。

页面可见的真实样例

• BNB-USDT（/wow/0xa95d...）：APR 65.79、Fee 0.02%、TVL All $144.40M、Volume (24h) $696.46K。
• BTCB-BNB（/wow/0x606d...）：APR 15.53、TVL All $34.52M、Volume (24h) $212.43K。
• 也存在极小池（如 SOL-BNB TVL 仅 $1.58、24h Volume 为 $0.00），说明系统需要处理“无交易/无费用”的展示。

意义

• WoW 详情模板把 LP 最关心的指标（APR/费率/成交/TVL）标准化，且把加池入口贴近数据，便于提高转化。

覆盖页面：/earn

模块作用

• 将“赚取收益”的产品集中在一个入口下，便于从交易用户迁移到存量资金用户。
• 页面信息显示该路由不仅是流动性列表，还承载 Staking、Farms、NFT Staking、Position Manager 等多条产品线。

功能线索（从页面元素判断）

• 页面内模块标题直接写出：“Liquidity, Staking, Farms & Position Manager”，说明这些是同级分区或 Tab。
• 操作按钮：“My Liquidity” 暗示存在“个人持仓视图”，可用于展示已加池仓位、收益或解锁状态。
• 搜索框 “Search…” 说明池/策略数量预期较大，需要客户端过滤。
• 列表/分类中出现 “All WoW Dynamo” 的字样，意味着至少有不同的池/策略系列（例如 WoW 与 Dynamo）。

数据与动线

• 顶部聚合 KPI：TVL、24h Volume，可作为“这个 Earn 区现在是否活跃”的快速判断。
• 反复出现的提示 “Complete your profile… Create profile”，把 Earn 与积分系统绑定：
  • 可能是“完成档案后，交易获得更多 points”，从而影响 Farms/活动资格或排行榜排名。

意义

• Earn 作为资金沉淀入口，决定 TVL 的可持续性。
• 虽然部分子模块在当前页面更多是“导航/占位”的形态，但信息架构已经为后续扩展（仓位管理、NFT 激励、更多 staking 产品）预留了位置。

覆盖页面：/explore

模块作用

• 提供协议级与代币级的概览数据，核心目标是“发现机会”：看资金规模、看成交热度、看涨跌幅，然后跳转交易。

交互与筛选

• 时间维度选择：“1W / 1M / All”，用于切换短期与中长期的趋势观察。
• 页面顶部沿用全站导航与价格 chip “$0.017”，便于跨模块跳转。

可见的数据结构

• 协议级指标：“SquadSwap TVL”、“SquadSwap Volume”，旁边还有 All 范围选择，暗示可能支持按链/产品线聚合。
• 代币/市场表格字段在页面中直接出现：
  • Price
  • Price Change (Day)、Price Change (Week)
  • Volume
  • 同屏出现 Token / Transactions 的字样，可能是额外列或独立组件。

与增长系统的耦合

• 页面内提示 “Try Advanced Trade and earn more points…”，明确把数据看板导向 /trade。
• 同时要求 Create profile 才能“earn more points”，说明 Explore 不是纯信息页，而是交易行为的导流页。

意义

• 对 DEX 来说，Explore 负责降低选择成本：用涨跌幅与成交量筛出“值得交易的资产”。
• 时间筛选与“交易得分”结合，能引导用户在热点周期更频繁地下单，从而抬高平台的 volume 指标。

覆盖页面：/profile、/leaderboard

模块作用

• 在链上地址之上增加“可运营的用户层”：档案、主题配置、积分、榜单。
• 主要与“交易量/活跃度”绑定，用于活动、竞赛和留存。

/profile（My Profile）

• 页面提供 “Theme Color”，说明至少支持 UI 主题的个性化配置。
• 明确的异常态：“Profile not found Please check the URL”，推断 profile 通过 URL 参数（地址/用户名）加载，且存在找不到的逻辑 404。
• 同时出现 Wrong Network 与 Connect WalletConnect，说明 profile 读取/写入可能依赖链或账户上下文。

/leaderboard（排行榜）

• 标题与标语：“Leaderboard — Compete. Climb. Conquer.”
• 表头揭示计分维度：Points、Volume、Wallet Address、Total Volume、Total Points。
• 空数据提示：“The rank table will be displayed after more volume.”，意味着需要达到一定交易量或数据量阈值才展示排名。

关键联动

• 全站多处出现 “Complete your profile to earn more points on your trading transactions. Create profile”：
  • 这基本确认了“档案完成度→交易积分倍率/资格”的机制。

意义

• 对增长而言，积分与榜单能把“做交易”游戏化；对产品而言，profile 是未来做任务系统、邀请返利、成就体系的基础设施。