<?php 
$pagename ="quote";
$pagefooter = "pages";
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Pedido de Cotação</title>
  <meta name="description" content="Solicite cotações à WGF para procurement local e internacional, gestão logística e serviços industriais, com foco nos setores de petróleo e gás, construção, manutenção e operações técnicas.">
  <meta name="keywords" content="">

  <!-- Favicons -->
  <link href="https://res.cloudinary.com/duapi2dif/image/upload/v1772031254/favicon_usnku8.png" rel="icon">
  <link href="https://res.cloudinary.com/duapi2dif/image/upload/v1772031254/favicon_usnku8.png" rel="apple-touch-icon">

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com" rel="preconnect">
  <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="../assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="../assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="../assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="../assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Main CSS File -->
  <link href="../assets/css/main.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: iConstruction
  * Template URL: https://bootstrapmade.com/iconstruction-bootstrap-construction-template/
  * Updated: Jul 27 2025 with Bootstrap v5.3.7
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body class="quote-page">

  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl position-relative d-flex align-items-center">

      <a href="../index.php" class="logo d-flex align-items-center me-auto">
        <!-- Uncomment the line below if you also wish to use an image logo -->
        <img src="https://res.cloudinary.com/duapi2dif/image/upload/v1772031269/wgflogo_cxtprn.png" alt="">
      </a>

     
      <?php 
        require_once "../views/navbar.php";
      ?>
    </div>
  </header>

  <main class="main">

    <!-- Page Title -->
    <div class="page-title dark-background" data-aos="fade" style="background-image: url(https://res.cloudinary.com/duapi2dif/image/upload/v1772464268/1_asarur.jpg);">
      <div class="container position-relative">
        <h1>Cotações</h1>
        <p>Construído sobre a excelência, impulsionado pela visão — solicite cotações para procurement, logística e serviços industriais com foco em petróleo e gás, construção, manutenção e operações técnicas.</p>
        <nav class="breadcrumbs">
          <ol>
            <li><a href="../index.php">Inicio</a></li>
            <li class="current">Cotações</li>
          </ol>
        </nav>
      </div>
    </div><!-- End Page Title -->

    <!-- Quote Section -->
    <section id="quote" class="quote section">

      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="row justify-content-center">
          <div class="col-lg-11">
            <div class="quote-container">
              <div class="row">
                <div class="col-lg-5" data-aos="fade-right" data-aos-delay="200">
                  <div class="quote-content">
                    <h2>Parceria estratégica para o seu projeto</h2>
                    <p>Somos uma empresa angolana especializada em procurement local e internacional, gestão logística e prestação de serviços industriais. Analisamos cada pedido com rigor técnico, foco em segurança e compromisso com resultados sólidos para o seu negócio.</p>

                    <div class="quote-benefits">
                      <div class="benefit-item">
                        <div class="benefit-icon">
                          <i class="bi bi-graph-up-arrow"></i>
                        </div>
                        <div class="benefit-content">
                          <h4>Compromisso absoluto com o cliente</h4>
                          <p>Priorizamos os objetivos do seu projeto, oferecendo respostas técnicas rápidas e soluções ajustadas à sua realidade operacional.</p>
                        </div>
                      </div>

                      <div class="benefit-item">
                        <div class="benefit-icon">
                          <i class="bi bi-shield-fill-check"></i>
                        </div>
                        <div class="benefit-content">
                          <h4>Execução eficiente e segura</h4>
                          <p>Processos otimizados e práticas rigorosas de HSE para reduzir riscos, garantir continuidade operacional e elevar o desempenho.</p>
                        </div>
                      </div>

                      <div class="benefit-item">
                        <div class="benefit-icon">
                          <i class="bi bi-hourglass-split"></i>
                        </div>
                        <div class="benefit-content">
                          <h4>Inovação aplicada à prática</h4>
                          <p>Aplicamos tecnologia, experiência de campo e parcerias estratégicas para entregar soluções eficazes e competitivas.</p>
                        </div>
                      </div>
                    </div>

                    <div class="contact-info">
                      <div class="contact-detail">
                        <i class="bi bi-telephone-fill"></i>
                        <span>(+244) 944 684 460</span>
                      </div>
                      <div class="contact-detail">
                        <i class="bi bi-envelope-fill"></i>
                        <span>comercial@wgf.ao</span>
                      </div>
                    </div>
                  </div>
                </div>
              <!-- Formulário -->
                <div class="col-lg-7" data-aos="fade-left" data-aos-delay="300">
                  <div class="quote-form">
                    <div class="form-intro">
                      <h3>Peça a sua cotação</h3>
                      <p>Partilhe os detalhes do seu projeto ou necessidade operacional e receba uma proposta detalhada, alinhada ao escopo, prazos e exigências técnicas.</p>
                    </div>

                    <form action="../forms/quote.php" method="post" class="php-email-form">
                      <div class="form-grid">
                        <div class="form-field">
                          <label for="fullname">Nome completo</label>
                          <input type="text" name="name" id="fullname" placeholder="Insira o seu nome completo" required="">
                        </div>

                        <div class="form-field">
                          <label for="email">E-mail profissional</label>
                          <input type="email" name="email" id="email" placeholder="seu.email@empresa.com" required="">
                        </div>

                        <div class="form-field">
                          <label for="phone">Telefone / WhatsApp</label>
                          <input type="tel" name="phone" id="phone" placeholder="(+244) 944 684 460" required="">
                        </div>

                        <div class="form-field">
                          <label for="project-type">Categoria do pedido</label>
                          <select name="type" id="project-type" required="">
                            <option value="">Selecione a categoria</option>
                            <option value="procurement-local">Procurement local</option>
                            <option value="procurement-internacional">Procurement internacional</option>
                            <option value="logistica">Gestão logística</option>
                            <option value="servicos-industriais">Serviços industriais</option>
                            <option value="petroleo-gas">Projetos em petróleo &amp; gás</option>
                            <option value="construcao-manutencao">Construção e manutenção industrial</option>
                            <option value="consultoria-hse">Consultoria / HSE</option>
                            <option value="outros">Outros</option>
                          </select>
                        </div>

                        <div class="form-field">
                          <label for="timeline">Prazo estimado de início</label>
                          <select name="timeline" id="timeline" required="">
                            <option value="">Selecione o prazo</option>
                            <option value="imediato">Início imediato</option>
                            <option value="2-4semanas">2–4 semanas</option>
                            <option value="1-3meses">1–3 meses</option>
                            <option value="6+meses">6+ meses</option>
                            <option value="flexivel">Prazo flexível</option>
                          </select>
                        </div>

                        <div class="form-field">
                          <label for="budget">Orçamento estimado</label>
                          <input type="text" name="budget" id="budget" placeholder="Intervalo de orçamento (USD / AOA, opcional)">
                        </div>
                      </div>

                      <div class="form-field full-width">
                        <label for="description">Descrição do projeto / necessidade</label>
                        <textarea name="message" id="description" rows="4" placeholder="Descreva o tipo de serviço (procurement, logística, serviços industriais, etc.), localização (onshore/offshore), quantidades, prazos e qualquer informação relevante para elaborarmos a cotação." required=""></textarea>
                      </div>

                      <div class="loading">A carregar...</div>
                      <div class="error-message"></div>
                      <div class="sent-message">Obrigado! A sua solicitação de cotação foi recebida. A nossa equipa irá analisar o pedido e entrar em contacto consigo em breve.</div>

                      <button type="submit" class="submit-btn">
                        <span>Solicitar cotação detalhada</span>
                        <i class="bi bi-arrow-right"></i>
                      </button>
                    </form>
                  </div>
                </div>
              <!-- /Formulário -->
              </div>
            </div>
          </div>
        </div>

      </div>

    </section><!-- /Quote Section -->

  </main>


<!--Footer-->
      <?php 
        require_once "../views/footer.php";
      ?>
 <!-- Scroll Top -->
  <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Preloader -->
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="../assets/vendor/php-email-form/validate.js"></script>
  <script src="../assets/vendor/aos/aos.js"></script>
  <script src="../assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="../assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="../assets/vendor/swiper/swiper-bundle.min.js"></script>

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

</body>

</html>