<?php $_shouldextend[1]=1; ?>

<?php $this->startSection('content'); ?>
	<?php $this->startPush("metadata"); ?>
 <?php echo $metadata; ?>

	<?php $this->stopPush(); ?>
	<div class="first-tip" id="begin" style="background:
	url('assets/img/IMG_2788.jpg');
   background-size: cover;
   background-position-y: 30%;
   margin-top: 7.3rem;
 ">
 <div class="container-fluid py-5 " style="background: linear-gradient(55deg, rgba(0,0,0,.25), rgba(0,0,0,.45));">
 <div class="container pb-5">
 <div class="row py-3 justify-content-end">
 <div class="col-12 col-lg-6">
 <h1 class="text-light font-weight-bold text-uppercase text-std-1 big-font-2 w-75" style="line-height: 2rem;
 ">
 ESTAMOS AQUI PARA ACRESCENTAR VALOR A SUA EMPRESA
 </h1>
 <p class="text-light text-std-2 pt-4">
 Fale connosco sobre o seu projeto e juntos vamos torná-lo realidade. Solicite agora um orçamento ou consulte-nos sobre os nossos serviços
 </p>

 <div class="row pt-4" >
 <div class="col-12 col-lg-7">
 <div class="input-group mb-0 bg-white py-2">
 <div class="input-group-prepend">
 <span class="bg-muting input-group-text">
 <i class="fa fa-envelope-o text-danger"></i>
 </span>
 </div>
 <input type="text" class="bg-muting  form-control border-0 text-std-2 rounded-0" placeholder="Informe o seu email" >
 </div>

 </div>
 <div class="col-8 col-lg-5 ml-auto">
 <button class="btn-ask-budget btn btn-danger rounded-0 py-2 w-100 h-100 text-std-2 sm-font d-flex align-items-center" >
 Solicitar Orçamento
 <i class="fa fa-long-arrow-right ml-2"></i>
 </button>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
	</div>

	<section class="container-fluid py-5 " style="background: url('assets/img/lines_bg.svg') left bottom no-repeat, #0B1434;">
 <div class="grid-container py-5">
 <div class="row justify-content-center">
 <div class="col-12 col-lg-5 ">
 <h4 class="text-std big-font-0">
 A sua necessidade é nossa prioridade
 </h4>
 <p class="text-palid text-std-2 pt-4">
 Você idealiza, nós concretizamos. Trabalhamos de forma colaborativa, com o propósito único de materializar a sua visão
 </p>
 </div>

 <div class="col-12 col-lg-5">
 <p class="text-light text-std-2">

 O fornecimento e implementação de equipamentos para a industria informática, telecomunicações, energia, climatização e frio, é um pouco do que fazemos

 </p>

 <p class="text-light text-std-2 pt-4">
 <i class="text-danger fa fa-check mr-2">
 </i>
 Oferecemos serviços de excelência, apostando em quadros nacionais
 </p>

 <p class="text-light text-std-2 pt-4">
 <i class="text-danger fa fa-check mr-2">
 </i>
 Provemos tecnologia de ponta para a melhor qualidade dos nossos serviços
 </p>

 <div class="d-flex justify-content-end">
 <a
 href="<?php echo static::e(URL('sobre-nos')); ?>"
 class="btn btn-danger rounded-0 px-5 py-3 h-100 text-std-2 d-flex align-items-center" >
 Saber Mais
 <i class="fa fa-long-arrow-right ml-2"></i>
 </a>
 </div>

 </div>
 </div>
 </div>
	</section>
	<section  id="what-move-us" class="container-fluid py-5">
 <div class="container py-5">
 <div class="row-x row align-items-center">
 <div class="col-10 col-lg-5 pb-3">
 <div class="position-relative what-move-us-img-holder">
 <div class="bg position-absolute bg-danger on-top-0 on-left-0"
 >

 </div>
 <div class="img-move" >

 </div>

 </div>
 </div>

 <div class="col-12 col-lg-6 ml-auto pb-3">
 <div class="grid-container">
 <h6 class="extended-text text-std mb-4">
 O que nos motiva
 </h6>
 <div class="row align-items-center pb-4">
 <div class="col-4 col-lg-3 pb-3">
 <img src="assets/img/idea.svg" class="w-100">
 </div>

 <div class="col-12 col-lg-9 pb-3">
 <h4 class="big-font-1 font-weight-bold text-std-1 mb-0">
 Acrescentar valor às operações dos clientes
 </h4>
 </div>
 </div>

 <p class="text-std-2">

 Estamos focados em satisfazer as necessidades dos nossos clientes, criando e implantando soluções inovadoras em telecomunicações e energias

 </p>

 <p class="text-std-2 pt-4">
 <i class="text-danger big-font-2 fa fa-check mr-2">
 </i>
 Criamos soluções simples e de alta qualidade para gerar valor ao seu negócio
 </p>

 <p class="text-std-2 pt-4">
 <i class="text-danger big-font-2 fa fa-check mr-2">
 </i>
 Melhoramos as suas operações com soluções inovadoras e pessoal qualificado
 </p>

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

	<section id="services" class="section container-fluid bg-darker-std">
 <div class="container">
 <div class="row align-items-center">
 <div class="col-12 col-lg-5">
 <div class="position-relative">
 <img src="assets/img/know_us_card.svg"
  style="transform: translateY(-4.5rem);"
  class="w-100">

 <p class="text-std-2 text-light">

 Tecnologia e Energias são os motores que nos levam a frente, e queremos torna-los os seus também. Possuímos serviços que vão desde Implementação de Estações de Rádio Base, até Redes de Fibra Óptica

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

 <div class="col-12 col-lg-7">
 <div class="hidden-sm">
 <div class="d-flex justify-content-end">
 <a
 href="#services-slider" data-slide="prev"
 class="btn btn-danger rounded-0 mr-2 sm-font px-5 py-3 h-100 text-std-2 d-flex align-items-center" >
 <i class="fa fa-long-arrow-left mr-2 sm-font"></i>
 Recuar
 </a>

 <a
 href="#services-slider" data-slide="next"
 class="btn btn-danger rounded-0 px-5 sm-font py-3 h-100 text-std-2 d-flex align-items-center" >
 Próximo
 <i class="fa fa-long-arrow-right ml-2 sm-font"></i>
 </a>
 </div>
 </div>

 <div class="hidden shown-sm">
 <div class="d-flex justify-content-center">
 <a
 href="#services-slider" data-slide="prev"
 class="btn btn-danger rounded-0 mr-2 sm-font px-5 py-3 h-100 text-std-2 d-flex align-items-center" >
 <i class="fa fa-long-arrow-left mr-2 sm-font"></i>
 Recuar
 </a>

 <a
 href="#services-slider" data-slide="next"
 class="btn btn-danger rounded-0 px-5 sm-font py-3 h-100 text-std-2 d-flex align-items-center" >
 Próximo
 <i class="fa fa-long-arrow-right ml-2 sm-font"></i>
 </a>
 </div>
 </div>
 <div class=" pt-5">

 <div id="services-slider" data-interval="false" class="carousel slide my-0" data-ride="carousel">

 <!-- The slideshow -->
 <div class="carousel-inner">
 <div class="carousel-item active">
 <div class="row justify-content-end" >
 <div class="col-12 col-lg-6">
 <div class="container-fluid shadow bg-white py-3 mb-3">
 <div class="d-flex justify-content-center pb-4">
 <img src="assets/img/service1.svg" class="w-50">
 </div>

 <h6 class="font-weight-bold text-std-1 text-center mb-3">
 Implementação de Estações de Rádio Base (Turn key
 </h6>

 <p class="text-std-2 pb-4">
 Temos experiência na construção de Sites, desde a construção de toda infraestrutura civil, instalação de equipamentos de Rádio (ODU/IDU) e Transmissão (Microondas ou em rede de fibra óptica)
 </p>

 </div>
 </div>

 <div class="col-12 col-lg-6">
 <div class="container-fluid shadow bg-white py-3 mb-3">
 <div class="d-flex justify-content-center pb-4">
 <img src="assets/img/service2.svg" class="w-50">
 </div>

 <h6 class="font-weight-bold text-std-1 text-center mb-3">
 Redes de Fibra Óptica
 </h6>

 <p class="text-std-2 pb-4">
 Temos em experiência em construção de rede de Fibra Óptica, desde o desenho/projecto de implementação até a manutenção preventiva e corretiva de toda infraestrutura
 </p>

 </div>
 </div>

 </div>
 </div>

 <div class="carousel-item">
 <div class="row justify-content-end" >
 <div class="col-12 col-lg-6">
 <div class="container-fluid shadow bg-white py-3 mb-3">
 <div class="d-flex justify-content-center pb-4">
 <img src="assets/img/service3.svg" class="w-50">
 </div>

 <h6 class="font-weight-bold text-std-1 text-center mb-3">
 Modernização ou Reengenharias,
 </h6>

 <p class="text-std-2 pb-4">
 Instalação de equipamentos de rádio, Tx e de energia em Sites em produção, desde a instalação de COLOCs 2G, 3G & 4G, Reengenharia de Tilts e Azimutes, Swap de Antenas, Swap de retificadores, Swap de BTS e instalação e comissionamento de links até 1.2m
 </p>

 </div>
 </div>

 <div class="col-12 col-lg-6">
 <div class="container-fluid shadow bg-white py-3 mb-3">
 <div class="d-flex justify-content-center pb-4">
 <img src="assets/img/service4.svg" class="w-50">
 </div>

 <h6 class="font-weight-bold text-std-1 text-center mb-3">
 Energia, Climatização & Frio
 </h6>

 <p class="text-std-2 pb-4">
 Assistência técnica em geradores de até 2000kVA;
 Instalação de sistema AVAC ligado ao DC, Montagem e manutenção de camaras frigoríficas
 </p>

 </div>
 </div>

 </div>
 </div>

 </div>

 </div>


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

	<section id="video-holder" class="section container-fluid py-5">
 <div class="container py-5">
 <div class="row align-items-center pt-5">
 <div class="col-12 col-lg-6">
 <div class="position-relative hidden-sm">
 <div class="position-absolute bg-standard on-top-0"
  style="
 height: 500px;
 width: 70%;
 border-radius: 1.3rem;
 left: 50%;
 transform: translate(-50%, -20%);
 "
 >

 </div>
 <div id="banner" class="banner position-relative">
 <video
 class="w-100"
 id="current-video"
 autoplay
 muted
 loop
 poster="assets/img/video_banner.jpg"
 >
 <source src="pexels-kindel-media-8487862.3gp"
 type="video/3gp">
 <source src="assets/img/pexels-kindel-media-8487862.webm"
 type="video/webm">
 </video>
 <div style="border-radius: 1.3rem;"
  class="d-flex align-items-center justify-content-center
 position-absolute card-dark on-top-0 on-left-0">

 <div class="shadow-lg" style="height: 70px; width: 70px; background: #000; border-radius: 50%; display: flex; justify-content: center; align-items: center;">
 <i class="material-icons text-danger">
 pause
 </i>
 </div>

 </div>
 </div>

 </div>
 </div>

 <div class="col-12 col-lg-6 ml-auto">
 <div class="grid-container">
 <h6 class="extended-text text-std mb-4">
 O que nos motiva
 </h6>
 <h4 class="big-font-1 mb-5 w-75 font-weight-bold text-std-1 mb-0">
 Deixe-nos edificar o seu projecto
 </h4>

 <p class="text-std-2">

 Trabalhe connosco e concretize o seu projeto. Oferecemos soluções que vão desde Circuito Fechado de Televisão(CCTV), vídeo porteiro, cerca eléctrica, sistema de alarme, cancela automática, até implementação de portão automático

 </p>
 <div class="row pt-5" >
 <div class="col-12 col-lg-7">
 <div class="input-group mb-0 bg-white border py-2">
 <div class="input-group-prepend">
 <span class="bg-muting input-group-text">
 <i class="fa fa-envelope-o text-danger"></i>
 </span>
 </div>
 <input type="text" class="bg-muting  form-control border-0 text-std-2 rounded-0" placeholder="Informe o seu email" >
 </div>

 </div>
 <div class="col-12 col-lg-5">
 <button class="btn-ask-budget btn btn-danger rounded-0 py-2 h-100 text-std-2 sm-font d-flex align-items-center" >
 Solicitar Orçamento
 <i class="fa fa-long-arrow-right ml-2"></i>
 </button>
 </div>
 </div>
 </div>
 </div>
 </div>
 </div>
	</section>

	<section id="hower-numbers" class="section container-fluid py-5"
	>
 <div class="container pb-5">
 <div class="row align-items-center pt-5">

 <div class="col-12 col-lg-6 ml-auto">
 <div class="grid-container">
 <h6 class="extended-text text-std mb-4">
 Nossos Serviços
 </h6>
 <h4 class="big-font-1 w-75 font-weight-bold mb-5 text-std-1 mb-0">
 Até onde chegamos ?
 </h4>
 <p class="text-std-2">
 A nossa motivação é a concretização de projetos que tenham um impacto positivo na sociedade e na vida dos nossos clientes, e os números são a prova disso. Mais de 15 clientes já apostaram em nós, agora é a sua vez de levar o seu projeto a frente connosco
 </p>


 </div>
 </div>

 <div class="col-12 col-lg-6">
 <div class="position-relative">

 <div class="row pt-3">
 <div class="col-6 col-lg-5 pb-3">
 <div class="container-fluid py-4 bg-white shadow">
 <p class="text-uppercase text-std-1">
 Clientes
 </p>
 <div class="d-flex justify-content-center py-4">
 <img src="assets/img/conversation.png" class="w-50">
 </div>
 <h4 class="text-center big-font-1 font-weight-bold text-std-1">+15</h4>
 </div>
 </div>

 <div class="col-6 col-lg-6 pb-3">
 <div class="container-fluid py-4 bg-standard shadow">
 <p class="text-uppercase text-std-1 text-light">
 Projectos
 </p>
 <div class="d-flex justify-content-center py-4">
 <img src="assets/img/rocket-ship.png" class="w-50">
 </div>
 <h4 class="text-center big-font-1 font-weight-bold text-std-1 text-light">+25</h4>
 </div>
 </div>

 <div class="col-12 col-lg-10 pt-3 ">
 <div class="container-fluid py-4 bg-white shadow">
 <div class="row align-items-center px-5">
 <div class="col-6 col-lg-4">
 <p class="text-uppercase text-std-1">
 Infraestruturas
 </p>
 <div class="d-flex justify-content-left">
 <img src="assets/img/power-plant.png" class="w-75">
 </div>
 </div>
 <div class="col-6 col-lg-8">
 <h4 class="text-right big-font-1 mb-0 font-weight-bold text-std-1">+30</h4>
 </div>
 </div>
 </div>
 </div>

 </div>

 </div>
 </div>


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

	<section id="testemonials" class="section container-fluid bg-darker-std py-5">
 <div class="container py-5">
 <div class="row align-items-center">
 <div class="col-12 col-lg-5">
 <div class="grid-container">
 <h6 class="extended-text text-light mb-4">
 Saiba o que dizem sobre nós
 </h6>
 <h4 class="big-font-1 text-std w-75 font-weight-bold mb-5 text-std-1 mb-0">
 Testemunhos
 </h4>

 </div>
 </div>

 <div class="col-12 col-lg-7">

 <div class=" pt-5">
 <div class="d-flex align-items-center mb-4 justify-content-end grid-container">
 <div style="
 background: url('assets/img/1586977656836img.jpg');
 width: 45px;
 height: 45px;
 border-radius: 50%;
 background-size: cover;
 ">

 </div>
 <h6 class="text-std-1 ml-3 mb-0 text-std">
 - Joana Miguel
 </h6>
 </div>
 <p class="text-std-2 pb-4 text-light">
 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos
 </p>

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

	<section id="clients" class="container-fluid bg-white py-5">
 <div class="container py-5">
 <div class="row row-x align-items-center justify-content-center">
 <div class="col-12 col-lg-5 pb-3">
 <div class="grid-container">
 <h6 class="extended-text text-center text-std mb-4">
 Saiba o que dizem sobre nós
 </h6>
 <h4 class="big-font-1 text-center font-weight-bold mb-5 text-std-1 mb-0">
 Já concretizamos projectos de
 </h4>

 </div>
 </div>

 <div class="col-12 col-lg-12">
 <div >
 <div class="row justify-content-center">
 <div class="col-12 col-lg-4 pb-3">
 <div class="container-fluid bg-white py-3 shadow py-3">
 <div class="d-flex justify-content-center">
 <img src="assets/img/multitel.jpg" class="w-75">
 </div>
 </div>
 </div>

 <div class="col-12 col-lg-4 pb-3">
 <div class="container-fluid bg-white py-3 shadow py-3">
 <div class="d-flex justify-content-center">
 <img src="assets/img/anglobal.jpg" class="w-75">
 </div>
 </div>
 </div>

 <div class="col-12 col-lg-4 pb-3">
 <div class="container-fluid bg-white py-3 shadow py-3">
 <div class="d-flex justify-content-center">
 <img src="assets/img/brolaz.png" class="w-75">
 </div>
 </div>
 </div>



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

	<section class="container-fluid bg-darker-std py-5">
 <div class="container py-5">
 <div class="row align-items-center">
 <div class="col-12 col-lg-6">
 <div class="container-fluid pt-5 pb-5 position-relative" style="
 height: 450px;
 ">

 <div id='map' class="w-100 h-100 on-left-0 on-top-0"
  style="position: absolute; "></div>
 </div>
 </div>

 <div class="col-12 col-lg-6">
 <div id="form-input-holder" class="container-fluid">
 <h6
 style="    line-height: 2rem;"
 class="extended-text text-std-1 pt-3 text-light mb-4">
 Entre em contacto ligue para +244 900 000 000
 OU
 </h6>
 <h4 class="big-font-1 w-75 text-std font-weight-bold mb-5 text-std-1 mb-0">
 Formulário de Contacto
 </h4>

 <div class="row pt-2" >
 <div class="col-12 col-lg-6">
 <div class="input-group mb-3 bg-white py-2">
 <div class="input-group-prepend">
 <span class="bg-muting input-group-text">
 <i class="material-icons text-danger">person_outline</i>
 </span>
 </div>
 <input type="text" class="bg-muting  form-control border-0 text-std-2 rounded-0"
    placeholder="Nome Completo"
    id="form-user-name"
 >
 </div>

 </div>
 <div class="col-12 col-lg-6">
 <div class="input-group mb-3 bg-white py-2">
 <div class="input-group-prepend">
 <span class="bg-muting input-group-text">
 <i class="fa fa-envelope-o text-danger"></i>
 </span>
 </div>
 <input type="email" class="bg-muting  form-control border-0 text-std-2 rounded-0"
    placeholder="Email"
    id="form-user-email"
 >
 </div>
 </div>
 </div>

 <div class="form-group mt-4">
 <textarea class="form-control text-std-2 rounded-0"
   rows="7" placeholder="Descreva o que deseja"
   id="form-comment"></textarea>
 </div>

 <div class="d-flex justify-content-end">
 <button id="btn-contact-form-setup"
 class="px-4 btn btn-danger rounded-0 py-3 h-100 text-std-2 sm-font d-flex align-items-center" >
 Submeter Formulário
 <i class="fa fa-long-arrow-right ml-2"></i>
 </button>
 </div>

 </div>
 </div>
 </div>
 </div>
	</section>
<?php $this->startPush("scripts"); ?>
	<script>
 document.getElementById('current-video').play();
	</script>
	<script>

 var myCurrentVideo = document.getElementById('current-video');
 var $videoTime = $('.video-time');
 var isprogressBarActive = false;
 $progressBar = $('.progressbar-container .progressbar-status');
 $progressBar1 = $('.progressbar-container');


 $(function(){

 inicializer();

 })

 function inicializer() {
 myCurrentVideo.addEventListener("timeupdate", getDuration, false);
 //pgContainer.addEventListener("click", **setProgressbarStatus** , false);
 //pgContainer.addEventListener("click", setProgressbarStatus , false);
 //   createThumbnail();
 }

 function convertTime(timenow) {
 if ((parseFloat(timenow) / 60) > 1) {
 var h = Math.floor(timenow / 3600);
 timenow = timenow - h * 3600;
 var m = Math.floor(timenow / 60);
 var s = Math.floor(timenow % 60);
 if (h.toString().length < 2) {
 h = '0' + h;
 }
 if (m.toString().length < 2) {
 m = '0' + m;
 }
 if (s.toString().length < 2) {
 s = '0' + s;
 }
 return(h + ' : ' + m + ' : ' + s);
 } else {
 var m = Math.floor(timenow / 60);
 var s = Math.floor(timenow % 60);
 if (m.toString().length < 2) {
 m = '0' + m;
 }
 if (s.toString().length < 2) {
 s = '0' + s;
 }
 return (m + ' : ' + s);
 }
 }

 function getDuration() {

 $videoTime.text("");
 // console.log("estou a entrar aqui");
 if (isprogressBarActive)
 return;
 $videoTime.text("- " + convertTime((myCurrentVideo.duration - myCurrentVideo.currentTime)));
 $('.video-time2').text(convertTime(myCurrentVideo.currentTime));
 if (myCurrentVideo.ended) {

 $('.bt-play i').removeClass();
 $('.bt-play i').addClass("fa fa-play");
 $('.video-options').fadeIn(800);
 }
 if (myCurrentVideo.paused)
 return;
 var largura = (myCurrentVideo.currentTime / myCurrentVideo.duration) * 100;
 // alert(myCurrentVideo.currentTime);
 $progressBar.css("width", "" + largura + "%");

 }




	</script>
	<script>
 var currentMaker = null;

 mapboxgl.accessToken = 'pk.eyJ1Ijoiam9zaHVhY2FwaSIsImEiOiJjazAxczVwemowZ3F6M25sY3N6YXQ2MTZjIn0.jJfby9vMVvyOJUks0-skJg';
 var map = new mapboxgl.Map({
 container: 'map',
 style: 'mapbox://styles/mapbox/dark-v10',
 center: [13.208655,-8.896814],
 zoom: 14.5,
 attributionControl: false
 });

 setupMaker(13.208655, -8.896814, map);
 function setupMaker(lng, lat, map) {
 locationPosition = {lng: lng, lat: lat};

 var features = map.queryRenderedFeatures(map.project([lng, lat]));
 var p = features && features[0] && features[0].properties;
 // console.log('p', p);
 if (p != null)
 $('.mapboxgl-ctrl-geocoder--input').val( (p.name ? ', ' + p.name : ''));

 if (currentMaker != null)
 currentMaker.remove();
 var marker = new mapboxgl.Marker({ "color": "#FF4646" })
 .setLngLat([lng, lat])
 .addTo(map);
 currentMaker = marker;
 }
	</script>
	<script type="text/javascript">

 /*document.getElementById("video1").addEventListener("loadedmetadata", function() {
 this.currentTime = 2.5;
 }, false);*/
 /*document.getElementById("video1").addEventListener("loadedmetadata", function() {
 this.currentTime = 2.5;
 }, false);*/


 $('.selection-opt').on('click', function(){

 $('.selection-opt').removeClass('active');
 $(this).addClass('active');

 });

 $('#btn-submit-data').on('click', function(){

 $(this).html(`<i class="fa fa-spinner fa-spin"></i>`);


 if($('#user-email').val() && $('#user-nickname').val() && $('#user-name').val() && $('#user-phone').val()){

 if($('.selection-opt').hasClass('active'))
 {



 }else
 alert("Por favor informe o que deseja fazer");

 }else{


 alert("Por favor preencha todos os dados");

 }

 });




 $(document).ready(function () {

 var controller = new ScrollMagic.Controller();

 var pinAboutUsScene = new ScrollMagic.Scene({
 triggerElement: '#what-move-us',
 }).setClassToggle('#what-move-us .row', 'fade-in-2')
 .addTo(controller);

 var pinAboutUsScene = new ScrollMagic.Scene({
 triggerElement: '#video-holder',
 reverse: false,}).setClassToggle('#video-holder .row-x', 'fade-in')
 .addTo(controller);

 var pinAboutUsScene = new ScrollMagic.Scene({
 triggerElement: '#hower-numbers',
 reverse: false,}).setClassToggle('#hower-numbers', 'fade-in')
 .addTo(controller);


 var scene2 = new ScrollMagic.Scene({
 triggerElement: '#testemonials',
 reverse: false,
 })
 .setClassToggle('#testemonials', 'fade-in')
 .addTo(controller);

 var scene2 = new ScrollMagic.Scene({
 triggerElement: '#services',
 reverse: false,
 })
 .setClassToggle('#services', 'fade-in')
 .addTo(controller);

 var scene2 = new ScrollMagic.Scene({
 triggerElement: '#clients',
 reverse: false,
 })
 .setClassToggle('#clients .row-x', 'fade-in-2')
 .addTo(controller);

 var scene2 = new ScrollMagic.Scene({
 triggerElement: '#video-holder',
 reverse: false,})
 .setClassToggle('#video-holder', 'fade-in')
 .addTo(controller);

 });

 const carouselItemTo = carouselItem => {
 // $("#form-steps-holder").carousel(carouselItem);
 $(`[data-target='#phone-slider'][data-slide-to=${carouselItem}]`).click();
 $(`[data-target='#text-phone-slider'][data-slide-to=${carouselItem}]`).click();

 };

	</script>

	<!--	<script src="views/admin/assets/js/physicalStore.js"></script>-->
	<?php $this->stopPush(); ?>

<?php $this->stopSection(); ?>

<?php if (@$_shouldextend[1]) { echo $this->runChild('guest.layouts.guestApp', ["title" => "Datelcom | serviços inovadores de telecomunicações e energia", "isOdd" =>false]); } ?>