
<!-- empieza el carrusell-->
<div id="demo" class="carousel slide text-center" data-ride="carousel">

  <!-- Indicators -->
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>

  <!-- The slideshow -->
  <div class="carousel-inner">
    <div class="carousel-item active"  style="z-index:-1">
      <img src="pagina/carousel_1.png" alt="Sin Esperas" style="opacity:0.8">
		<div class="carousel-caption">
		<h1 style="color:white"><i class="fas fa-mobile"></i> Con cualquier dispositivo</h1>
			<p>Podrás acceder a todos sus beneficios!</p>
		</div>
	</div>
    <div class="carousel-item">
      <img src="pagina/carousel_2.png" alt="original">
		<div class="carousel-caption">
		<h1 style="color:white">Eficiencia en la atención</h1>
			<p>Menores tiempos de espera!!!</p>
		</div>

    </div>
    <div class="carousel-item">
      <img src="pagina/carousel_3.png" alt="Sms">
		<div class="carousel-caption">
		<h1 style="color:white">Solo tocás tu Celular</h1>
			<p>Quieres llamar al mozo?</p>
		</div>
    </div>
    <div class="carousel-item">
      <img src="pagina/carousel_4.png" alt="Sms" style="opacity:0.8">
		<div class="carousel-caption">
		<h1 style="color:white"><i class="fas fa-couch"></i> Para tu mayor comodidad</h1>
			<p>Pedir la cuenta?</p>
		</div>
    </div>
  </div>

  <!-- Left and right controls -->
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>

</div> <!-- termina carrusell -->



<?php	if(!$id_delivery && !isset($_GET['tenesqueestar'])){
		echo "<div class=\"container p-3 my-3 border shadow p-4 mb-4\" style=\"color:REBECCAPURPLE;background-color:white\">
				<div class=\"row pt-3 pl-4 pb-3\">
					<div class=\"col-md-6\">
							<h3><i class='fas fa-hand-holding'></i>";
							if(isset($_GET['vuelvealoguear'])) {
								echo "Tienes que leer nuevamente el Codigo QR!!!";
							}
							else echo " Asistente Gastronómico Virtual";
							echo "</h3>
							<br>
							<h5><i class=\"fas fa-hand-paper\"></i> Llamar al Moz@</h5>
							<h5><i class=\"fas fa-mug-hot\"></i> Hacer el Pedido</h5>
							<h5><i class=\"fas fa-thumbs-up\"></i> Dejar Comentarios</h5>
							<h5><i class=\"fas fa-file-invoice-dollar\"></i> Pedir la cuenta</h5>
			</div>
			<HR>
			<div class=\"col-md-5 d-none d-md-block\">
			  <h3><i class='far fa-hand-paper'></i> Sin bajar ninguna App</h3>
			  <h5><br><i class=\"fab fa-audible\"></i> Mejora la Comunicación</h5>
			  <h5><i class=\"fas fa-balance-scale\"></i> Reduce los tiempos de espera</h5>
			  <h5><i class=\"fas fa-hand-holding-usd\"></i> Aumenta Rendimientos</h5>
			  <h5><i class=\"fas fa-check-square\"></i> Eficiencia y Control</h5>
			</div>
			<div class=\"col-md-1 d-none d-md-block\">
			  <h3><div class='row'><div class='col'><a href='https://www.facebook.com/Ponderzone-100493088401968'><i class='fab fa-facebook-square'></i></a></div></div></h3>
			</div>
		</div>
	</div>";
	}	
	
	
	
			echo "<div class='row pt-4 pl-4 pb-4 degrade' style='background-color:black'>";
				echo "<div class='col-md-6 text-white'>";
					echo "<h3 style='color:#1abcde'>La Tecnología marca la diferencia</h3>
				<br>";
					echo "<h3 class='text-white'>Qué es Ponderzone</h3>
				<br>
				<p>Es una WebApp con la que podés hacer pedidos de manera simple y cómoda, desde tu casa en modo Delivery o Takeaway. También podés interactuar estando en el local (Atención Presencial).
				
				<p>En el bar con tu celular vas poder llamar al mozo, pedir la carta, encargar la comida, hacer comentarios y sugerencias.</p>
				<p>Esto ayuda al aislamiento preventivo, social y obligatorio.</p>
				<p>Lo más importante: No tenés que bajarte ninguna Aplicación</p>
			";
				echo "</div>";
				echo "<div class='col-md-2'>";
				echo "</div>";
				echo "<div class='col-md-4'>";
					echo "<iframe width='300px' height='300px' src=\"https://www.youtube.com/embed/z1EWie2VVzI\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>";
				echo "</div>";
		echo "</div>";
		echo "<div class=\"row text-center pt-2 pl-2 pb-1\">
				</div>
				<div class='row text-center' style='background-color:white'>
					<div class='col'>
					<img src='pagina/paso1.png' style='height:200px'><br>
						<h5 style='background-color:white'>1) Lee el Codigo QR de tu mesa</h5>
					</div>
					<div class='col'>
					<img src='pagina/celu_1.jpg' style='height:200px'><br>
						<h5 style='background-color:white'>2) Accedés a la interfaz</h5>
					</div>
					<div class='col'>
					<img src='pagina/celu_2.jpg' style='height:200px'><br>
						<h5 style='background-color:white'>3) Hacé tu pedido</h5>
					</div>
				</div>
				<HR>				
				";
				
				
	?>
	
	