Files
aifo-portal-web/pages/promotion-activity.html
2026-07-30 18:38:39 +08:00

234 lines
12 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>推广活动</title>
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-page-bg.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/flagicon/css/flag-icons.min.css">
<link type="text/css" href="../assets/css/promotion-activity.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="promotion-activity">
<div id="nav-container"></div>
<main class="aifo-page-bg aifo-page-bg--top-glow">
<div class="promo-page">
<section class="promo-hero">
<div class="promo-hero__content">
<h1 class="promo-hero__title">
Pass More Challenges<br>
<span class="text-orange">With AI</span>
</h1>
<p class="promo-hero__desc">
Get funded up to $200,000 with AI-powered trading guidance built for serious traders.
</p>
<a href="#" class="btn-promo">Start Challenge</a>
</div>
<div class="promo-hero__visual" aria-hidden="true">
<img src="../assets/images/promotion-activity/hero-visual.webp" alt="" width="986" height="532" decoding="async">
</div>
<div class="promo-offer-bar">
<div class="promo-offer-bar__tags">
<div class="promo-tag">
<p class="promo-tag__value">50% OFF</p>
<p class="promo-tag__label">First Challenge</p>
</div>
<div class="promo-tag">
<p class="promo-tag__value">AI Coach</p>
<p class="promo-tag__label">Included</p>
</div>
<div class="promo-tag">
<p class="promo-tag__value">Fast Payout</p>
<p class="promo-tag__label">No waiting around</p>
</div>
</div>
<div class="promo-offer-bar__action">
<a href="#" class="btn-promo btn-promo--sm">Claim Offer</a>
</div>
</div>
</section>
<section class="promo-section">
<h2 class="promo-section__title promo-section__title--left">
Hear From <span class="text-orange">Our Traders</span>
</h2>
<div class="testimonial-grid">
<article class="testimonial-card">
<div class="testimonial-card__head">
<div class="testimonial-card__user">
<div class="testimonial-card__identity">
<div class="testimonial-card__identity-top">
<span class="fi fi-gb testimonial-card__flag" aria-hidden="true"></span>
<p class="testimonial-card__name">Alex M.</p>
</div>
<p class="testimonial-card__account">$50,000 Account</p>
</div>
</div>
<div class="testimonial-card__payout-wrap">
<p class="testimonial-card__payout-label">PAYOUT</p>
<p class="testimonial-card__payout">$ 4,280</p>
</div>
</div>
<p class="testimonial-card__quote">"AI Coach helped me control risk and stay within the rules."</p>
</article>
<article class="testimonial-card">
<div class="testimonial-card__head">
<div class="testimonial-card__user">
<div class="testimonial-card__identity">
<div class="testimonial-card__identity-top">
<span class="fi fi-au testimonial-card__flag" aria-hidden="true"></span>
<p class="testimonial-card__name">Daniel R.</p>
</div>
<p class="testimonial-card__account">$100,000 Account</p>
</div>
</div>
<div class="testimonial-card__payout-wrap">
<p class="testimonial-card__payout-label">PAYOUT</p>
<p class="testimonial-card__payout">$ 8,750</p>
</div>
</div>
<p class="testimonial-card__quote">"The trade review made it clear where I was overexposing."</p>
</article>
<article class="testimonial-card">
<div class="testimonial-card__head">
<div class="testimonial-card__user">
<div class="testimonial-card__identity">
<div class="testimonial-card__identity-top">
<span class="fi fi-ca testimonial-card__flag" aria-hidden="true"></span>
<p class="testimonial-card__name">Sarah K.</p>
</div>
<p class="testimonial-card__account">$200,000 Account</p>
</div>
</div>
<div class="testimonial-card__payout-wrap">
<p class="testimonial-card__payout-label">PAYOUT</p>
<p class="testimonial-card__payout">$ 12,450</p>
</div>
</div>
<p class="testimonial-card__quote">"I finally had a system to improve instead of guessing."</p>
</article>
</div>
</section>
<section class="promo-section promo-section--compare">
<h2 class="promo-section__title promo-section__title--center">
Why Traders Pass More <span class="text-orange">With AIFO</span>
</h2>
<div class="compare-table" role="table" aria-label="Comparison between other prop firms and AIFO">
<div class="compare-table__header" role="row">
<div class="compare-table__cell compare-table__cell--head compare-table__cell--other" role="columnheader">
Other Prop Firms
</div>
<div class="compare-table__cell compare-table__cell--head compare-table__cell--aifo" role="columnheader">
AIFO
</div>
</div>
<div class="compare-table__body">
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Trade alone</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI Coach included</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No trade feedback</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI trade review</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No risk analysis</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>AI risk analysis</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>No consistency score</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Performance tracking</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Pass or fail only</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Learn &amp; improve</span>
</div>
</div>
<div class="compare-table__row" role="row">
<div class="compare-table__cell compare-table__cell--other" role="cell">
<span class="compare-table__icon compare-table__icon--no" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2 2l10 10M12 2L2 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
</span>
<span>Static dashboard</span>
</div>
<div class="compare-table__cell compare-table__cell--aifo" role="cell">
<span class="compare-table__icon compare-table__icon--yes" aria-hidden="true">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M2.5 7.2 5.8 10.5 11.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</span>
<span>Personalized guidance</span>
</div>
</div>
</div>
</div>
</section>
</div>
</main>
<div id="footer-container"></div>
<script src="../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
<script src="../assets/vendor/popper/popper.min.js"></script>
<script src="../assets/js/bootstrap/bootstrap.min.js"></script>
<script src="../assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
<script src="../assets/js/theme.js"></script>
<script src="/js/layout.js"></script>
</body>
</html>