Files
aifo-portal-web/pages/aifo-free-retry-landing.html
2026-07-30 18:38:39 +08:00

208 lines
9.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Fail your first AIFO challenge? Get a free retry on the same account size — one purchase, two chances.">
<title>Free Retry | AIFO</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 type="text/css" href="../assets/css/aifo-btn.css" rel="stylesheet">
<link type="text/css" href="../assets/css/modules/adl-register.css" rel="stylesheet">
<link type="text/css" href="../assets/css/modules/payout-24h.css" rel="stylesheet">
<link type="text/css" href="../assets/css/modules/claim-steps.css" rel="stylesheet">
<link type="text/css" href="../assets/css/leading-v2.css" rel="stylesheet">
<link type="text/css" href="../assets/css/landing-v2-base.css" rel="stylesheet">
<link type="text/css" href="../assets/css/aifo-free-retry-landing.css" rel="stylesheet">
</head>
<body class="aifo-bg-primary" id="aifo-free-retry-landing">
<div id="header-v2-container"></div>
<main class="aifo-page-bg">
<!-- Hero banner — full width, flush under nav -->
<section class="free-retry-hero" aria-labelledby="retry-hero-title">
<div class="free-retry-hero__stage">
<div class="free-retry-hero__banner">
<div class="free-retry-hero__banner-media" aria-hidden="true">
<img
class="free-retry-hero__banner-img"
src="../assets/images/leading-v2/free1_v1/hero-banner.png"
alt=""
width="1140"
height="380"
decoding="async"
>
</div>
<div class="free-retry-hero__content">
<p class="free-retry-hero__eyebrow">Fail Your First Challenge?</p>
<h1 class="free-retry-hero__title" id="retry-hero-title">
<span class="landing-accent">Retry FREE</span>
</h1>
<p class="free-retry-hero__subtitle">One Purchase. Two Chances.</p>
<div class="free-retry-hero__badges" aria-label="Eligible account sizes">
<span class="free-retry-hero__badge">10K</span>
<span class="free-retry-hero__badge">25K</span>
<span class="free-retry-hero__badge">50K</span>
</div>
<p class="free-retry-hero__note">
Buy once, get a free retry with the SAME<br>
account size if your first attempt fails.
</p>
</div>
</div>
</div>
<div class="landing-v2-page">
<!-- Countdown -->
<div
class="landing-countdown"
data-countdown
data-countdown-days="10"
aria-label="Promotion countdown"
>
<div data-countdown-days aria-hidden="true">
<span class="landing-countdown__digit" data-countdown-digit>0</span>
<span class="landing-countdown__digit" data-countdown-digit>0</span>
</div>
<span class="landing-countdown__sep" aria-hidden="true">:</span>
<div data-countdown-hours aria-hidden="true">
<span class="landing-countdown__digit" data-countdown-digit>0</span>
<span class="landing-countdown__digit" data-countdown-digit>0</span>
</div>
<span class="landing-countdown__sep" aria-hidden="true">:</span>
<div data-countdown-mins aria-hidden="true">
<span class="landing-countdown__digit" data-countdown-digit>0</span>
<span class="landing-countdown__digit" data-countdown-digit>0</span>
</div>
<span class="landing-countdown__sep" aria-hidden="true">:</span>
<div data-countdown-secs aria-hidden="true">
<span class="landing-countdown__digit" data-countdown-digit>0</span>
<span class="landing-countdown__digit" data-countdown-digit>0</span>
</div>
</div>
<!-- Registration -->
<div class="landing-v2-register" id="adl-register-container"></div>
<!-- How Free Retry Works -->
<section class="landing-section clain-section" aria-labelledby="retry-steps-title">
<h2 class="landing-section__title" id="retry-steps-title">
How Free <span class="landing-accent">Retry Works</span>
</h2>
<div class="claim-grid">
<article class="claim-item">
<img
class="claim-step-mark"
src="../assets/images/backgrounds/new-user-claim-step-01.png"
width="120"
height="120"
alt=""
decoding="async"
>
<p class="claim-text"><strong>Buy</strong>Purchase any eligible Challenge account.</p>
</article>
<article class="claim-item">
<img
class="claim-step-mark"
src="../assets/images/backgrounds/new-user-claim-step-02.png"
width="120"
height="120"
alt=""
decoding="async"
>
<p class="claim-text"><strong>Trade</strong>Complete your first Challenge.</p>
</article>
<article class="claim-item">
<img
class="claim-step-mark"
src="../assets/images/backgrounds/new-user-claim-step-03.png"
width="120"
height="120"
alt=""
decoding="async"
>
<p class="claim-text">
<strong>Retry FREE</strong>
Didn't pass? Receive another Challenge of the same size at no extra cost.
</p>
</article>
</div>
<p class="landing-section__tagline">One payment. Two chances to pass.</p>
<div class="landing-section__cta">
<a href="/pages/user_signup.html" class="aifo-btn aifo-btn--primary">Get Started Now</a>
</div>
</section>
<!-- 24 Hours Payout (reusable module) -->
<div id="payout-24h-container"></div>
<!-- One Purchase Two Chances -->
<section class="landing-section landing-chances" aria-labelledby="retry-chances-title">
<h2 class="landing-section__title" id="retry-chances-title">
One Purchase<br>
<span class="landing-accent">Two Chances</span>
</h2>
<ul class="landing-chances__list">
<li>Free Retry on Your First Failed Challenge</li>
<li>Same Account Size Included</li>
<li>No Extra Cost</li>
</ul>
<div class="landing-chances__flow">
<div class="landing-chances__node">
<img
class="landing-chances__icon-img"
src="../assets/images/leading-v2/free1_v1/chances-icon-first-attempt.png"
alt=""
width="120"
height="120"
decoding="async"
>
<p class="landing-chances__label">First Attempt</p>
</div>
<span class="landing-chances__arrow" aria-hidden="true">
<img src="../assets/images/leading-v2/free1_v1/vector.svg" alt="" width="12" height="33">
</span>
<div class="landing-chances__node">
<img
class="landing-chances__icon-img"
src="../assets/images/leading-v2/free1_v1/chances-icon-failed.png"
alt=""
width="120"
height="120"
decoding="async"
>
<p class="landing-chances__label">Failed?</p>
</div>
<span class="landing-chances__arrow" aria-hidden="true">
<img src="../assets/images/leading-v2/free1_v1/vector.svg" alt="" width="12" height="33">
</span>
<div class="landing-chances__node">
<img
class="landing-chances__icon-img"
src="../assets/images/leading-v2/free1_v1/chances-icon-gift.png"
alt=""
width="120"
height="120"
decoding="async"
>
<p class="landing-chances__label">Same Challenge FREE</p>
</div>
</div>
</section>
</div>
</section>
</main>
<div id="footer-v2-container"></div>
<script src="/js/layout-v2.js"></script>
<script src="/js/adl-register-module.js"></script>
<script src="/js/adl-register.js"></script>
<script src="/js/payout-24h-module.js"></script>
<script src="/js/landing-countdown.js"></script>
</body>
</html>