<?php
	session_start()
?>

<!-- =========
  Name: Green Tech Pot
	Desenvolvido: Rúben Silva
	Versão: 1.1
========== -->

<html lang="pt">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>GREEN TECH POT|VASO INTELIGENTE PLANTAS </title>

    <!--====== Favicon Icon ======-->
    <link
      rel="shortcut icon"
      href="assets/images/favicon.svg"
      type="image/svg"
    />

    <!-- ===== All CSS files ===== -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/lineicons.css" />
    <link rel="stylesheet" href="assets/css/ud-styles.css" />
  </head>
  <body>	  
	  
    <!-- ====== Header Start ====== -->
    <header class="ud-header" style="background: #00BB00 ">
      <p>&nbsp;</p>
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <nav class="navbar navbar-expand-lg">
              <a class="navbar-brand" href="indexLogin.php">
                <img src="assets/images/logo/logo-2.svg" alt="Logo" />
              </a>
              <button class="navbar-toggler">
                <span class="toggler-icon"> </span>
                <span class="toggler-icon"> </span>
                <span class="toggler-icon"> </span>
              </button>

              <div class="navbar-collapse">
                <ul id="nav" class="navbar-nav mx-auto">
                  <li class="nav-item">
                    <a class="ud-menu-scroll" href="#home" >Início</a>
                  </li>
				  <li class="nav-item">
                    <a class="ud-menu-scroll" href="#Funcionalidades">Funcionalidades </a>
                  </li>
                  <li class="nav-item">
                    <a class="ud-menu-scroll" href="#about">Benefícios </a>
                  </li>
                  <li class="nav-item">
                    <a class="ud-menu-scroll" href="#pricing">Regras</a>
			   
                  </li>
			    <li class="nav-item">
                    <a class="ud-menu-scroll" href="#team">Equipa</a>
                  </li>
				 <li class="nav-item">
                    <a class="ud-menu-scroll" href="#faq">Perguntas Respondidas</a>
                  </li>  
					
					 <li class="nav-item">
                    <a class="ud-menu-scroll" href="#contact">Contacto</a>
                  </li>
					 <li class="nav-item">
                 	<a href="blog.html">Blog</a>
                  </li>
			
					
	<li class="nav-item dropdown">
		<a class="nav-link dropdown-toggle" id="userDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
			<!-- Substituir 'Username' pelo nome real do utilizador vindo do backend -->
			<?php 
				if (isset($_SESSION['utilizador'])) {
					$utilizador = $_SESSION['utilizador'];
				} else {
				// Redirecione ou defina um valor padrão
					$utilizador = "Guest";
				}
			?> 
			<?php echo htmlspecialchars($utilizador); ?>
		</a>
		<ul class="dropdown-menu" aria-labelledby="userDropdown">
			<li><a class="dropdown-item" href="DadosUtilizador.php">Perfil</a></li>
			<li><a class="dropdown-item" href="index.html">Sair</a></li>
		</ul>
	</li>
					
					
	           	</ul>
			   </div>
			</nav>
          </div>
        </div>
      </div>
    </header>
    <!-- ====== Header End ====== -->
	
    <!-- ====== Hero Start ====== -->
    <section class="ud-hero" id="home" style="background: #00BB00 ">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="ud-hero-content wow fadeInUp" data-wow-delay=".2s">
              <h1 class="ud-hero-title">
                Green Tech Pot
              </h1>
              <p class="ud-hero-desc">
               É um pequeno vaso inteligente projetado para cultivar plantas em apartamentos e moradias.É possível monitorar a temperatura, a água e a fertilização da planta, mantendo-a saudável e feliz..</p>
            </div>
          </div>
        </div>
      </div>
    </section>
  <!-- ====== Hero End ====== -->

    <!-- ====== Características e funcionalidades ====== -->
    <section id="Funcionalidades" class="ud-Funcionalidades">
      <div class="container">
        <div class="row">
          <div class="col-lg-12"> <br>
               <div class="ud-about-content">
             <span class="tag" style="background: #00BB00 ">Características e funcionalidades</span>
				
          	</div>
          </div>
          <div class="row">
          	<div class="col-xl-3 col-lg-3 col-sm-6">
            	<div class="ud-single-feature wow fadeInUp" data-wow-delay=".1s">
				  <div class="ud-feature-icon" style="background: #00BB00 ">
				<img src="assets/images/Funcionalidades/Monitoramento Remoto.png"/> 
				  </div>
				  <div class="ud-feature-content">
					<h3 class="ud-feature-title">Monitoramento no Ecrã</h3>
					<p class="ud-feature-desc"> Permite acompanhar em tempo real a situação da planta, desde a umidade do solo até os níveis de nutrientes.</p>
				  </div>
                </div>
             </div>
			  
          <div class="col-xl-3 col-lg-3 col-sm-6">
            <div class="ud-single-feature wow fadeInUp" data-wow-delay=".15s">
              <div class="ud-feature-icon" style="background: #00BB00 ">
                <i class="lni lni-move"></i>
              </div>
              <div class="ud-feature-content">
                <h3 class="ud-feature-title">Ajuste Automático</h3>
                <p class="ud-feature-desc">
                 O vaso ajusta automaticamente com base nas necessidades da planta, garantindo o seu crescimento saudável. </p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-3 col-sm-6">
            <div class="ud-single-feature wow fadeInUp" data-wow-delay=".2s">
              <div class="ud-feature-icon" style="background: #00BB00 ">
				<img src="assets/images/Funcionalidades/Notificações Inteligentes.png"/> 
              </div>
              <div class="ud-feature-content">
                <h3 class="ud-feature-title">Notificações Inteligentes</h3>
                <p class="ud-feature-desc">
                Envia alertas quando a planta precisa de atenção, como quando está com falta de água ou nutrientes.</p>
              
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-3 col-sm-6">
            <div class="ud-single-feature wow fadeInUp" data-wow-delay=".25s">
              <div class="ud-feature-icon" style="background: #00BB00 ">
             	<img src="assets/images/Funcionalidades/Histórico da Planta.png"/>
              </div>
              <div class="ud-feature-content">
                <h3 class="ud-feature-title">Histórico da Planta</h3>
                <p class="ud-feature-desc">
                O "livro de saúde" da planta regista o  seu progresso, permitindo identificar e solucionar problemas. </p>
         	  </div>
        </div>
      </div>	
	</div>
		  </div>
		</div>
	</section>
    <!-- ====== About Start ====== -->
    <section id="about" class="ud-about">
      <div class="container">
        <div class="ud-about-wrapper wow fadeInUp" data-wow-delay=".2s">
          <div class="ud-about-content-wrapper">
            <div class="ud-about-content">
				  	
		     <span class="tag" style="background: #00BB00 ">Benefícios</span>
				  <p><b>Educacionais:</b> Ajuda a compreender a importância da água, luz solar e outros cuidados necessários para manter as plantas saudáveis. 
				  </p>
				  <p><b>Cultivo em Espaços Pequenos:</b> Soluciona os desafios comuns de falta de espaço, luz solar limitada e rotina agitada para quem deseja cultivar plantas em ambientes urbanos.
				  </p>
  				  <p><b>Promover a Sustentabilidade e o Bem-Estar:</b> Incentiva a prática da jardinagem urbana, contribuindo para a sustentabilidade e o bem-estar dos moradores, ao trazer um pouco de natureza para dentro de casa
				  </p>
				  <p><b>Tecnologia para Simplificar o Cuidado:</b> Implementa tecnologias avançadas, como sensores de umidade para simplificar o processo de cuidado com as plantas e garantir seu desenvolvimento saudável.
                  </p>
                  <p><b>Interatividade e Design Compacto:</b> Incorpora elementos interativos,notificações  e cria um vaso esteticamente agradável e compacto, adequado para pequenos espaços.
                  </p>
		      </div>
			 
 			</div>
        </div>
      </div>
    </section>
    <!-- ====== About End ====== -->

    <!-- ====== Regras ====== -->
    <section id="pricing" class="ud-pricing">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="ud-section-title mx-auto text-center">
              <span>Regras</span>
				<h2>Fertilizantes seguros e diretivas da União Europeia</h2>
            </div>
          </div>
        </div>
        <div class="row g-0 align-items-center justify-content-center">
         <div class="col-lg-4 col-md-6 col-sm-10">
            <div
              class="ud-single-pricing active wow fadeInUp"
              data-wow-delay=".1s"  style="background: #00BB00 ">
              <div class="ud-pricing-header" >
                <h4>Regulamentação Europeia</h4>
                <h3>A composição e o uso desses fertilizantes seguem as rígidas normas da UE para garantir a segurança e a saúde dos utilizadores e do meio ambiente.<br>
				Os fertilizantes utilizados no Green Tech Pot são ecológicos e seguros, atendendo às diretivas da União Europeia.</h3>
				  <p></p>
              </div>
			 </div>
			</div>
			&nbsp;&nbsp;&nbsp;
          <div class="col-lg-4 col-md-6 col-sm-10">
			  <div
              class="ud-single-pricing active wow fadeInUp"
              data-wow-delay=".1s"  style="background: #00BB00 ">
              <div class="ud-pricing-header" >
                <h4>Impacto Ambiental Mínimo</h4>
                <h3>Ao utilizar fertilizantes sustentáveis, Green Tech Pot diminui o impacto ambiental do cultivo de plantas em ambientes domésticos.</h3>
				  <p>&nbsp;</p><p>&nbsp;</p>
				</div>
			 </div>
       
			</div>
        </div>
      </div>
    </section>
    <!-- ====== Regras End ====== -->
    <!-- ====== Team Start ====== -->
    <section id="team" class="ud-team">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
  <div class="ud-section-title mx-auto text-center">
	  
	
    <h2>Sobre o desenvolvedor</h2>
