<?php ?>
<!DOCTYPE html>
<html lang="en">
<?php include("include/header.php"); ?>
<body class="alternative-font-7">
<?php include("include/top_menu.php"); ?>
  <div role="main" class="main">
    <section class="page-header page-header-modern bg-transparent">
      <div class="container pt-5 mt-5">
        <div class="row py-5">
          <div class="col text-center">
            <h1 class="text-color-dark text-8 font-weight-bold">Contact</h1>
          </div>
        </div>
      </div>
    </section>
    <section class="section bg-dark m-0 border-0">
      <div class="container py-5">
        <div class="row justify-content-between align-items-center py-5">
          <div class="col-lg-6 text-center text-lg-start py-5">
            <h3 class="mb-4 text-color-light">Ready to Find More Installers and Grow Your Business?</h3>
            <p class="text-4 text-light line-height-4 opacity-6 mb-4">We've been working for 15 years in developing CPQ systems and dealer management platforms.</p>
            <div class="hstack d-block d-lg-flex gap-3">
              <div class="ms-auto"> <i class="icons icon-envelope text-color-primary text-8 p-relative top-12 me-2"></i> <a href="mailto:you@domain.com" class="text-decoration-none text-5 text-primary text-color-hover-light ws-nowrap font-weight-semi-bold">hello@tente-cpq.eu</a> </div>
              <div class="vr mx-4 p-relative top-10 d-none d-lg-inline-block"></div>
              <div class="me-auto mt-3 mt-lg-0"> <i class="icons icon-phone text-color-primary text-8 p-relative top-10 me-2"></i> <a href="tel:+40756482404" class="text-decoration-none text-5 text-primary text-color-hover-light ws-nowrap font-weight-semi-bold">+40 756 482 404</a> </div>
            </div>
          </div>
          <?php

          include( "include/formular.php" );
          /*
          <div class="col-lg-5 py-5">
            <div class="card border-radius bg-color-light border-0 box-shadow-3">
              <div class="card-body p-5 m-2 text-center">
                <h4 class="card-title mb-2 text-6">Book Discovery Call!</h4>
                <p class="card-text">We will reply within one business day.</p>
                <form class="contact-form" action="php/contact-form.php" method="POST">
                  <div class="contact-form-success alert alert-success d-none mt-4"> <strong>Success!</strong> Your message has been sent to us. </div>
                  <div class="contact-form-error alert alert-danger d-none mt-4"> <strong>Error!</strong> There was an error sending your message. <span class="mail-error-message text-1 d-block"></span> </div>
                  <div class="row">
                    <div class="form-group col text-start">
                      <input type="text" value="" placeholder="Your Name *" data-msg-required="Please enter your name." maxlength="100" class="form-control text-2-5 p-3" name="name" required>
                    </div>
                  </div>
                  <div class="row">
                    <div class="form-group col text-start">
                      <input type="text" value="" placeholder="Your Phone *" data-msg-required="Please enter your phone" maxlength="100" class="form-control text-2-5 p-3" name="phone" required>
                    </div>
                  </div>
                  <div class="row">
                    <div class="form-group col text-start">
                      <input type="text" value="" placeholder="Your Email Address *" data-msg-required="Please enter your email address" maxlength="100" class="form-control text-2-5 p-3" name="email" required>
                    </div>
                  </div>
                  <div class="row">
                    <div class="form-group col text-start">
                      <input type="text" value="" placeholder="Company *" data-msg-required="Please enter your company name" maxlength="100" class="form-control text-2-5 p-3" name="company" required>
                    </div>
                  </div>
                  <div class="row">
                    <div class="form-group col text-start">
                      <input type="text" value="" placeholder="Job Title *" data-msg-required="Please enter your job title" maxlength="100" class="form-control text-2-5 p-3" name="title" required>
                    </div>
                  </div>
                  <div class="row">
                    <div class="form-group col">
                      <div class="d-grid gap-2">
                        <input type="submit" value="Get Started" class="btn border-0 btn-tertiary bg-hover-primary text-color-hover-light text-color-primary text-3-5 p-3" data-loading-text="Loading...">
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col pt-4">
                      <div class="hstack gap-3">
                        <div class="ms-auto"> <i class="icons icon-envelope text-4 p-relative top-5 me-2"></i> <a href="mailto:you@domain.com" class="text-decoration-none text-2 text-dark text-color-hover-primary ws-nowrap font-weight-semi-bold">hello@tente-cpq.eu</a> </div>
                        <div class="vr"></div>
                        <div class="me-auto"> <i class="icons icon-phone text-4 p-relative top-5 me-2"></i> <a href="tel:+40756482404" class="text-decoration-none text-2 text-dark text-color-hover-primary ws-nowrap font-weight-semi-bold">+40 756 482 404</a> </div>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
		  */
          ?>
        </div>
      </div>
    </section>
    <section class="section bg-quaternary m-0 border-0 py-5">
      <div class="container my-5">
        <div class="row">
          <div class="col">
            <p class="text-3-5"><strong>Ready to Transform Your Sales Process?</strong></p>
            <p class="text-3-5">Let's discuss what we can do for you. Getting started is simple. Reach out for a no-obligation conversation about your specific challenges. We'll help you explore how a tailored CPQ solution can:</p>
            <ul>
              <li><strong>Shorten your sales cycles</strong> and close deals faster.</li>
              <li><strong>Eliminate costly errors</strong> in your quotes and orders.</li>
              <li><strong>Empower your sales team</strong> to sell more complex products confidently.</li>
            </ul>
            <p class="text-3-5">Fill out the contact form and our CPQ experts will get in touch to schedule your free consultation.</p>
            <?
            /*
			  <div class="accordion accordion-modern-status accordion-modern-status-arrow mt-5" id="accordion200">
              <div class="card card-default bg-transparent">
                <div class="card-header bg-transparent bg-hover-light transition-2ms" id="collapse200HeadingOne">
                  <h4 class="card-title m-0"> <a class="accordion-toggle bg-transparent border-0 text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse200One" aria-expanded="false" aria-controls="collapse200One"> 1 - Tristique sit amet condim vel? </a> </h4>
                </div>
                <div id="collapse200One" class="collapse" aria-labelledby="collapse200HeadingOne" data-bs-parent="#accordion200">
                  <div class="card-body pb-0">
                    <p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
                  </div>
                </div>
              </div>
              <div class="card card-default bg-transparent">
                <div class="card-header bg-transparent bg-hover-light transition-2ms" id="collapse200HeadingTwo">
                  <h4 class="card-title m-0"> <a class="accordion-toggle bg-transparent border-0 text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse200Two" aria-expanded="false" aria-controls="collapse200Two"> 2 - Cras a elit sit amet leo accumsan? </a> </h4>
                </div>
                <div id="collapse200Two" class="collapse" aria-labelledby="collapse200HeadingTwo" data-bs-parent="#accordion200">
                  <div class="card-body pb-0">
                    <p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
                  </div>
                </div>
              </div>
              <div class="card card-default bg-transparent">
                <div class="card-header bg-transparent bg-hover-light transition-2ms" id="collapse200HeadingThree">
                  <h4 class="card-title m-0"> <a class="accordion-toggle bg-transparent border-0 text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse200Three" aria-expanded="false" aria-controls="collapse200Three"> 3 - Hel officitur felis ultricis nan? </a> </h4>
                </div>
                <div id="collapse200Three" class="collapse" aria-labelledby="collapse200HeadingThree" data-bs-parent="#accordion200">
                  <div class="card-body pb-0">
                    <p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
                  </div>
                </div>
              </div>
              <div class="card card-default bg-transparent">
                <div class="card-header bg-transparent bg-hover-light transition-2ms" id="collapse200HeadingFour">
                  <h4 class="card-title m-0"> <a class="accordion-toggle bg-transparent border-0 text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse200Four" aria-expanded="false" aria-controls="collapse200Four"> 4 - Wuspaisse hendreirit vehicula leo? </a> </h4>
                </div>
                <div id="collapse200Four" class="collapse" aria-labelledby="collapse200HeadingFour" data-bs-parent="#accordion200">
                  <div class="card-body pb-0">
                    <p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
                  </div>
                </div>
              </div>
              <div class="card card-default bg-transparent">
                <div class="card-header bg-transparent bg-hover-light transition-2ms" id="collapse200HeadingFive">
                  <h4 class="card-title m-0"> <a class="accordion-toggle bg-transparent border-0 text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse200Five" aria-expanded="false" aria-controls="collapse200Five"> 5 - Lintegers aliquet ullamcorper dollor, quis sollic tudin? </a> </h4>
                </div>
                <div id="collapse200Five" class="collapse" aria-labelledby="collapse1HeadingFive" data-bs-parent="#accordion200">
                  <div class="card-body pb-0">
                    <p class="mb-0">Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.</p>
                  </div>
                </div>
              </div>
            </div>
			  */
            ?>
          </div>
        </div>
      </div>
    </section>
  </div>
  <?php include("include/footer.php"); ?>
</div>
<?php include("include/footer-scripturi.php"); ?>
</body>
</html>
