<?php
require_once './include/Constants.php';
include './models/Settings.php';
include './include/DatabaseConn.php';
?>
<!DOCTYPE html>
<html lang="zxx">

<head>
    <?php require_once './partials/head.php'; ?>
</head>

<body>
<div class="sub-banner-section-outer position-relative">
    <header>
        <?php require_once './partials/header.php'; ?>
    </header>
      <section class="banner-section position-relative">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="banner-section-content">
                         <h1 class="text-white" data-aos="fade-up">Join Our Affiliate Program</h1>
                        <p class="text-white" data-aos="fade-right">Expand Your Earnings with Our Rewarding Affiliate System.</p>
                        <div class="btn_wrapper" data-aos="fade-up">
                            <span> Home </span><i class="fa-solid fa-angles-right" aria-hidden="true"></i><span class="sub_span">Affiliates</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="banner_image position-relative">
                        <figure class="banner_main_image mb-0 left_right_shape">
                            <img src="images/about_banner_image.jpg" alt>
                        </figure>
                        <figure class="banner_image_bottom_shape mb-0 position-absolute top_bottom_shape">
                            <img src="images/sub_banner_image_bottom_shape.png" alt class="img-fluid">
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <figure class="banner_top_shape mb-0 position-absolute top_bottom_shape">
        <img src="images/sub_banner_top_shape.png" alt class="img-fluid">
    </figure>
    <figure class="banner_background_shape mb-0 position-absolute left_right_shape">
        <img src="images/sub_banner_background_shape.png" alt>
    </figure>
</div>
<section class="about_aboutus_section position-relative">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="aboutus_content" data-aos="fade-up">
                      <h6>Become an Affiliate</h6>
                    <h2>Partner with Us and Prosper</h2>
                    <p>Embrace the opportunity to join <?php echo APP_NAME; ?>'s Affiliate Program, a pathway to generate substantial income by promoting our innovative AI-driven crypto investment platform. As our affiliate, you become an integral part of our mission to democratize cryptocurrency investing. Leverage your network, share our vision, and earn competitive commissions for every successful referral. Together, let's shape the future of crypto investing.</p>
                </div>
            </div>
        </div>
        <figure class="aboutus_right_shape mb-0 position-absolute top_bottom_shape">
            <img src="images/aboutus_video_right_shape.png" alt class="img-fluid">
        </figure>
    </div>
</section>
<!-- COMBO SECTION -->
<section class="combo_section">
    <!-- FAQ'S SECTION -->
    <div class="accordian-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="heading position-relative text-center">
                        <h2>Associates Handout </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12" data-aos="fade-up">
                    <div class="about-service-section-text accordian-section-inner-text position-relative">
                        <div class="accordian-inner">
                            <div id="accordion1">
                                <div class="accordion-card">
                                    <div class="card-header" id="headingFour">
                                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                            Level 1
                                        </button>
                                    </div>
                                    <div id="collapseFour" class="collapse" aria-labelledby="headingFour">
                                    <div class="card-body">
                                        <p class="text-size-16 text-left mb-0 p-0">Spreading the word will pay off handsomely because you will receive a significant reward for each new member you bring on board. Specifically, you will earn a generous 6% commission on their activities when you refer a new customer to our platform and they go on to become active users.</p>
                                    </div>
                                    </div>
                                </div>
                                <div class="accordion-card">
                                    <div class="card-header" id="headingFive">
                                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                            Level 2
                                        </button>
                                    </div>
                                    <div id="collapseFive" class="collapse" aria-labelledby="headingFive">
                                    <div class="card-body">
                                        <p class="text-size-16 text-left mb-0 p-0">You'll get paid 4% commission on the activities of people referred by your Level 1 associates, so you'll keep making money even after your direct referrals start referring others. It's like getting paid to promote other people through the network that you already belong to.</p>
                                    </div>
                                    </div>
                                </div>
                                <div class="accordion-card">
                                    <div class="card-header" id="headingSix">
                                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                            Level 3
                                        </button>
                                    </div>
                                    <div id="collapseSix" class="collapse" aria-labelledby="headingSix">
                                    <div class="card-body">
                                        <p class="text-size-16 text-left mb-0 p-0">Affiliate system is that it's multi-tiered, so you can profit from your affiliate network's exponential growth even if the referrals of your Level 2 members start bringing in more users. You'll get paid a 3% commission on the activities of your Level 2's Level 1 referrals.</p>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12" data-aos="fade-right">
                    <div class="about-service-section-text position-relative">
                        <div class="accordian-inner">
                            <div id="accordion2">
                                <div class="accordion-card">
                                    <div class="card-header" id="headingSeven">
                                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                            Level 4 
                                        </button>
                                    </div>
                                    <div id="collapseSeven" class="collapse" aria-labelledby="headingSeven">
                                    <div class="card-body">
                                        <p class="text-size-16 text-left mb-0 p-0">At Level 4, you can build a sustainable revenue stream while assisting others in learning about the advantages . You will receive a 2% commission on users who join our platform 