<p>
    Olá o meu nome é Rúben Silva sou de Portugal nasci em Barcelos,mas neste momento vivo numa freguesia que faz parte do concelho Vila Nova de Famalicão. Estive na Suiça quando eu era pequeno. Gosto de assuntos relacionados com a tecnologia.</p>
  </div>
        <div class="row">
          <div class="col-xl-3 col-lg-3 col-sm-6"> </div>
          <div class="col-xl-3 col-lg-3 col-sm-6"> </div>
          <div class="col-xl-3 col-lg-3 col-sm-6">
            <div class="ud-single-team wow fadeInUp" data-wow-delay=".2s">
              <div class="ud-team-image-wrapper">
                <div class="ud-team-image">
                    <img src="assets/images/Equipa/ruben.jpg" alt="team" />
                </div>
              </div>
              <div class="ud-team-info">
                <h5>&nbsp;</h5>
                <h5>&nbsp;</h5>
                <h5>Rúben Silva</h5>
<h6>Desenvolvedor de Aplicações , Websites e Robótica</h6>
              </div>
              <ul class="ud-team-socials">
                <li>
					<a href="https://www.instagram.com/rubensilva2006" target="_blank"><img src="assets/images/logo/Instagram.png"></a>
         
                </li>
              </ul>
            </div>
          </div>
    <!-- ====== Team End ====== -->

	  <!-- ====== Perguntas Respondidas ====== -->
    <section id="faq" class="ud-faq">
