<?php
date_default_timezone_set("Africa/Lagos");

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'; ?>
    <style>
        .investment-plans {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 20px;
        }

        .plan {
            background-color: #333;
            border: 1px solid #444;
            padding: 20px;
            border-radius: 10px;
            width: 250px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
        }

        .plan h2 {
            color: #e6e6e6;
            margin-bottom: 15px;
        }

        .plan p {
            color: #b3b3b3;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 10px;
        }

        /* Initially hide the dialog */
        #holiday {
            display: none;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-color: white;
            padding: 20px;
            border: 1px solid #ccc;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            z-index: 1000;
        }

        /* Backdrop styles */
        .backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 999;
        }
    </style>
</head>

<body>

    <div class="banner-section-outer position-relative">
        <header>
            <?php require_once './partials/header.php'; ?>
        </header>
        <!-- BANNER SECTION -->
        <section class="banner-section position-relative">
            <div class="container">
                <div class="row">
                    <div class="col-lg-1 col-md-1 col-sm-1 col-1 d-md-block d-none">
                        <div class="banner_best_image position-relative">
                            <figure class="mb-0 position-absolute">
                                <img src="images/best_image.png" alt class="img-fluid">
                            </figure>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-8 col-sm-12 col-12">
                        <div class="banner-section-content">
                            <h1 data-aos="fade-up">BOT-Driven Crypto Investment Protocol</h1>
                            <div class="banner_content_wrapper position-relative">
                                <p class="text-white mb-0" data-aos="fade-right">Revolutionize Your Investments with Cutting-Edge AI Technology in Cryptocurrency</p>
                                <figure class="mb-0 position-absolute">
                                    <img src="images/banner_white_line.png" alt class="img-fluid">
                                </figure>
                            </div>
                            <div class="btn_wrapper" data-aos="fade-up">
                                <a class="text-decoration-none default-btn btn-size-18 hover-effect readmore_btn" href="register">Get Started<i class="fa-solid fa-angle-right"></i></a>
                                <a class="text-decoration-none default-btn-two btn-size-18 hover-effect" href="login">Login<i class="fa-solid fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-12 col-12">
                        <div class="banner_image position-relative">
                            <figure class="banner_main_image mb-0 left_right_shape">
                                <img src="images/banner_image.jpg" alt>
                            </figure>
                            <figure class="banner_image_top_shape mb-0 position-absolute">
                                <img src="images/banner_image_top_shape.png" alt class="img-fluid">
                            </figure>
                            <figure class="banner_image_bottom_shape mb-0 position-absolute top_bottom_shape">
                                <img src="images/banner_image_bottom_shape.png" alt class="img-fluid">
                            </figure>
                        </div>
                    </div>
                </div>
                <figure class="banner_left_image mb-0 position-absolute left_right_shape">
                    <img src="images/banner_left_image.jpg" alt class="img-fluid">
                </figure>

            </div>
        </section>
        <figure class="banner_top_shape mb-0 position-absolute top_bottom_shape">
            <img src="images/banner_top_shape.png" alt class="img-fluid">
        </figure>
        <figure class="banner_background_shape mb-0 position-absolute left_right_shape">
            <img src="images/banner_background_shape.png" alt>
        </figure>
    </div>
    <!-- STATISTICS SECTION -->
    <section class="statistics_section position-relative">
        <div class="container">
            <div class="row" data-aos="fade-up">
                <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="statistics_content">
                        <h3 class="mb-0">Innovating Investment Strategies with Ai Bot. When you invest, you get dividend yield every week, and your withdrawal is processed every immediately.</h3>
                    </div>
                </div>
            </div>
            <figure class="statistics_left_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/statistics_left_shape.png" alt class="img-fluid">
            </figure>
            <figure class="statistics_right_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/statistics_right_shape.png" alt class="img-fluid">
            </figure>
        </div>
    </section>
    <!-- SERVICES SECTION -->
    <section class="services_section position-relative">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-5 col-sm-12 col-12">
                    <div class="services_content">
                        <h6>What We Can Do</h6>
                        <h2>Services We Can Help You With</h2>
                    </div>
                </div>
                <div class="col-lg-7 col-md-7 col-sm-12 col-12 d-md-block d-none"></div>
            </div>
            <div class="row position-relative" data-aos="fade-up">
                <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="services_box hover-effect">
                        <figure>
                            <img src="images/services_box_image1.png" alt class="img-fluid hover-effect">
                        </figure>
                        <h5>Automated Crypto Trading</h5>
                        <p>Experience the efficiency of Ai Bot in making automated, data-driven trading decisions in the crypto market.</p>
                        <div class="btn_wrapper">

                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="services_box hover-effect">
                        <figure> <img src="images/services_box_image1.png" alt class="img-fluid hover-effect"> </figure>
                        <h5>Automated Algorithms</h5>
                        <p>Our Ai Bot algorithms analyze market trends to execute profitable trades automatically.</p>
                        <div class="btn_wrapper"> </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="services_box box2 hover-effect">
                        <figure> <img src="images/services_box_image2.png" alt class="img-fluid hover-effect"> </figure>
                        <h5>Portfolio Management</h5>
                        <p>Optimize your investment portfolio with our AI-driven strategies and insights.</p>
                        <div class="btn_wrapper"> </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="services_box hover-effect">
                        <figure>
                            <img src="images/services_box_image1.png" alt class="img-fluid hover-effect">
                        </figure>
                        <h5>Safe and secure transaction</h5>
                        <p>Our platform uses strong encryption and authentication procedures to guarantee the security of your money and information. Your security is our first concern.</p>
                        <div class="btn_wrapper">

                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="services_box hover-effect">
                        <figure> <img src="images/services_box_image1.png" alt class="img-fluid hover-effect"> </figure>
                        <h5>Continually profitable trade </h5>
                        <p>Our Ai Bot platform is built to assist you in taking advantage of price disparities across exchanges, guaranteeing a consistent flow of profitable transactions.</p>
                        <div class="btn_wrapper"> </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="services_box box2 hover-effect">
                        <figure> <img src="images/services_box_image2.png" alt class="img-fluid hover-effect"> </figure>
                        <h5>Support Around-the-Clock</h5>
                        <p>Our highly skilled customer service team is committed to giving you the best possible customer experience and making sure that your issues are resolved quickly.</p>
                        <div class="btn_wrapper"> </div>
                    </div>
                </div>

                <figure class="services_background_shape mb-0 position-absolute left_right_shape">
                    <img src="images/services_background_shape.png" alt class="img-fluid">
                </figure>
            </div>
            <figure class="services_right_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/services_right_shape.png" alt class="img-fluid">
            </figure>
        </div>
    </section>
    <!-- ABOUT US SECTION -->
    <section class="aboutus_section position-relative">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="aboutus_image">
                        <figure class="aboutus_main_image mb-0">
                            <img src="images/aboutus_image.jpg" alt class="img-fluid">
                        </figure>
                        <figure class="aboutus_image_shape position-absolute mb-0 left_right_shape">
                            <img src="images/aboutus_image_shape.png" alt class="img-fluid">
                        </figure>
                        <div class="image_box_wrapper hover-effect">
                            <figure class="mb-0 box_image float-left">
                                <img src="images/aboutus_box_image.png" alt class="img-fluid hover-effect">
                            </figure>
                            <div class="image_content_wrapper">
                                <div class="span_wrapper">
                                    <span class="number counter">18</span>
                                    <span class="plus">+</span>
                                </div>
                                <p class="mb-0">Years of Experience</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
                    <div class="aboutus_content" data-aos="fade-right">
                        <h6>About US</h6>
                        <h2>Leading the Way in Ai Bot Crypto Investments</h2>
                        <p>At the forefront of combining artificial intelligence with cryptocurrency investment, our platform offers unparalleled opportunities for growth and security.</p>
                        <ul class="list-unstyled mb-0">
                            <li><i class="fa fa-check" aria-hidden="true"></i>
                                <p>Advanced AI algorithms for market analysis</p>
                            </li>
                            <li><i class="fa fa-check" aria-hidden="true"></i>
                                <p>Personalized investment strategies for each client</p>
                            </li>
                            <li><i class="fa fa-check" aria-hidden="true"></i>
                                <p>Commitment to security and transparency</p>
                            </li>
                        </ul>
                        <div class="btn_wrapper">
                            <a class="text-decoration-none default-btn btn-size-18 hover-effect" href="about">Read More<i class="fa-solid fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <figure class="aboutus_background_shape mb-0 position-absolute left_right_shape">
                <img src="images/aboutus_background_shape.jpg" alt>
            </figure>
            <figure class="aboutus_top_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/aboutus_top_shape.png" alt class="img-fluid">
            </figure>
        </div>
    </section>
    <!-- WHO WE ARE SECTION -->
    <section class="who_we_are_section position-relative">
        <div class="container-fluid">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="who_we_are_left_content" data-aos="fade-up">
                        <h6 class="text-white">Who We Are</h6>
                        <h2 class="text-white">Artificial Intelligence is The New Big Thing in Technology</h2>
                        <p>Your financial success is at the center of our mission in the realm of cryptocurrency investments. At <?php echo APP_NAME; ?>, we aim to empower individuals and institutions with wise and responsible crypto investment solutions. We are dedicated to using state-of-the-art technology, data-driven insights, and a thorough understanding of the crypto market to guide our clients towards informed investment decisions. We do this through transparency, innovation, and a focus on risk management as we navigate the ever-changing digital asset landscape and make sure our clients can confidently navigate and seize opportunities in the constantly changing cryptocurrency market</p>
                        <div class="btn_wrapper">
                            <a class="text-decoration-none default-btn-two btn-size-18 hover-effect" href="register">Get Started<i class="fa-solid fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-5 col-lg-12 col-md-12 col-sm-12 col-12"></div>
            </div>
            <figure class="who_we_are_image position-absolute mb-0">
                <img src="images/who_we_are_image.png" alt class="img-fluid">
            </figure>
            <figure class="who_we_are_left_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/who_we_are_left_shape.png" alt class="img-fluid">
            </figure>
            <figure class="who_we_are_right_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/who_we_are_right_shape.png" alt class="img-fluid">
            </figure>
        </div>
    </section>

    <section class="statistics_section position-relative" style="background-color: var(--e-global-color-black)">
        <div class="container">
            <div class="row" data-aos="fade-up">
                <div class="col-lg-3 col-md-12 col-sm-12 col-12">
                    <div class="statistics_content">
                        <h3 class="mb-0">WHY <?php echo APP_NAME; ?></h3>
                    </div>
                </div>

                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                    <div class="statistics_box hover-effect">
                        <div class="span_wrapper"><span class="plus" style="font-size: 18px;"> ADAPTIVE LEARNING</span> </div>
                        <p class="text-size-16 mb-0 text">AI can learn from new data by implementing machine learning techniques; monitoring AI performance and fine-tuning strategies to adjust to shifting market dynamics.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                    <div class="statistics_box hover-effect">
                        <div class="span_wrapper"><span class="plus" style="font-size: 18px;"> ACCURACY</span> </div>
                        <p class="text-size-16 mb-0 text">With the unmatched precision of our AI algorithms, you will be able to spot arbitrage opportunities and gain the competitive advantage you need in the cryptocurrency market.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                    <div class="statistics_box hover-effect">
                        <div class="span_wrapper"><span class="plus" style="font-size: 18px;">SECURITY </span> </div>
                        <p class="text-size-16 mb-0 text">Our platform uses strong encryption and authentication procedures to guarantee the security of your money and information. Your security is our first concern.</p>
                    </div>
                </div>

                <div class="col-lg-3 col-md-4 col-sm-6 col-12"></div>

                <div class="col-lg-3 col-md-4 col-sm-6 col-12" style="margin-top: 10px;">
                    <div class="statistics_box hover-effect">
                        <div class="span_wrapper"><span class="plus" style="font-size: 18px;"> RISK MANAGEMENT</span> </div>
                        <p class="text-size-16 mb-0 text">By executing trades fast and effectively, our AI bot lowers the risk involved in manual trading and emotionally driven decision-making.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                    <div class="statistics_box hover-effect">
                        <div class="span_wrapper"><span class="plus" style="font-size: 18px;"> PROFIT</span> </div>
                        <p class="text-size-16 mb-0 text">Our AI platform is made to assist you in taking advantage of price variations across exchanges, guaranteeing a consistent flow of successful trades.</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                    <div class="statistics_box hover-effect">
                        <div class="span_wrapper"><span class="plus" style="font-size: 18px;">TIMELY WITHDRAWAL </span> </div>
                        <p class="text-size-16 mb-0 text">ClockEarnings trade 24/7 and our customers can Withdraw at 12hours interval anytime.</p>
                    </div>
                </div>
            </div>
            <figure class="statistics_left_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/statistics_left_shape.png" alt class="img-fluid">
            </figure>
            <figure class="statistics_right_shape mb-0 position-absolute top_bottom_shape">
                <img src="images/statistics_right_shape.png" alt class="img-fluid">
            </figure>
        </div>
    </section>
  

    <!-- COMBO SECTION -->
    <section class="combo_section">
        <!-- FAQ'S SECTION -->
        <!-- 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>