HOME

<!-- Footer -->
  <footer class="footer-area">
    <!-- Container -->
    <div class="container text-center">
      <!-- row -->
      <!-- <div class="row">
        <div class="col-md-6 col-12 col-center">
          <h1 class="footer-logo">GQ Labs</h1>
          <p>GQ Labs is a Support &amp; Help Center Template to create your own
            24/7 self-service customer
            support center.</p>
        </div>
      </div> -->
      <!-- /row -->
      <!-- col -->
      <div class="col-md-4 col-12 foot-divider col-center"></div>
      <!-- /col -->
      <ul class="social-link">
        <li><a href="#"><i class="ri-facebook-fill"></i></a></li>
        <li><a href="#"><i class="ri-instagram-line"></i></a></li>
        <li><a href="#"><i class="ri-twitter-line"></i></a></li>
        <li><a href="#"><i class="ri-youtube-line"></i></a></li>
      </ul>
      <p class="copyright-text ">&copy; <?php echo date('Y'); ?> GQ Labs S.R.L. Todos los derechos reservados
      </p>
    </div>
    <!-- /Container -->


    <div class="whatsapp_chat_support wcs_fixed_right" id="example">
<div class="wcs_button_label">
	¿Preguntas? Charlemos!
</div>  
<div class="wcs_button wcs_button_circle">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/WhatsApp_icon.png/479px-WhatsApp_icon.png">
</div>  

<div class="wcs_popup">
	<div class="wcs_popup_close">
		<span class="fa fa-close"></span>
	</div>
	<div class="wcs_popup_header">
		<strong>¿Necesitas ayuda?</strong>
		<br>
		<div class="wcs_popup_header_description">Seleccione uno de nuestros representantes</div>
	</div>  
	<div class="wcs_popup_person_container">
		<div class="wcs_popup_person" data-number="18099979292" data-default-msg="Hola, tengo algunas preguntas, ¿pueden ayudarme?" data-availability='{"monday":"09:00-17:00", "tuesday":"09:00-17:00", "wednesday":"09:00-17:00", "thursday":"09:00-17:00", "friday":"09:00-17:00" , "saturday":"08:00-13:00"}'>
			<div class="wcs_popup_person_img"><img src="whatsapp/images/logo-whatsapp.png" alt="" style="width:60px !important;height:60px;"></div>
			<div class="wcs_popup_person_content">
				<div class="wcs_popup_person_name">Principal</div>
				<div class="wcs_popup_person_description">Servicio al cliente</div>
				<div class="wcs_popup_person_status">Estoy en línea</div>
			</div>	
		</div>

		<div class="wcs_popup_person" data-number="18099979292" data-default-msg="Hola, tengo algunas preguntas sobre las ventas, ¿pueden ayudarme?" data-availability='{"monday":"09:00-17:00", "tuesday":"09:00-17:00", "wednesday":"09:00-17:00", "thursday":"09:00-17:00", "friday":"09:00-17:00" , "saturday":"08:00-13:00"}'>
			<div class="wcs_popup_person_img"><img src="whatsapp/images/logo-whatsapp.png" alt="" style="width:60px !important;height:60px;"></div>
			<div class="wcs_popup_person_content">
				<div class="wcs_popup_person_name">Representante 1</div>
				<div class="wcs_popup_person_description">Ventas</div>
				<div class="wcs_popup_person_status">Estoy en línea</div>
			</div>
		</div>

		<div class="wcs_popup_person" data-number="18099979292" data-default-msg="Hola, tengo algunas preguntas sobre las ventas, ¿pueden ayudarme?" data-availability='{"monday":"09:00-17:00", "tuesday":"09:00-17:00", "wednesday":"09:00-17:00", "thursday":"09:00-17:00", "friday":"09:00-17:00" , "saturday":"08:00-13:00"}'>
			<div class="wcs_popup_person_img"><img src="whatsapp/images/logo-whatsapp.png" alt="" style="width:60px !important;height:60px;"></div>
			<div class="wcs_popup_person_content">
				<div class="wcs_popup_person_name">Representante 2</div>
				<div class="wcs_popup_person_description">Ventas</div>
				<div class="wcs_popup_person_status">Estoy en línea</div>
			</div>
		</div>

    </div>

</div>  


  </footer>
  <!-- /Footer -->


  <!-- Back to top -->
  <div id="thetop"></div>
  <div id="backtotop">
    <a href="#" id="scroll">
      <i class="las la-chevron-up"></i>
    </a>
  </div>
  <!-- /Back to top -->

  <!-- Search Popup -->
  <div class="modal fade search_modal" id="exampleModal" tabindex="-1" role="dialog" aria-hidden="true">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <img src="img/icon/close-white.png" alt="">
    </button>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
          <div class="input-group">
            <input type="text" class="form-control" placeholder="Type here..." aria-label="Recipient's username"
              aria-describedby="button-addon3">
            <div class="input-group-append">
              <button class="btn btn-outline-secondary" type="button" id="button-addon3"><i
                  class="ri-search-2-line"></i></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- /Search Popup -->

  <!-- JS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <script src="whatsapp/plugin/components/jQuery/jquery-1.11.3.min.js"></script>
  <!-- Vendor Js -->
  <script src="js/vendors.js"></script>
  <!-- /Vendor js -->

  <!-- Plugins Js -->
  <script src="js/plugins.js"></script>
  <!-- /Plugins Js -->

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

  <!-- /JS -->

  


<!-- Plugin JS file -->
<script src="whatsapp/plugin/components/moment/moment.min.js"></script>
<script src="whatsapp/plugin/components/moment/moment-timezone-with-data.min.js"></script> <!-- spanish language (es) -->
<script src="whatsapp/plugin/whatsapp-chat-support.js"></script>

<script>
   $('#example').whatsappChatSupport({
        defaultMsg : '',
    });

</script>
</body>

</html>