<div class="container">
    <div class="row">
          <div class="col-lg-12">
            <div class="ud-section-title text-center mx-auto">
				<span>Perguntas Respondidas</span>
			</div>
          </div>
    </div>
        <div class="row">
          <div class="col-lg-6">
            <div class="ud-single-faq wow fadeInUp" data-wow-delay=".1s">
              <div class="accordion">
                <button
                  class="ud-faq-btn collapsed"
                  data-bs-toggle="collapse"
                  data-bs-target="#collapseOne"
                >
                  <span class="icon flex-shrink-0">
                    <i class="lni lni-chevron-down"></i>
                  </span>
                  <span>A partir que idade?</span>
                </button>
                <div id="collapseOne" class="accordion-collapse collapse">
                  <div class="ud-faq-body">
                     Crianças a partir de 6 anos, capazes de compreender conceitos básicos de responsabilidade e participar no cuidado das plantas
                  </div>
                </div>
              </div>
            </div>
            <div class="ud-single-faq wow fadeInUp" data-wow-delay=".15s">
              <div class="accordion">
                <button
                  class="ud-faq-btn collapsed"
                  data-bs-toggle="collapse"
                  data-bs-target="#collapseTwo"
                >
                  <span class="icon flex-shrink-0">
                    <i class="lni lni-chevron-down"></i>
                  </span>
                  <span>Quais são os benefícios?</span>
                </button>
                <div id="collapseTwo" class="accordion-collapse collapse">
                  <div class="ud-faq-body">
                     Ajuda a compreender a importância da água, luz  e outros cuidados necessários para manter as plantas saudáveis
                  </div>
                </div>
              </div>
            </div>
            <div class="ud-single-faq wow fadeInUp" data-wow-delay=".2s">
              <div class="accordion">
                <button
                  class="ud-faq-btn collapsed"
                  data-bs-toggle="collapse"
                  data-bs-target="#collapseThree"
                >
                  <span class="icon flex-shrink-0">
                    <i class="lni lni-chevron-down"></i>
                  </span>
                  <span>Cultivo em Espaços Pequenos?</span>
                </button>
                <div id="collapseThree" class="accordion-collapse collapse">
                  <div class="ud-faq-body">
                    Soluciona os desafios comuns de falta de espaço, luz limitada e rotina agitada para quem deseja cultivar plantas em ambientes urbanos.
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="ud-single-faq wow fadeInUp" data-wow-delay=".1s">
              <div class="accordion">
                <button
                  class="ud-faq-btn collapsed"
                  data-bs-toggle="collapse"
                  data-bs-target="#collapseFour"
                >
                  <span class="icon flex-shrink-0">
                    <i class="lni lni-chevron-down"></i>
                  </span>
                  <span>Promover a Sustentabilidade e o Bem-Estar?</span>
                </button>
                <div id="collapseFour" class="accordion-collapse collapse">
                  <div class="ud-faq-body">
              Incentiva a prática da jardinagem urbana, contribuindo para a sustentabilidade e o bem-estar dos moradores, ao trazer um pouco de natureza para dentro de casa.
                  </div>
                </div>
              </div>
            </div>
            <div class="ud-single-faq wow fadeInUp" data-wow-delay=".2s">
              <div class="accordion">
                <button
                  class="ud-faq-btn collapsed"
                  data-bs-toggle="collapse"
                  data-bs-target="#collapseSix"
                >
                  <span class="icon flex-shrink-0">
                    <i class="lni lni-chevron-down"></i>
                  </span>
                  <span>Interatividade e Design Compacto?</span>
                </button>
                <div id="collapseSix" class="accordion-collapse collapse">
                  <div class="ud-faq-body">
                  Incorpora elementos interativos e cria um vaso esteticamente agradável e compacto, adequado para pequenos espaços.
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- ====== Perguntas Respondidas End ====== -->
            				
    <!-- ====== Contact Start ====== -->
    <section id="contact" class="ud-contact">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-8 col-lg-7">
            <div class="ud-contact-content-wrapper">
              <div class="ud-contact-title">
                <span>CONTACTO</span>
                <h2>
                Vamos falar sobre Inovação</h2>
              </div>
              <div class="ud-contact-info-wrapper">
                <div class="ud-single-info">
                  <div class="ud-info-icon">
                    <i class="lni lni-map-marker"></i>
                  </div>
                  <div class="ud-info-meta">
                    <h5>Localização</h5>
                    <p>Vila Nova de Famalicão,Braga,Portugal</p>
                  </div>
                </div>
                <div class="ud-single-info">
                  <div class="ud-info-icon">
                    <i class="lni lni-envelope"></i>
                  </div>
                  <div class="ud-info-meta">
                    <h5>Como podemos ajudar?</h5>
					  <p><a href="greentechpot@gmail.com" class="email-link">greentechpot@gmail.com</a></p>
					  <a href="https://wa.me/message/BPWJ5RXWYKQ5A1?src=qr" target="_blank">(+351) 914 368 517 (Apenas Whatsapp) 
					  </a>
                  </div>
					<div class="ud-single-info">
                  <div class="ud-info-icon">
					 
					  <a href="https://wa.me/message/BPWJ5RXWYKQ5A1?src=qr" target="_blank"><img src="assets/images/testimonials/Whatsapp.png"></a>
					
					 </div>		
              </div>
            </div>
          </div>
            <div
              class="ud-contact-form-wrapper wow fadeInUp"
              data-wow-delay=".2s"
            >
              <h3 class="ud-contact-form-title"> Envie-nos uma Mensagem </h3>
              <form class="ud-contact-form">
                <div class="ud-form-group">
                  <label for="fullName"> NOME* </label>
                  <input
                    type="text"
                    name="NOME"
                    placeholder=" "
                  />
                </div>
                <div class="ud-form-group">
                  <label for="email"> EMAIL* </label>
                  <input
                    type="email"
                    name="email"
                    placeholder="  "
                  />
                </div>
                <div class="ud-form-group">
                  <label for="phone"> TELEFONE* </label>
                  <input
                    type="text"
                    name="TELEFONE"
                    placeholder=""
                  />
                </div>
                <div class="ud-form-group">
                  <label for="message"> MENSAGEM* </label>
                  <textarea
                    name="MENSAGEM"
                    rows="1"
                    placeholder=""
                  ></textarea>
                </div>
                <div class="ud-form-group mb-0">
                  <button type="submit" class="ud-main-btn" style="background: #00BB00 ">
                    Enviar Mensagem
                  </button>
                </div>
              </form>
            </div>
  </div>
           
  <!-- ====== Contacto Fim====== -->

    <!-- ====== Footer Start ====== -->
      <div class="ud-footer-widgets">
        <div class="container">
          <div class="row">
              <div class="ud-widget">
                <a href="indexLogin.php" class="ud-footer-logo">
                  <img src="assets/images/logo/logo-2.svg" alt="logo" />
                </a>
                <span>
                Segue as redes sociais para ficar a  par das novidades
	            </span>
                <ul class="ud-widget-socials">
					
		<a href="https://youtube.com/@greentechpot" target="_blank"><img src="assets/images/logo/YouTube.png"></a>	
		
		<a href="https://www.tiktok.com/@greentechpot" target="_blank"><img src="assets/images/logo/TikTok.png"></a>
					
		<a href="https://whatsapp.com/channel/0029Vb30DCk2Jl88RCD5Cv0L" target="_blank"><img src="assets/images/logo/Canal WhatsApp.png"></a>
					
		<a href="https://www.facebook.com/share/18geuXMkzc/" target="_blank"><img src="assets/images/logo/Facebook.png"></a>
								
		<a href="https://www.instagram.com/greentechpot/" target="_blank"><img src="assets/images/logo/Instagram.png"></a>
					
		<a href="https://www.threads.net/@greentechpot" target="_blank"><img src="assets/images/logo/Threads.png"></a>
					
		<a href="https://x.com/greentechpoteu" target="_blank"><img src="assets/images/logo/X.png"></a>
		
		<a href="https://bsky.app/profile/greentechpot.pt.eu.org" target="_blank"><img src="assets/images/logo/Bluesky.png"></a>
	
    <!-- ====== Footer End ====== -->

   

     <!-- ====== All Javascript Files ====== -->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script>
      // ==== for menu scroll
      const pageLink = document.querySelectorAll(".ud-menu-scroll");

      pageLink.forEach((elem) => {
        elem.addEventListener("click", (e) => {
          e.preventDefault();
          document.querySelector(elem.getAttribute("href")).scrollIntoView({
            behavior: "smooth",
            offsetTop: 1 - 60,
          });
        });
      });

      // section menu active
      function onScroll(event) {
        const sections = document.querySelectorAll(".ud-menu-scroll");
        const scrollPos =
          window.pageYOffset ||
          document.documentElement.scrollTop ||
          document.body.scrollTop;

        for (let i = 0; i < sections.length; i++) {
          const currLink = sections[i];
          const val = currLink.getAttribute("href");
          const refElement = document.querySelector(val);
          const scrollTopMinus = scrollPos + 73;
          if (
            refElement.offsetTop <= scrollTopMinus &&
            refElement.offsetTop + refElement.offsetHeight > scrollTopMinus
          ) {
            document
              .querySelector(".ud-menu-scroll")
              .classList.remove("active");
            currLink.classList.add("active");
          } else {
            currLink.classList.remove("active");
          }
        }
      }
 window.document.addEventListener("scroll", onScroll);
    </script>
	 </div>
          </div>
        </div> </div>
          </div>
        </div>
			</section>
			 </div>
          </div>
        </div>
		   </div>
	  </section>
  </body>
</html>