1#@!#!123s

��JFIF�� 1#@!#!123s
: / proc / self / root / home / earnlouq / tapnaire.live /
Filename : index.php
back
<?php 
session_start();
// Database connection
include('../config/conn.php');
include "includes/header.php" 
?>

<div id="particles-js"></div>
<!-- Home-area start-->
<section class="hero-banner hero-banner-3 bg-cover bg-img" style="margin-top:0 !important;">
    <div class="container" style="margin-top:-10vh !important;">
        <div class="row align-items-center gx-xl-5">
            <div class="col-lg-6">
                <div class="banner-content mb-40">
                    <h1 class="title color-black mb-30" data-aos="fade-up" data-aos-delay="100"><span style="font-size:50px;">Introducing</span><br>
                     Tapnaire, <span class="color-primary" id="typewrite"></span></h1>
                    <p class="text color-black" data-aos="fade-up" data-aos-delay="100">
                    Get ready to experience a new era of affiliate marketing with Tapnaire,
                     a ground breaking digital tapping platform that rewards your time with real cash.
                    </p>
                    <div class="cta-btn mt-40 btn-groups" data-aos="fade-up" data-aos-delay="200">
                        <a href="user/signup.php" class="btn btn-lg btn-primary rounded-pill" title="Get Started" target="_self">Get Started
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6" data-aos="fade-up">
                <div class="banner-image mb-40">
                    <img class="lazyload blur-up" src="images/placeholder.png" data-src="images/top.jpg" alt="Banner Image"
                    style="border-radius:10px;">
                </div>
            </div>
            
        </div>
        
    </div>
</section>
<!-- Home-area end -->


<!-- Choose-area start -->
<section class="choose-area choose-2 pt-60">
    <div class="container">
        <div class="row align-items-center gx-xl-5">
            <div class="col-lg-6" data-aos="fade-up">
                <div class="image mb-40 img-right">
                 <!--   <img class="lazyload blur-up js-tilt radius-md" src="assets/images/top2.png" data-src="assets/images/top2.png" alt="Image">-->
                
                 <script async="async" data-cfasync="false" src="//pl19720270.profitableratecpm.com/e930e6861d91892aca14f451e73571b8/invoke.js"></script>
                 <div id="container-e930e6861d91892aca14f451e73571b8"></div>
                 
                </div>
            </div>
            <div class="col-lg-6 order-lg-first" data-aos="fade-up">
                <div class="content-title mb-40">
                    <span class="subtitle color-primary">Who we are</span>
                    <h2 class="title mb-20 mt-0">
                        The Most Reliable Source of Income
                    </h2>
                    <div class="content-text">
                       <p>
                       TAPNAIRE is a revolutionary digital platform designed to empower individuals with the opportunity to earn real cash rewards through simple, everyday actions. Our innovative approach leverages the power of tapping, affiliate marketing to create a unique and sustainable income stream for our users. 
                    </p>
                       
                    </div>


                </div>
            </div>
        </div>
    </div>
</section>
<!-- Choose-area end -->



 <!-- Choose-area start -->
    <section class="choose-area choose-1 ptb-60">
        <div class="container">
            <div class="row align-items-center gx-xl-5">
                <div class="col-lg-6" data-aos="fade-up">
                    <div class="image mb-40">
                        <img class="lazyload blur-up js-tilt" src="images/placeholder.png" data-src="images/4.jpg" alt="Image">
                    </div>
                </div>
                <div class="col-lg-6 order-lg-first" data-aos="fade-up">
                    <div class="content-title mb-40">
                        <span class="subtitle color-primary">Why Choose us</span>
                        <h2 class="title mb-30 mt-0">
                            An Easy way to harness Digital greatness
                        </h2>
                        <div class="content-text">
                            <p>
                            Some of the many reasons we believe you will enjoy and benefit from this great innovation.
                            </p>
                        </div>
                        <ul class="info-list list-unstyled mt-20">
                            <li>
                                <i class="far fa-dot-circle"></i>
                                Users are placed first 
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>
                                Experience and expertise 
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>
                                 Transparency
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>
                                Data security 
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>                  
                                Real Naira earnings
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>
                               On seat and instant customer service
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>
                               Swift disbursement of payment
                            </li>
                            <li>
                                <i class="far fa-dot-circle"></i>
                               Global recognition
                            </li>
                        </ul>
                        <div class="btn-groups gap-25 mt-40" data-aos="fade-up">
                            <a href="user/signup.php" class="btn btn-lg btn-primary" title="Register Now" target="_self">Register Now</a>
                            <a href="#" class="video-btn video-btn-text video-btn-sm youtube-popup" target="_self" title="Show Video">
                                <i class="fas fa-play"></i>
                                <span>Video Tutorial</span> 
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Choose-area end -->
    
    
    
        <!-- Screenshot-area start -->
    <section class="screenshot-area pt-60">
        <div class="container-fluid px-0">
            <div class="row">
                <div class="col-12">
                    <div class="section-title title-center mb-50" data-aos="fade-up">
                        <span class="subtitle color-primary">Ready to grow with us?</span>
                        <h2 class="title mt-0">Let's quickly walk you through some of our Amazing features</h2>
                    </div>
                </div>
                <div class="col-12">
                    <div class="swiper screenshot-slider-1" data-aos="fade-up">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="lazy-container" style="height:400px;">
                                    <img class="lazyload" src="images/1.jpg" data-src="images/1.jpg" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="lazy-container" style="height:400px;">
                                    <img class="lazyload" src="images/5.jpg" data-src="images/5.jpg" alt="Image">
                                </div>
                            </div>
                            
                            <div class="swiper-slide">
                                <div class="lazy-container" style="height:400px;">
                                    <img class="lazyload" src="images/2.jpg" data-src="images/2.jpg" alt="Image">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="lazy-container" style="height:400px;">
                                    <img class="lazyload" src="images/3.jpg" data-src="images/3.jpg" alt="Image">
                                </div>
                            </div>
                           
                        </div>
                        <!-- Slider Scrollbar -->
                        <div class="swiper-scrollbar"></div>
                        <!-- Slider pagination's -->
                        <div class="swiper-pagination screenshot-slider-pagination"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Screenshot-area end -->


