<?php

    

     //error_reporting(0);

     include("./painel/bd/conexao.php");





       $server = $link->query("SELECT * FROM informaprovedor ");

       require("./painel/bd/conexao.php");

                            while($ln = mysqli_fetch_array($server)){

                              $nomeprovedor          = $ln['nomeprovedor'];

                              $centralassinante    = $ln['centralassinante'];

                              $rodape   = $ln['rodape'];

                              $face  = $ln['face'];

                              $instra  = $ln['instra'];



     }



     $server = $link->query("SELECT * FROM planos ");

       require("./painel/bd/conexao.php");

                            while($ln = mysqli_fetch_array($server)){

                              $id            = $ln['id'];

                              $nome          = $ln['nome'];

                              $velocidade    = $ln['velocidade'];

                              $mensalidade   = $ln['mensalidade'];

                              $destaque      = $ln['destaque'];



     }



    $server = $link->query("SELECT * FROM contato");

       require("./painel/bd/conexao.php");

                            while($ln = mysqli_fetch_array($server)){

                              $endereco    = $ln['endereco'];

                              $email       = $ln['email'];

                              $appwhatzap  = $ln['appwhatzap'];

                              $whatzap     = $ln['whatzap'];

                              $telefone    = $ln['telefone'];



     }





     $server = $link->query("SELECT * FROM paginainicial");

       

                            while($ln = mysqli_fetch_array($server)){

                              $textodestaque    = $ln['textodestaque'];

                              $precoplano       = $ln['precoplano'];

                              $titulodiferenciais = $ln['titulodiferenciais'];

                              $textodiferencial1  = $ln['textodiferencial1'];

                              $textodiferencial2  = $ln['textodiferencial2'];

                              $textodiferencial3  = $ln['textodiferencial3'];

                              $diferencial1       = $ln['diferencial1'];

                              $diferencial2       = $ln['diferencial2'];

                              $diferencial3       = $ln['diferencial3'];

                          



     }





     $server = $link->query("SELECT * FROM servico");

                            while($ln = mysqli_fetch_array($server)){

                              $tituloservicos    = $ln['tituloservicos'];

                              $servico1          = $ln['servico1'];

                              $servico1texto  = $ln['servico1texto'];

                              $servico2texto = $ln['servico2texto'];

                              $servico2     = $ln['servico2'];

                              $servico3    = $ln['servico3'];

                              $servico3texto = $ln['servico3texto'];



     }

      $server = $link->query("SELECT * FROM sobre");

                            while($ln = mysqli_fetch_array($server)){

                              $missao   = $ln['missao'];

                              $visao    = $ln['visao'];

                              $valores  = $ln['valores'];

                              $areas    = $ln['areas'];

                              $areas1    = $ln['areas1'];

                              $areas2    = $ln['areas2'];

                              $areas3    = $ln['areas3'];

                             



     }



    

     

?>
<!DOCTYPE html>
<html lang="pt-5">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title><?php echo $nomeprovedor;?> </title>
  <meta content="" name="descriptison">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">


