<?php

declare(strict_types=1);

require __DIR__ . '/lib.php';
require __DIR__ . '/config.php';

$IMG = asset('assets/img');
$ICO = asset('assets/icons');
$SITE = 'https://ave.ai';

$nav = [
    ['label' => '自选', 'href' => $SITE . '/watchlist'],
    ['label' => '扫链', 'href' => $SITE . '/', 'badge' => 'header-badge-hot'],
    ['label' => '行情', 'href' => $SITE . '/markets'],
    ['label' => '合约', 'href' => $SITE . '/hyperliquid', 'badge' => 'header-badge-live'],
    ['label' => '美股', 'href' => $SITE . '/us-stocks', 'badge' => 'header-badge-new'],
    ['label' => '跨链', 'href' => $SITE . '/bridge'],
    ['label' => '追踪', 'href' => $SITE . '/follow'],
    ['label' => '信号', 'href' => $SITE . '/smart'],
    ['label' => '跟单', 'href' => $SITE . '/copy-trade'],
    ['label' => 'Launch', 'href' => $SITE . '/launch', 'badge' => 'header-badge-new', 'rocket' => true],
    ['label' => '资产', 'href' => $SITE . '/address'],
];

$links = [
    'ios' => 'https://apps.apple.com/us/app/chainpulse/id6758416913?l=zh-Hans-CN',
    'play' => 'https://play.google.com/store/apps/details?id=ai.ave.platform',
    'apk' => 'https://download.ave-android.com/app/ave.wallet.2.3.49.apk',
    'mac' => 'https://download.ave-android.com/app/Ave.ai-mac-universal.dmg',
    'windows' => 'https://download.ave-android.com/app/Ave.ai-win-x64.exe',
    'help' => $SITE . '/download/help',
    'telegram' => 'https://t.me/ave_community_cn',
];

$ticker = [
    ['icon' => 'footer-pnl', 'label' => '盈亏追踪', 'href' => $SITE . '/'],
    ['icon' => 'pump-entry', 'label' => '扫链', 'href' => $SITE . '/'],
    ['icon' => 'footer-hot', 'label' => '热门', 'href' => $SITE . '/'],
    ['icon' => 'footer-signal', 'label' => '信号广场', 'href' => $SITE . '/smart'],
    ['icon' => 'footer-wallet', 'label' => '钱包监控', 'href' => $SITE . '/'],
    ['icon' => 'footer-x', 'label' => '社媒监控', 'href' => $SITE . '/', 'badge' => '99+'],
    ['icon' => 'footer-position', 'label' => '持仓', 'href' => $SITE . '/'],
    ['icon' => 'footer-star', 'label' => '自选', 'href' => $SITE . '/watchlist'],
];

$tags = [
    ['金狗', 'gen.svg'],
    ['潜力榜', 'smarters.svg'],
    ['大额买入', 'fill-1-1.svg'],
    ['抽地毯', 'rug.svg'],
    ['Shitcoin', 'shitcoin.svg'],
    ['暴跌', 'dump.svg'],
    ['暴涨', 'pump.svg'],
    ['高换手', '6.svg'],
    ['大额卖出', 'fill-1-1.svg'],
    ['Smart Money', 'smart-money.svg'],
    ['DEV', 'dev.svg'],
    ['老鼠仓', 'insider.svg'],
    ['Snipers', 'snipers.svg'],
    ['KOL', 'kol.svg'],
    ['阴谋集团', 'cabal.svg'],
    ['大户', 'whale.svg'],
    ['新开户', 'new-wallet.svg'],
    ['捆绑地址', 'bundle.svg'],
    ['清仓', 'clear.svg'],
    ['钓鱼钱包', 'phish.svg'],
];

$qr = $IMG . '/1-1040045937-171-85-3-1000342829-2aa8d298ea104cbef30a3b8a5e449fd-1.webp';