<!-- About-area start -->
<section class="about-area about-2 ptb-60">
    <div class="container">
        <div class="row align-items-center gx-xl-5">
            <div class="col-lg-6 mb-3" data-aos="fade-up">
                <div class="image mb-40 img-left">
                   <!-- <img class="lazyload blur-up js-tilt radius-md" src="assets/images/top3.png" data-src="assets/images/top8.png" alt="Image">-->
                
                </div>
<script type="text/javascript">
	atOptions = {
		'key' : '704054eaa141a74a3bff128905210a64',
		'format' : 'iframe',
		'height' : 50,
		'width' : 320,
		'params' : {}
	};
</script>
<script type="text/javascript" src="//www.highperformanceformat.com/704054eaa141a74a3bff128905210a64/invoke.js"></script>
            </div>
            <div class="col-lg-6" data-aos="fade-up">
                <div class="content-title mb-40">

                    <h2 class="title mb-20 mt-0">
                        Top Notch Security
                    </h2>
                    <div class="content-text">
                        <p>
                            we have a comprehensive support system in place to promptly address any issues or concerns that you may have. Our goal is to provide an enjoyable and efficient experience, and we are committed to continuously improving our platform to meet the evolving needs of our users.
                            We value your trust and are confident that you will find our platform to be a reliable source of online earnings.
                        </p>
                    </div>


                </div>
            </div>
        </div>
    </div>
</section>
<!-- About-area end -->




<!-- Screenshot-area start 
<section class="screenshot-area pb-100">
    <div class="container-fluid px-0">
        <div class="row">
            <div class="col-12">
                <div class="section-title title-center mb-50" data-aos="fade-up">
                    <span class="color-primary">What our users say... </span>
                    <h2 class="title mt-0">Here are some Reviews from our esteemed users</h2>
                </div>
            </div>
            <div class="col-12" data-aos="fade-up">
                <div class="swiper screenshot-slider" id="screenshot-slider-3" data-slides-per-view="5">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide radius-lg">
                            <img class="lazyload" src="assets/images/s1.png" data-src="assets/images/screenshot/s1.png" alt="Image">
                        </div>
                        <div class="swiper-slide radius-lg">
                            <img class="lazyload" src="assets/images/placeholder.png" data-src="assets/images/screenshot/screenshot-7.png" alt="Image">
                        </div>
                        <div class="swiper-slide radius-lg">
                            <img class="lazyload" src="assets/images/placeholder.png" data-src="assets/images/screenshot/screenshot-8.png" alt="Image">
                        </div>
                        <div class="swiper-slide radius-lg">
                            <img class="lazyload" src="assets/images/placeholder.png" data-src="assets/images/screenshot/screenshot-9.png" alt="Image">
                        </div>
                        <div class="swiper-slide radius-lg">
                            <img class="lazyload" src="assets/images/placeholder.png" data-src="assets/images/screenshot/screenshot-10.png" alt="Image">
                        </div>
                    </div>
                     
                    <div class="swiper-pagination position-static mt-40" id="screenshot-slider-3-pagination"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Screenshot-area end -->






<!-- Newsletter area start -->
<section class="newsletter-area newsletter-2">
    <div class="container">
        <div class="newsletter-inner position-relative z-1"> 
            <div class="overlay bg-primary opacity-1 radius-lg"></div>
            <div class="row gutter-0 align-items-center" data-aos="fade-up">
                <div class="col-lg-6">
                    <div class="content px-60 ptb-30">
                        <h2 class="color-white mb-30">Convinced Already?</h2>
                        <div class="content-text w-75 w-sm-100">
                            <p class="text color-white">Our mission is to create a seamless and enjoyable earning and marketing experience for our users.
                                 We will strive to provide the highest level of value and also endeavor that every user, benefit from this innovation</p>
                        </div>
                        
                    </div>
                </div>
               <!-- <div class="col-lg-6 align-self-end">
                    <div class="image d-none d-lg-block">
                        <img class="lazyload blur-up" src="assets/images/placeholder.png" data-src="assets/images/newsletter-3.png" alt="Image">
                    </div>
                </div>-->
            </div>
        </div>
    </div>
</section>
<!-- Newsletter area end -->

<?php include "includes/footer.php" ?>