</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top d-flex align-items-center header-transparent">
    <div class="container d-flex align-items-center">

      <div class="logo mr-auto">
        <h1 class="text-light"><a href="index.php"><span><img src="/assets/img/logo.png" width="270" height="270"></span></a></h1>
       
      </div>

      <nav class="nav-menu d-none d-lg-block">
        <ul>
          <li class="active"><a href="index.php">INICIO</a></li>
          <li><a href="#sobre">SOBRE</a></li>
          <li><a href="#service">SERVIÇO</a></li>
          <li><a href="#plano">PLANOS</a></li>
          <li><a href="#cobertura">COBERTURA</a></li>
          <li><a href="#contato">CONTATO</a></li>
           
        </ul>
         <div class="others-options">
              <a href="<?php echo $centralassinante;?>" class="btn btn-primary">Area Cliente</a>
      </div>
      </nav><!-- .nav-menu -->
      

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero">

    <div class="container">
      <div class="row">
        <div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center">
           <div class="main-banner-content">

               <h1><?php echo $textodestaque;?></h1>

                    <p>Planos a partir de</p>

                        <div class="price">

                             <?php echo $precoplano;?> <span>/mensais</span>

                        </div>

            <div class="text-center text-lg-left">
              <a href="https://api.whatsapp.com/send?phone=<?php echo $appwhatzap;?>" class="btn-get-started"> Entre em Contato</a>
            </div>
          </div>
        </div>
        <div class="col-lg-5 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300">
          <img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>

    <svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28 " preserveAspectRatio="none">
      <defs>
        <path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
      </defs>
      <g class="wave1">
        <use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
      </g>
      <g class="wave2">
        <use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
      </g>
      <g class="wave3">
        <use xlink:href="#wave-path" x="50" y="9" fill="#fff">
      </g>
    </svg>

  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= About Section ======= -->
    <section id="sobre" class="about">
      <div class="container-fluid">

        <div class="row">
          <div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center align-items-stretch" data-aos="fade-right">
            
          </div>

          <div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5" data-aos="fade-left">
            <h3>Conheça a Empresa</h3>
            <p>Por que somos o provedor mais requisitado?.</p>

            <div class="icon-box" data-aos="zoom-in" data-aos-delay="100">
              <div class="icon"><i class="icofont-edit"></i></div>
              <h4 class="title">Missão</h4>
              <p class="description"><?php echo $missao;?>
</p>
            </div>

            <div class="icon-box" data-aos="zoom-in" data-aos-delay="200">
              <div class="icon"><i class="icofont-eye-alt"></i></div>
              <h4 class="title"><a href="">Visão</a></h4>
              <p class="description"><?php echo $visao;?></p>
            </div>

            <div class="icon-box " data-aos="zoom-in" data-aos-delay="300">
              <div class="icon">
                            <i class="icofont-check"></i>
                        </div>
              <h4 class="title"><a href="">Valores</a></h4>
              <p class="description"><?php echo $valores;?></p>
            </div>

          </div>
        </div>

      </div>
    </section><!-- End About Section -->

    <!-- ======= service Section ======= -->
    <section id="service" class="features">
    >

    <!-- ======= Counts Section ======= -->
     <div  class="our_differentials">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="section_title text-center mb-100">
                        <span class="fa-stack fa-1x">
                            <i class="fa-icon-circle-1 fa fa-circle fa-stack-2x"></i>
                            <i class="fa-icon-1 fa fa-star fa-stack-1x"></i>
                        </span>
                        <h3 class="mt-3">Nossos Diferenciais</h3>
                        <p>
                            
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-lg-4">
                    <div class="single_course text-center">
                        <div class="icon">
                            <i class="icofont-speed-meter"></i>
                        </div>
                        <h3><?php echo $diferencial1 ?></h3>
                        <p><?php echo $textodiferencial1 ?>
                      </p>
                    </div>
                </div>
                <div class="col-md-12 col-lg-4">
                    <div class="single_course text-center">
                        <div class="icon">
                            <i class="icofont-clock-time"></i>
                        </div>
                        <h3><?php echo $diferencial2 ?></h3>
                        <p><?php echo $textodiferencial2 ?></p>
                    </div>
                </div>
                <div class="col-md-12 col-lg-4">
                    <div class="single_course text-center">
                        <div class="icon">
                            <i class="icofont-live-support"></i>
                        </div>
                        <h3><?php echo $diferencial3 ?></h3>
                        <p><?php echo $textodiferencial3 ?></p>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- End Counts Section -->