function download_columns(array $links, string $img, bool $wide): string
{
    $tag = $wide ? 'h3' : 'h2';
    $apple = apple_icon();
    $windows = windows_icon();
    $plain = $wide ? ' class="ave-dl__plain"' : ' class="ave-dl__plain"';

    return <<<HTML
      <div class="ave-dl">
        <div class="ave-dl__col">
          <{$tag}>iOS</{$tag}>
          <div class="ave-dl__stack">
            <a class="ave-btn" href="{$links['ios']}" target="_blank" rel="noreferrer">{$apple}<span>App Store</span></a>
          </div>
        </div>
        <div class="ave-dl__col">
          <{$tag}>Android</{$tag}>
          <div class="ave-dl__stack">
            <a class="ave-btn" href="{$links['play']}" target="_blank" rel="noreferrer"><img src="{$img}/frame-1.svg" alt=""><span>Google Play</span></a>
            <a class="ave-btn" href="{$links['apk']}"><img src="{$img}/vector-6.svg" alt=""><span>Android APK</span></a>
          </div>
        </div>
        <div class="ave-dl__col">
          <{$tag}{$plain}>桌面端应用下载</{$tag}>
          <div class="ave-dl__stack">
            <a class="ave-btn" href="{$links['mac']}">{$apple}<span>Mac OS</span></a>
            <a class="ave-btn" href="{$links['windows']}">{$windows}<span>Windows</span></a>
          </div>
        </div>
      </div>
HTML;
}

$heroDownloads = download_columns($links, $IMG, false);
$bottomDownloads = download_columns($links, $IMG, true);
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ave.ai</title>
  <link rel="icon" href="<?= e(asset('favicon.ico')) ?>" sizes="any">
  <link rel="icon" href="<?= e(asset('favicon-32.png')) ?>" type="image/png" sizes="32x32">
  <link rel="apple-touch-icon" href="<?= e(asset('apple-touch-icon.png')) ?>">
  <link rel="stylesheet" href="<?= e(asset('assets/ave.css')) ?>">
