update 4page
This commit is contained in:
@@ -0,0 +1,116 @@
|
||||
<!-- Home hero carousel — from Serena/Figma HeroCarousel (3 slides, autoplay + dots) -->
|
||||
<section
|
||||
id="section-1"
|
||||
class="home-hero-carousel"
|
||||
data-home-hero-carousel
|
||||
aria-roledescription="carousel"
|
||||
aria-label="Homepage hero"
|
||||
>
|
||||
<div class="home-hero-carousel__glow" aria-hidden="true"></div>
|
||||
|
||||
<div class="home-hero-carousel__inner">
|
||||
<div class="home-hero-carousel__viewport">
|
||||
<article class="home-hero-carousel__slide is-active" data-home-hero-slide aria-hidden="false">
|
||||
<div class="home-hero-carousel__slide-grid">
|
||||
<div class="home-hero-carousel__content">
|
||||
<div class="home-hero-carousel__copy">
|
||||
<div class="home-hero-carousel__heading-group">
|
||||
<span class="home-hero-carousel__badge">
|
||||
<img src="./assets/images/banner/logo-1-icon.svg" alt="" class="home-hero-carousel__badge-icon" width="20" height="20" decoding="async" aria-hidden="true">
|
||||
Forex . Gold . Crypto
|
||||
</span>
|
||||
<h1 class="home-hero-carousel__title">
|
||||
Your Trading Journey <span class="text-primary-orange">Starts With AIFO</span>
|
||||
</h1>
|
||||
</div>
|
||||
<p class="home-hero-carousel__desc">Join thousands of traders who started with AIFO and discover the capital, tools, and expert guidance you need to grow and thrive.</p>
|
||||
</div>
|
||||
<div class="home-hero-carousel__actions">
|
||||
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--primary">Start Challenge</a>
|
||||
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--ghost">
|
||||
Learn To Trade
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
<a href="#" class="home-hero-carousel__ai-coach">
|
||||
<img src="./assets/images/banner/ChatGPT Image Jul 1, 2026, 01_34_31 PM.png" alt="" width="48" height="48" decoding="async">
|
||||
AI Coach
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-hero-carousel__visual">
|
||||
<img src="./assets/images/home-hero-carousel/slide-1.png" alt="AIFO trading globe" width="520" height="477" decoding="async">
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="home-hero-carousel__slide" data-home-hero-slide aria-hidden="true">
|
||||
<div class="home-hero-carousel__slide-grid">
|
||||
<div class="home-hero-carousel__content">
|
||||
<div class="home-hero-carousel__copy">
|
||||
<div class="home-hero-carousel__heading-group">
|
||||
<span class="home-hero-carousel__badge">
|
||||
<img src="./assets/images/banner/login-2-icon.svg" alt="" class="home-hero-carousel__badge-icon" width="20" height="20" decoding="async" aria-hidden="true">
|
||||
Real-time Market Analysis
|
||||
</span>
|
||||
<h2 class="home-hero-carousel__title">
|
||||
Meet <span class="text-primary-orange">AIFO Intelligence</span>
|
||||
</h2>
|
||||
</div>
|
||||
<p class="home-hero-carousel__desc">Begin using Prop Trading's very first AI Coach, designed to help you conduct complex market analysis and guide you toward becoming a funded trader.</p>
|
||||
</div>
|
||||
<div class="home-hero-carousel__actions">
|
||||
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--primary">Try For Free</a>
|
||||
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--ghost home-hero-carousel__btn--ai-coach">
|
||||
<img src="./assets/images/banner/ChatGPT Image Jul 1, 2026, 01_34_31 PM.png" alt="" width="45" height="45" decoding="async" aria-hidden="true">
|
||||
AI Coach
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-hero-carousel__visual">
|
||||
<img src="./assets/images/home-hero-carousel/slide-2.png" alt="AIFO AI Coach" width="520" height="477" decoding="async">
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="home-hero-carousel__slide" data-home-hero-slide aria-hidden="true">
|
||||
<div class="home-hero-carousel__slide-grid">
|
||||
<div class="home-hero-carousel__content">
|
||||
<div class="home-hero-carousel__copy">
|
||||
<div class="home-hero-carousel__heading-group">
|
||||
<span class="home-hero-carousel__badge">
|
||||
<img src="./assets/images/banner/login-3-icon.svg" alt="" class="home-hero-carousel__badge-icon" width="20" height="20" decoding="async" aria-hidden="true">
|
||||
Become a Funded Trader
|
||||
</span>
|
||||
<h2 class="home-hero-carousel__title">
|
||||
<span class="text-primary-orange">Flexible Challenges</span> Made For You
|
||||
</h2>
|
||||
</div>
|
||||
<p class="home-hero-carousel__desc">We offer a wide variety of different challenge types, from the traditional 1-step, 2-step, and 3-step challenges to our instant-access and Lite challenges, designed to suit your experience and goals.</p>
|
||||
</div>
|
||||
<div class="home-hero-carousel__actions">
|
||||
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--primary">
|
||||
Choose Your Challenge
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 12V4M3 12l3-3M3 12l3 3M13 4v8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
<a href="#" class="home-hero-carousel__btn home-hero-carousel__btn--ghost home-hero-carousel__btn--ai-coach">
|
||||
<img src="./assets/images/banner/ChatGPT Image Jul 1, 2026, 01_34_31 PM.png" alt="" width="45" height="45" decoding="async" aria-hidden="true">
|
||||
AI Coach
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="home-hero-carousel__visual">
|
||||
<img src="./assets/images/home-hero-carousel/slide-3.png" alt="AIFO flexible challenges dashboard" width="520" height="477" decoding="async">
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="home-hero-carousel__dots" role="tablist" aria-label="Choose slide">
|
||||
<button type="button" class="home-hero-carousel__dot is-active" role="tab" aria-selected="true" aria-label="Go to slide 1" data-home-hero-dot="0"></button>
|
||||
<button type="button" class="home-hero-carousel__dot" role="tab" aria-selected="false" aria-label="Go to slide 2" data-home-hero-dot="1"></button>
|
||||
<button type="button" class="home-hero-carousel__dot" role="tab" aria-selected="false" aria-label="Go to slide 3" data-home-hero-dot="2"></button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user