</select>
    <!-- ======= Details Section ======= -->
    <section id="details" class="details">
      <div class="container">
          
        <div class="row content">
          <div class="col-md-4 order-1 order-md-2" data-aos="fade-left">
            <img src="assets/img/details-2.png" class="img-fluid" alt="">
          </div>
          <div class="col-md-8 pt-5 order-2 order-md-1" data-aos="fade-up">
            <h3>Experimente a Mágica da Internet</h3>
            <p class="font-italic">
             Descubra todas as possibilidades que uma internet de qualidade pode proporcionar a você e sua família. Filmes ilimitados, seriés sem fim, redes sociais a qualquer hora do dia e da noite, jogos online com a máxima qualidade. Tudo isso e muito mais.
            </p>
          </div>
        </div>

        
      </div>
    </section><!-- End Details Section -->

    <!-- ======= Gallery Section ======= -->
   

    <!-- ======= Pricing Section ======= -->
    <section id="plano" class="pricing">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Planos</h2>
          <p>CONFIRA NOSSOS PREÇOS</p>
        </div>

        <div class="row" data-aos="fade-left">

          <?php



                        

                     $server = $link->query("SELECT * FROM planos ORDER BY id");



                     if(mysqli_num_rows($server) == 0){

                        

                     }else{

                            require("./painel/bd/conexao.php");

                            while($ln = mysqli_fetch_array($server)){

                              $id            = $ln['id'];

                              $nome          = $ln['nome'];

                              $velocidade    = $ln['velocidade'];

                              $mensalidade   = $ln['mensalidade'];

                              $destaque      = $ln['destaque'];



                            

                           echo ' <div class="col-lg-3 col-md-6">
            <div class="box '.$destaque.'" data-aos="zoom-in" data-aos-delay="100">
              <h3>'.$velocidade.' Megas</h3>
              <h4><sup>R$</sup>'.$mensalidade.'<span> / Mês</span></h4>
              <ul>
                <h3 style="font-size: 20px; font-weight: 300;">'.$nome.'</h3>
                <li>Sem Franquia</li>
                <li>Youtube</li>
                <li>Netflix</li>
                <li>Redes Sociais</li>
                <li>Gaming</li>
                <li>Lives</li>
                <li>100% Fibra</li>
                <li>Banda Garantida</li>
              </ul>
              <div class="btn-wrap">
                <a href="https://api.whatsapp.com/send?phone='.$appwhatzap.'&text=Ol%C3%A1%2C%20me%20interessei%20pelo%20plano%20de%20'.$velocidade.'%20Megas%2C%20como%20fa%C3%A7o%20para%20contratar%3F" target="_blank" class="btn-buy">Assinar</a>
              </div>
            </div>
          </div>
';

                        }

                     }

               ?>
          
      </div>
    </section><!-- End Pricing Section -->
<section id="cobertura" class="cobertura">
      <div class="our_differentials">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="section_title text-center mb-100">
                        <span class="fa-stack fa-1x">
                            <i class="fa-icon-circle-1 fa fa-circle fa-stack-2x"></i>
                            <i class="fa-icon-1 fa fa-info fa-stack-1x"></i>
                        </span>
                        <div class="section-title" data-aos="fade-up">
          <h2> Confira a Lista de Bairros que Atendemos</h2>
          <p>Bairros que Atendemos</p>
        </div>
                    </div>
                </div>
            </div>
            <div class="row mb-5">
                                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <i class="icofont-location-pin"></i> <strong style="font-size: 20px;"><?php echo $areas;?></strong>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <i class="icofont-location-pin"></i> <strong style="font-size: 20px;"><?php echo $areas1;?></strong>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <i class="icofont-location-pin"></i> <strong style="font-size: 20px;"><?php echo $areas2;?></strong>
                </div>
                                <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                    <i class="icofont-location-pin"></i> <strong style="font-size: 20px;"><?php echo $areas3;?></strong>
                </div>
                 
                            </div>
        </div>
    </div>
</section>
    <!-- ======= F.A.Q Section ======= -->
    <section id="faq" class="faq section-bg">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Dúvidas Frequentes</h2>
          <p>Mitos mais comuns sobre internet banda larga</p>
        </div>

        <div class="faq-list">
          <ul>
            <li data-aos="fade-up">
              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" class="collapse" href="#faq-list-1">
