<?php
ini_set("display_errors", 0);
include '../reignworx.php';
include 'uptime.php';

$website = 'reignworx.com';
$domaintype = 'toplevel';


session_start();

$sql0 = 'SELECT * from contact_details';		
$query0 = mysqli_query($conn, $sql0);
while ($row = mysqli_fetch_array($query0))
{
$name=$row['c_name'];
$email=$row['email'];
$tel=$row['tel'];
$location=$row['location'];
$address=$row['address'];
$trading_hours = $row['trading_hours'];
$whatsapp = $row['whatsapp'];
}

$_SESSION['name'] = $name;
$_SESSION['email'] = $email;
$_SESSION['tel'] = $tel;
$_SESSION['location'] = $location;
$_SESSION['address'] = $address;
$_SESSION['trading_hours'] = $trading_hours;
$_SESSION['whatsapp'] = $whatsapp;



$sql1 = 'SELECT * from specials where s_status = "A" ORDER BY 1 DESC LIMIT 1';		
$query1 = mysqli_query($conn, $sql1);

$sql2 = 'SELECT * from services where s_status = "A" ORDER BY 2';		
$query2 = mysqli_query($conn, $sql2);

$sql3 = '
SELECT * from stats
';		

$query3 = mysqli_query($conn, $sql3);

while ($row = mysqli_fetch_array($query3))

{

$s_projects=$row['s_projects'];
$s_domains=$row['s_domains'];
$s_coffee=$row['s_coffee'];
$s_visits=$row['s_visits'];
$s_capacity=$row['s_capacity'];
$s_country=$row['s_country'];
$s_country_ct=$row['s_country_ct'];
$s_country_abr = $row['s_country_abr'];
}

?>
<!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="Web Developer based in Windhoek Namibia">
    <meta name="keywords" content="web, developer, website, namibia, windhoek, wedding, safari, html, php, e-commerce, design, south, africa, web design namibia">
    
    <title>Reignworx Web Development CC | Home</title>
    <!-- Additional CSS Files -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="assets/css/reignworx.css">
    <link rel="stylesheet" type="text/css" href="assets/css/owl-carousel.css">

    </head>
