<?php include 'head.php';?>
  <body class="page-home">
<?php include 'nav.php';?>

<?php
if($lang === 'en'): ?>

    <section class="hero-wrap" data-stellar-background-ratio="0.5">
      <div class="overlay">
      
              <div class="video-background">
        <video autoplay muted loop id="bg-video">
            <source src="/videos/cover.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </div>
 
      
      </div>
      
      <div class="container">
        <div class="row no-gutters slider-text align-items-center">
          <div class="col-lg-7 col-md-6 ftco-animate d-flex align-items-end">
          	<div class="text">
	            <h1 class="mb-4">Providing dangerous industries with robotic-based solutions</h1>
	            <p style="font-size: 18px;">TeknTrash Robotics designs and develops robots for unhealthy, unsanitary, and dangerous environments</p>
</p>
	            <p><a href="about.php" class="btn btn-primary py-3 px-4">Know more</a></p>
            </div>
          </div>
        </div>
      </div>
    </section>
	
  <?php else: ?>

<section class="hero-wrap" data-stellar-background-ratio="0.5">
  <div class="overlay">
  
          <div class="video-background">
    <video autoplay muted loop id="bg-video">
        <source src="/videos/cover.mp4" type="video/mp4">
        您的浏览器不支持视频标签。
    </video>
</div>

  </div>
  
  <div class="container">
    <div class="row no-gutters slider-text align-items-center">
      <div class="col-lg-7 col-md-6 ftco-animate d-flex align-items-end">
      	<div class="text">
            <h1 class="mb-4">为废弃物处理行业提供机器人解决方案</h1>
            <p style="font-size: 18px;">以人工智能与机器人技术推动更高效、更可持续的废弃物管理。</p>
            <p><a href="about.php" class="btn btn-primary py-3 px-4">了解更多</a></p>
        </div>
      </div>
    </div>
  </div>
</section>
<?php endif; ?>


  	
<?php include 'footer.php';?>
  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="js/google-map.js"></script>
  <script src="js/main.js"></script>
    
  </body>
</html>