through the referrals of your Level 3 members./p>
                                    </div>
                                    </div>
                                </div>
                                <div class="accordion-card">
                                    <div class="card-header" id="headingEight">
                                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
                                           Level 5
                                        </button>
                                    </div>
                                    <div id="collapseEight" class="collapse" aria-labelledby="headingEight">
                                    <div class="card-body">
                                        <p class="text-size-16 text-left mb-0 p-0">At the highest level in your referral network, you continue to receive a commendable 1% commission on the new user’s activities.</p>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <figure class="mb-0 faq_right_shape position-absolute top_bottom_shape">
            <img src="images/faq_right_shape.png" alt class="img-fluid">
        </figure>
    </div>
    <!-- CLIENT LOGO'S SECTION -->
    <div class="client_logos_section">
        <div class="container">
            <div class="row" data-aos="fade-up">
                <div class="col-lg-1 col-md-1 col-sm-6 col-12 d-md-block d-none"></div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-6">
                    <figure class="logo_image1 mb-0">
                        <img src="images/client_logo_image1.png" alt class="img-fluid hover-effect">
                    </figure>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-6">
                    <figure class="logo_image2 mb-0">
                        <img src="images/client_logo_image2.png" alt class="img-fluid hover-effect">
                    </figure>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-6">
                    <figure class="logo_image3 mb-0">
                        <img src="images/client_logo_image3.png" alt class="img-fluid hover-effect">
                    </figure>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-6">
                    <figure class="logo_image4 mb-0">
                        <img src="images/client_logo_image4.png" alt class="img-fluid hover-effect">
                    </figure>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-6">
                    <figure class="logo_image5 mb-0">
                        <img src="images/client_logo_image5.png" alt class="img-fluid hover-effect">
                    </figure>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-6 col-12 d-md-block d-none"></div>
            </div>
        </div>
    </div>
    <!-- GET STARTED SECTION -->
    <div class="get_started_section">
        <div class="container">
            <div class="get_started_box"> 
                <div class="row">
                    <div class="col-lg-5 col-md-5 col-sm-12 col-12 order-md-1 order-2">
                        <div class="get_started_box_image">
                            <figure class="mb-0 left_right_shape">
                                <img src="images/get_started_image.png" alt class="img-fluid">
                            </figure>
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-7 col-sm-12 col-12 order-md-2 order-1">
                        <div class="get_started_box_content" data-aos="fade-right">
                            <h6>GEt Started</h6>
                            <h2>Let's Make Something Great Together</h2>
                            <div class="btn_wrapper">
                                <a class="text-decoration-none default-btn-two btn-size-18 hover-effect" href="register">Register<i class="fa-solid fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <figure class="get_started_shape mb-0 left_right_shape">
                <img src="images/get_started_shape.png" alt class="img-fluid">
            </figure>
        </div>
    </div>
</section>
    <?php require_once './partials/footer.php'; ?>
</body>
</html>