<?php include 'navmenu.php' ?>
    <body>
    

        
    <!-- ***** Welcome Area Start ***** -->
    <div class="welcome-area" id="welcome">

        <!-- ***** Header Text Start ***** -->
        <div class="header-text">
            <div class="container">
                <div class="row">
                    <div class="left-text col-lg-6 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                        <h1>We Love What We Do!</h1>
                        <p>Need a new website? We can help!</p>
                        <a href="#about" class="main-button-slider">Find Out More</a>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
                        <img src="assets/images/slider-icon.png" class="rounded img-fluid d-block mx-auto" alt="First Vector Graphic">
                    </div>
                </div>
            </div>
        </div>
        <!-- ***** Header Text End ***** -->
    </div>
    <!-- ***** Welcome Area End ***** -->


    <!-- ***** Features Big Item Start ***** -->
    <section class="section" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-12 col-sm-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
                    <img src="assets/images/left-image.png" class="rounded img-fluid d-block mx-auto">
                </div>
                <div class="right-text col-lg-5 col-md-12 col-sm-12 mobile-top-fix">
                       <?php
                       while ($row = mysqli_fetch_array($query1)){
                        echo '<div class="left-heading">';
                        echo '<h5 style="color: #224778;">'.$row['s_name'].'</h5>';
                        echo '</div>';
                        
                        echo '<div class="left-text">';
                        echo '<p>';
                        echo $row['s_details'];
                        echo '</p>';
                        echo '</div>';
                       }
                        ?>
                    
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="hr"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->
    <!-- ***** Features Small Start ***** -->
    <section class="section" id="services">
        <div class="container">
            <div class="row">
                <div class="owl-carousel owl-theme">
                    <?php
                    while ($row = mysqli_fetch_array($query2)){
                    echo '<div class="item service-item">';
                    echo '<div class="icon">';
                    echo '<i class="'.$row['s_icon'].'"></i>';
                    echo '</div>';
                    echo '<h5 class="service-title">'.$row['s_title'].'</h5>';
                    echo '<p>'.$row['s_desc'].'</p>';
                    if ($row['s_link'] !== '' && $row['s_link'] !== null){
                    echo '<a href="'.$row['s_link'].'" class="main-button">Read More</a>';
                    }
                    echo '</div>';
                    }
                    ?>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Small End ***** -->

    <!-- ***** Features Big Item Start ***** -->
    <section class="section" id="about2">
        <div class="container">
            
            <div class="row">
                <div class="left-text col-lg-5 col-md-12 col-sm-12 mobile-bottom-fix">
                    <div class="left-heading">
                        <h5 style="color: #1e7edd;">Why choose us?</h5>
                    </div>
                    <p>When it comes to web development and design, your choice is a simple one.</p>
                    <ul>
                        <li>
                            <img src="assets/images/about-icon-01.png" alt="">
                            <div class="text">
                                <h6>Flexibility</h6>
                                <p>We offer a wide range of flexible web design options for all of our services, 
                                    including training that allow you to understanding your new business website.</p>
                            </div>
                        </li>
                        <li>
                            <img src="assets/images/about-icon-02.png" alt="">
                            <div class="text">
                                <h6>Advanced use of technology</h6>
                                <p>Our websites are designed to look and function consistently across all current, popular Web Browsers. 
                                    We also use coding technologies that are compatible with Mobile Phone and Tablet platforms.</p>
                            </div>
                        </li>
                        <li>
                            <img src="assets/images/about-icon-03.png" alt="">
                            <div class="text">
                                <h6>Service</h6>
                                <p>We listen. We internalize. We’re responsive. The partners remain involved in projects from start to finish. Our projects are delivered on time and on budget. 
                                    We don’t do “one size fits all”, but rather tailor solutions to a client’s needs, focusing on getting the job done right so it will produce results.</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="right-image col-lg-7 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
                    <img src="assets/images/right-image.png" class="rounded img-fluid d-block mx-auto" alt="App">
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Big Item End ***** -->

    <!-- ***** Features Small Start ***** -->
    <!-- placeholder for counts -->
    <section class="section" id="services">
        <div class="container">
            <div class="row">
                <div class="owl-carousel owl-theme">
                    <?php
                    while ($row = mysqli_fetch_array($query2)){
                    echo '<div class="item service-item">';
                    echo '<div class="icon">';
                    echo '<i class="'.$row['s_icon'].'"></i>';
                    echo '</div>';
                    echo '<h5 class="service-title">'.$row['s_title'].'</h5>';
                    echo '<p>'.$row['s_desc'].'</p>';
                    if ($row['s_link'] !== '' && $row['s_link'] !== null){
                    echo '<a href="'.$row['s_link'].'" class="main-button">Read More</a>';
                    }
                    echo '</div>';
                    }
                    ?>
                </div>
            </div>
    <div class="fullWidth eight columns">

        <div class="projectFactsWrap">

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_projects ?>" style="visibility: visible;">

                <i class="fa fa-briefcase"></i>

                <p id="number1" class="number"><?php echo $s_projects ?></p>

                <span></span>

                <p>Recent Projects</p>

            </div>

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_domains ?>" style="visibility: visible;">

                <i class="fa fa-list"></i>

                <p id="number2" class="number"><?php echo $s_domains ?></p>

                <span></span>

                <p>Domains Hosted</p>

            </div>

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_coffee ?>" style="visibility: visible;">

                <i class="fa fa-coffee"></i>

                <p id="number3" class="number"><?php echo $s_coffee ?></p>

                <span></span>

                <p>Cups of coffee</p>

            </div>

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_visits ?>" style="visibility: visible;">

                <i class="fa fa-globe"></i>

                <p id="number4" class="number"><?php echo $s_visits ?></p>

                <span></span>

                <p>Web Visits</p>

            </div>

        </div>

    </div>



    <div class="fullWidth eight columns">

        <div class="projectFactsWrap">

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $days ?>" style="visibility: visible;">

                <i class="fa fa-server"></i>

                <p id="number5" class="number"><?php echo $days ?> days</p>

                <span></span>

                <p>Server Uptime</p>

            </div>

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_capacity ?>" style="visibility: visible;">

                <i class="fa fa-save"></i>

                <p id="number6" class="number"><?php echo $s_capacity ?> %</p>

                <span></span>

                <p>Avail. Capacity</p>

            </div>

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_country_ct ?>" style="visibility: visible;">

                <i class="fa fa-globe"></i>

                <p id="number8" class="number"><?php echo $s_country_ct ?></p>

                <span></span>

                <p>Countries that Visited</p>

            </div>

            <div class="item wow fadeInUpBig animated animated" data-number="<?php echo $s_country_abr ?>" style="visibility: visible;">

                <i class="fa fa-bookmark"></i>

                <p id="number7" class="number"><?php echo $s_country_abr ?></p>

                <span></span>

                <p>Highest Visiting Country</p>

            </div>



        </div>
        </div>
<script>

$.fn.jQuerySimpleCounter = function( options ) {

            

	    var settings = $.extend({

	        start:  0,

	        end:    100,

	        easing: 'swing',

	        duration: 400,

	        complete: ''

	    }, options );



	    var thisElement = $(this);



	    $({count: settings.start}).animate({count: settings.end}, {

			duration: settings.duration,

			easing: settings.easing,

			step: function() {

				var mathCount = Math.ceil(this.count);

				thisElement.text(mathCount);

			},

			complete: settings.complete

		});

	};