</head>
<body>
  <div class="ave-app">
    <header class="ave-header">
      <a class="ave-brand" href="<?= e($SITE) ?>" aria-label="Ave.ai">
        <img src="<?= e($IMG) ?>/logo.webp" alt="">
        <img class="ave-wordmark" src="<?= e($ICO) ?>/ave-ai.svg" alt="">
      </a>
      <nav class="ave-nav" aria-label="主导航">
        <?php foreach ($nav as $item): ?>
          <a href="<?= e($item['href']) ?>">
            <?php if (!empty($item['rocket'])): ?><img class="ave-rocket" src="<?= e($ICO) ?>/rocket.svg" alt=""><?php endif; ?>
            <?= e($item['label']) ?>
            <?php if (!empty($item['badge'])): ?><img class="ave-badge" src="<?= e($ICO) ?>/<?= e($item['badge']) ?>.svg" alt=""><?php endif; ?>
          </a>
        <?php endforeach; ?>
      </nav>
      <div class="ave-header__right">
        <a class="ave-search" href="<?= e($SITE) ?>" aria-label="搜索">
          <img src="<?= e($ICO) ?>/search-line.svg" alt="">
          <span>代币名称/钱包地址/合约/美股</span>
          <kbd>/</kbd>
        </a>
        <a class="ave-referral" href="<?= e($SITE) ?>/referral">
          <img src="<?= e($ICO) ?>/referral.webp" alt="">
          邀请返佣
        </a>
        <a class="ave-connect" href="<?= e($SITE) ?>">连接钱包</a>
        <div class="ave-icon-group">
          <a class="ave-icon-btn" href="<?= e($SITE) ?>/download/" aria-label="下载APP"><img src="<?= e($ICO) ?>/header-app.svg" alt=""></a>
          <button class="ave-icon-btn" type="button" aria-label="设置"><img src="<?= e($ICO) ?>/header-setting.svg" alt=""></button>
          <button class="ave-icon-btn" type="button" aria-label="通知"><img src="<?= e($ICO) ?>/header-notice.svg" alt=""></button>
          <button class="ave-icon-btn" type="button" aria-label="切换主题"><img src="<?= e($ICO) ?>/header-moon.svg" alt=""></button>
          <a class="ave-icon-btn" href="<?= e($SITE) ?>" aria-label="返回"><img src="<?= e($ICO) ?>/header-back.svg" alt=""></a>
        </div>
      </div>
    </header>
    <div class="ave-subbar">
      <button type="button" aria-label="自选"><img src="<?= e($ICO) ?>/topbar-star.svg" alt=""></button>
      <button type="button" aria-label="持仓"><img src="<?= e($ICO) ?>/topbar-position.svg" alt=""></button>
      <button class="is-active" type="button" aria-label="历史"><img src="<?= e($ICO) ?>/topbar-history.svg" alt=""></button>
      <i></i>
    </div>
    <main class="ave-scroll">
      <section class="ave-hero">
        <div class="ave-hero__media">
          <img src="<?= e($IMG) ?>/mask-group.webp" alt="">
        </div>
        <div class="ave-hero__copy">
          <h1>下载Ave.ai APP</h1>
          <p class="ave-hero__sub">安全、专业、最快、最全的去中心化聚合交易平台</p>
          <?= $heroDownloads ?>
          <div class="ave-qr">
            <h2>扫码下载</h2>
            <img src="<?= e($qr) ?>" alt="扫码下载">
            <a class="ave-help" href="<?= e($links['help']) ?>"><img src="<?= e($IMG) ?>/frame-4.svg" alt="">下载安装教程</a>
          </div>
        </div>
      </section>

      <section class="ave-wrap ave-features">
        <article class="ave-card ave-card--navy">
          <h2>全链榜单,金狗就在其中！</h2>
          <p>实时监控热门新盘、聪明钱买入、爆拉涨幅榜， 不抢先一步，就只能追高补仓！</p>
          <div class="ave-card__shot"><img src="<?= e($IMG) ?>/image-6.webp" alt="全链榜单"></div>
          <div class="ave-chip ave-chip--a"><img src="<?= e($IMG) ?>/union.svg" alt=""><div><h3>AI叙事分析</h3><p>AI智能分析代币背景</p></div></div>
        </article>
        <article class="ave-card ave-card--purple">
          <h2>信号广场已经开启金狗猎场！</h2>
          <p>KOL、巨鲸、聪明钱正在扫盘，链上异动信号实时触发。 下一只爆发的金狗，可能就在你犹豫的这一秒！</p>
          <div class="ave-card__shot"><img src="<?= e($IMG) ?>/image-6-1.webp" alt="信号广场"></div>
          <div class="ave-chip ave-chip--b"><img src="<?= e($IMG) ?>/vector-18.svg" alt=""><div><h3>信号广场</h3><p>AI智捕全网金狗信号</p></div></div>
        </article>
        <article class="ave-card ave-card--navy">
          <h2>AI合约检测，风险预警！</h2>
          <p>大幅提高异常合约识别能力，精确提取问题代码片段</p>
          <div class="ave-card__shot"><img src="<?= e($IMG) ?>/image-6-2.webp" alt="AI合约检测"></div>
          <div class="ave-chip ave-chip--c"><img src="<?= e($IMG) ?>/token.svg" alt=""><div><h3>AI合约检测</h3><p>AI检测识别异常合约</p></div></div>
        </article>
      </section>

      <section class="ave-wrap ave-safety">
        <div class="ave-safety__panel">
          <div class="ave-safety__copy">
            <h2>交易更安全 &amp; 反应更快</h2>
            <p>链上透明锁仓，安全保障每一笔交易,跟随聪明钱布局，用秒级速度抓住行情起点！</p>
            <div class="ave-safety__shots">
              <img src="<?= e($IMG) ?>/image-4.webp" alt="">
              <img src="<?= e($IMG) ?>/image-8.webp" alt="">
              <img src="<?= e($IMG) ?>/image-4-1.webp" alt="">
            </div>
          </div>
          <div class="ave-safety__phone"><img src="<?= e($IMG) ?>/image-2.webp" alt="App Screenshot"></div>
        </div>
      </section>

      <section class="ave-wrap ave-trading">
        <div class="ave-trading__panel">
          <h2>一键买卖，直达链上</h2>
          <div class="ave-trading__inner">
            <div class="ave-trading__grid">
              <div><h3>市价 / 限价秒切换，聚合最优路径</h3><img src="<?= e($IMG) ?>/image-6-3.webp" alt=""></div>
              <div><h3>支持一键买入 / 卖出，撮合直连 Aveswap</h3><img src="<?= e($IMG) ?>/image-7.webp" alt=""></div>
              <div><h3>全链透明，锁仓 / 滑点 / 费用清晰可见</h3><img src="<?= e($IMG) ?>/image-8-1.webp" alt=""></div>
            </div>
          </div>
        </div>
      </section>

      <section class="ave-wrap ave-wallets">
        <article class="ave-wallet">
          <h2>钱包洞察 ，真实盈亏，一目了然</h2>
          <p>多维解析资金轨迹，洞察链上资金的真实意图</p>
          <div class="ave-wallet__shot"><img src="<?= e($IMG) ?>/image-6-4.webp" alt="钱包洞察"></div>
        </article>
        <article class="ave-wallet">
          <h2>多维钱包体系，解锁链上所有可能</h2>
          <p>多账户形态自由切换，重构链上身份的管理方式与交互体验</p>
          <div class="ave-faces">
            <?php foreach (['image.webp', 'image-1.webp', 'image-3.webp', 'image-5.webp', 'image-9.webp', 'image-10.webp'] as $file): ?>
              <img src="<?= e($IMG) ?>/<?= e($file) ?>" alt="">
            <?php endforeach; ?>
            <span>130+</span>
          </div>
          <div class="ave-wallet__system"><img src="<?= e($IMG) ?>/frame-1912056040.svg" alt="钱包体系"></div>
        </article>
      </section>

      <section class="ave-wrap ave-tags">
        <div class="ave-tags__panel">
          <h2>多维画像标签，直观掌握地址行为偏好</h2>
          <p>交易风格、买卖模式、标签分类一目了然</p>
          <div class="ave-tags__grid">
            <?php foreach ($tags as [$label, $icon]): ?>
              <div><img src="<?= e($IMG) ?>/<?= e($icon) ?>" alt=""><span><?= e($label) ?></span></div>
            <?php endforeach; ?>
          </div>
        </div>
      </section>

      <section class="ave-wrap ave-bottom">
        <h2>下载Ave.ai APP</h2>
        <a class="ave-help" href="<?= e($links['help']) ?>"><img src="<?= e($IMG) ?>/frame-4.svg" alt="">下载安装教程</a>
        <?= $bottomDownloads ?>
        <div class="ave-qr">
          <h2>扫码下载</h2>
          <img src="<?= e($qr) ?>" alt="扫码下载">
        </div>
        <a class="ave-tg" href="<?= e($links['telegram']) ?>" target="_blank" rel="noreferrer">
          <img src="<?= e($IMG) ?>/vector-1.svg" alt="" width="20" height="20">
          加入Ave.ai Telegram群组
        </a>
      </section>
    </main>
    <a class="ave-banner" href="<?= e($links['apk']) ?>"><img src="<?= e($IMG) ?>/android-banner.png" alt="AVE WALLET 立即下载"></a>
    <footer class="ave-ticker">
      <button class="ave-ticker__layout" type="button" aria-label="快捷布局"><img src="<?= e($ICO) ?>/footer-layout.svg" alt=""></button>
      <?php foreach ($ticker as $item): ?>
        <a href="<?= e($item['href']) ?>">
          <img src="<?= e($ICO) ?>/<?= e($item['icon']) ?>.svg" alt="">
          <?= e($item['label']) ?>
          <?php if (!empty($item['badge'])): ?><em><?= e($item['badge']) ?></em><?php endif; ?>
        </a>
      <?php endforeach; ?>
      <a class="up" href="<?= e($SITE) ?>/hyperliquid/BTC"><img src="<?= e($ICO) ?>/btc.svg" alt="">$77398</a>
      <a class="up" href="<?= e($SITE) ?>/hyperliquid/ETH"><img src="<?= e($ICO) ?>/eth.svg" alt="">$2247.8</a>
      <a href="<?= e($SITE) ?>"><img src="<?= e($ICO) ?>/footer-contest.svg" alt="">交易赛</a>
      <a href="http://prev.ave.ai/"><img src="<?= e($ICO) ?>/footer-old.svg" alt="">旧版</a>
      <span class="ave-ticker__status"><span>Stable</span><b>102</b><span>MS</span><b>0</b><span>FPS</span></span>
      <span class="ave-ticker__social">
        <img src="<?= e($ICO) ?>/footer-tencent.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-tradingview.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-btok.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-robot.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-more.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-x.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-telegram.svg" alt="">
        <img src="<?= e($ICO) ?>/footer-mail.svg" alt="">
      </span>
    </footer>
  </div>
</body>
</html>