Preciso de linha telefônica?<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-1" class="collapse show" data-parent=".faq-list">
                <p>
                  Não é necessário ter linha telefônica.
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="100">
              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-2" class="collapsed">Tem Franquia de dados? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-2" class="collapse" data-parent=".faq-list">
                <p>
                  Não temos franquia de dados, você pode navegar a vontade sem se preocupar com consumo de dados.
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="200">
              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-3" class="collapsed">Gosto de Jogar Online, posso ficar tranquilo? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-3" class="collapse" data-parent=".faq-list">
                <p>
                  Sim, nossa internet permite que você jogue a vontade 24 horas por dia 7 dias por semana.
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="300">
              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-4" class="collapsed">Tenho Garantia de Banda? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-4" class="collapse" data-parent=".faq-list">
                <p>
                  Sim, garantimos a banda contratada de acordo com as regras da ANATEL.
                </p>
              </div>
            </li>

            <li data-aos="fade-up" data-aos-delay="400">
              <i class="bx bx-help-circle icon-help"></i> <a data-toggle="collapse" href="#faq-list-5" class="collapsed">Perdi o Carnê, como Faço? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
              <div id="faq-list-5" class="collapse" data-parent=".faq-list">
                <p>
                  Você pode retirar a segunda via de qualquer mensalidade pela internet, bastando acessar nossa central do assinante.
                </p>
              </div>
            </li>

          </ul>
        </div>

      </div>
    </section><!-- End F.A.Q Section -->

    <!-- ======= Contact Section ======= -->
    <section id="contato" class="contact">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>CONTATO</h2>
          <p>CONTATE-NOS</p>
        </div>

        <div class="row">

          <div class="col-lg-4" data-aos="fade-right" data-aos-delay="100">
            <div class="info">
              <div class="address">
                <i class="icofont-google-map"></i>
                <h4>Endereço:</h4>
                <p><?php echo $endereco;?></p>
              </div>

              <div class="email">
                <i class="icofont-envelope"></i>
                <h4>Email:</h4>
                <p><?php echo $email;?></p>
              </div>

              <div class="phone">
                <i class="icofont-phone"></i>
                <h4>Telefone:</h4>
                <p><?php echo $telefone;?></p>

                <p><?php echo $whatzap;?></p>
              </div>

            </div>

          </div>

          <div class="col-lg-8 mt-5 mt-lg-0" data-aos="fade-left" data-aos-delay="200">

            <form action="forms/contact.php" method="post" role="form" class="php-email-form">
              <div class="form-row">
                <img src="assets/img/map.png">
                

      </div>
      </div>

    </section><!-- End Contact Section -->

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-4 col-md-6">
            <div class="footer-info">
              <h3><?php echo $nomeprovedor;?></h3>
              <p class="pb-3"><em><p><?php echo $rodape;?></em></p>

              <p>
            
                <strong>Telefone:</strong><?php echo $telefone;?><br>
                <strong>Email:</strong> <?php echo $email;?><br>
              </p>
              <div class="social-links mt-3">
                <a href="<?php echo $face;?>" class="facebook"><i class="bx bxl-facebook"></i></a>
                <a href="<?php echo $instra;?>" class="instagram"><i class="bx bxl-instagram"></i></a>
 
              </div>
            </div>
          </div>

          <div class="col-lg-2 col-md-6 footer-links">
            <h4>Menu</h4>
            <ul>
              <li><i class="bx bx-chevron-right"></i> <a href="#">Inicio</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#sobre">Sobre</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#service">Serviço</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#plano">Plano</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#cobertura">Cobertura</a></li>
              <li><i class="bx bx-chevron-right"></i> <a href="#contato">Contato</a></li>
            </ul>

          </div>

        
         

        </div>
      </div>
    </div>

    <div class="container">
      <div class="copyright">
        &copy;<?php echo $nomeprovedor;?> 2020. Todos os direitos reservados.
      </div>
      
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/jquery/jquery.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/venobox/venobox.min.js"></script>
  <script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
  <script src="assets/vendor/counterup/counterup.min.js"></script>
  <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>