$('#number1').jQuerySimpleCounter({end: <?php echo $s_projects; ?>,duration: 3000});
$('#number2').jQuerySimpleCounter({end: <?php echo $s_domains; ?>,duration: 3000});
$('#number3').jQuerySimpleCounter({end: <?php echo $s_coffee; ?>,duration: 3000});
$('#number4').jQuerySimpleCounter({end: <?php echo $s_visits; ?>,duration: 3000});
$('#number5').jQuerySimpleCounter({end: <?php echo $days; ?>,duration: 3500});
$('#number6').jQuerySimpleCounter({end: <?php echo $s_capacity; ?>,duration: 3500});
$('#number8').jQuerySimpleCounter({end: <?php echo $s_country_ct; ?>,duration: 3500});
	

     $('.about-me-img').hover(function(){

            $('.authorWindowWrapper').stop().fadeIn('fast').find('p').addClass('trans');

        }, function(){

            $('.authorWindowWrapper').stop().fadeOut('fast').find('p').removeClass('trans');

        });

  

</script>

    </section>
    <!-- ***** Features Small End ***** -->
 

    <!-- ***** Features Small Start ***** -->
    <!-- placeholder for quote -->
    <section class="section">
        <div class="container">


                    <br><br><br>
                    <p style="color: #1e7edd; font-size: 2em;" align="center">"The power of a website comes from the people using it, <br>not the people making it."</p>
                    <br><br><br>


        </div>
    </section>
    <!-- ***** Features Small End ***** -->    
    
    

    <!-- ***** Contact Us Start ***** -->
    <section class="section" id="contact-us">
        <div class="container-fluid">
            <div class="row">
                <!-- ***** Contact Map Start ***** -->
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div id="map">
                      <!-- How to change your own map point
                           1. Go to Google Maps
                           2. Click on your location point
                           3. Click "Share" and choose "Embed map" tab
                           4. Copy only URL and paste it within the src="" field below
                    -->
                    <iframe src="https://www.google.com/maps/embed?pb=<?php echo $_SESSION['location'] ?>" width="100%" height="600px" frameborder="0" style="border:0" allowfullscreen></iframe>
                    </div>
                </div>
                <!-- ***** Contact Map End ***** -->

                <!-- ***** Contact Form Start ***** -->
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="contact-form" id="contact">
                        <c style="color: white;">
                            <?php echo $_SESSION['name'] ?> | <?php echo $_SESSION['tel'] ?> | <?php echo $_SESSION['email'] ?>
                        </c><br><br><hr>
                        <form id="contactForm" name="sentMessage" novalidate>
                          <div class="row">
                            <div class="col-md-6 col-sm-12">
                              <fieldset>
                                <input name="name" type="text" id="name" placeholder="Full Name" required class="contact-field">
                                <p class="help-block text-danger"></p>
                              </fieldset>
                            </div>
                            <div class="col-md-6 col-sm-12">
                              <fieldset>
                                <input name="contact_number" type="text" id="contact_number" placeholder="Contact Number" required class="contact-field">
                                <p class="help-block text-danger"></p>
                              </fieldset>
                            </div>
                            <div class="col-md-6 col-sm-12">
                              <fieldset>
                                <input name="email" type="text" id="email" placeholder="E-mail" required class="contact-field">
                                <p class="help-block text-danger"></p>
                              </fieldset>
                            </div>
                            <div class="col-lg-12">
                              <fieldset>
                                <textarea name="message" rows="6" id="message" placeholder="Your Message" required class="contact-field"></textarea>
                                <p class="help-block text-danger"></p>
                              </fieldset>
                            </div>
                              <input type="hidden" name="contact_type" id="contact_type" value="index.php">
                              
                            <div class="col-lg-12">
                              <fieldset>
                                <button type="submit" id="form-submit" class="main-button">Send Now</button>
                              </fieldset>
                                
                              <div class="col-lg-12"><br>
                              <div id="success" align="center"></div>
                              </div>
                            </div>
                          </div>
                        </form>
                        <br>
                        <p style="color: white;">Alternatively log a support ticket <a href="https://support.reignworx.com/" style="color: white;"><b>here</b></a></p> 
                               
                    </div>
                    
                    
                </div>
                <!-- ***** Contact Form End ***** -->
            </div>
        </div>
    </section>
<?php include 'footer.php'; ?>
    <!-- ***** Contact Us End ***** -->
<!--<script type="text/javascript" src="assets/js/jquery.1.11.1.js"></script>-->
<script type="text/javascript" src="assets/js/jqBootstrapValidation.js"></script> 
<script type="text/javascript" src="assets/js/contact_me.js"></script> 

<?php include('../visitlog.php'); ?> 
  </body>
</html>
