<?php include ('includes/header.php') ?>

<section class="breadcrumb-section" style="position:relative; background-image:url('assets/images/banner2.jpg'); background-size:cover; background-position:center; padding:80px 0;">
  <div style="position:absolute; inset:0; background: rgb(76 30 91 / 76%);"></div>
  <div class="container" style="position:relative; z-index:2; color:#fff;">
    <h1 class="mb-2">Contact Us</h1>
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb" style="background:transparent; padding:0; margin:0;">
        <li class="breadcrumb-item"><a href="/" style="color:rgba(255,255,255,0.9); text-decoration:none;">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page" style="color:#fff;">Contact</li>
      </ol>
    </nav>
  </div>
</section>

<section class="contact-content py-5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-5">
        <img src="assets/images/contact-img2.jpg" class="img-fluid" alt="Contact Image">
      </div>
      <div class="col-md-7">
        <div class="contact-card shadow-sm">
          <h2>Contact VaRaHaTechsole</h2>
          <p>We'd love to hear from you. Whether you have questions about our inspection services, want a quote, or need technical support, our team is ready to help.</p>

          <div class="row contact-meta mt-3">
            <div class="col-12 mb-3">
                <div class="meta-item">
                  <div class="meta-icon" aria-hidden><i class="fa fa-map-marker"></i></div>
                  <div class="meta-content">
                    <h6 class="mb-1">Head Office</h6>
                    <p class="mb-0">123 Inspection Way, Industrial Park<br>City, State ZIP</p>
                  </div>
                </div>
            </div>

            <div class="col-sm-6 mb-3">
                <div class="meta-item">
                  <div class="meta-icon" aria-hidden><i class="fa fa-phone"></i></div>
                  <div class="meta-content">
                    <h6 class="mb-1">Phone</h6>
                    <p class="mb-0">+1 (555) 123-4567</p>
                  </div>
                </div>
            </div>

            <div class="col-sm-6 mb-3">
                <div class="meta-item">
                  <div class="meta-icon" aria-hidden><i class="fa fa-envelope"></i></div>
                  <div class="meta-content">
                    <h6 class="mb-1">Email</h6>
                    <p class="mb-0"><a href="mailto:info@varahatechsole.com">info@varahatechsole.com</a></p>
                  </div>
                </div>
            </div>

            <div class="col-12">
                <div class="meta-item">
                  <div class="meta-icon" aria-hidden><i class="fa fa-clock"></i></div>
                  <div class="meta-content">
                    <h6 class="mb-1">Working Hours</h6>
                    <p class="mb-0">Mon – Fri: 9:00 AM – 6:00 PM</p>
                  </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Contact Form Section (separate) -->
<section class="contact-form-section services-grid py-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-lg-8">
        <div class="card p-4 shadow-sm" style="background: #2f013f; border:none;">
          <h3 class="mb-3 text-light">Send us a message</h3>
          <form action="#" method="post">
            <div class="row">
              <div class="col-md-6 mb-3"><input class="form-control form-control-dark" required name="name" placeholder="Your name"></div>
              <div class="col-md-6 mb-3"><input class="form-control form-control-dark" type="email" required name="email" placeholder="Your email"></div>
            </div>
            <div class="mb-3"><input class="form-control form-control-dark" name="subject" placeholder="Subject"></div>
            <div class="mb-3"><textarea class="form-control form-control-dark" name="message" rows="6" placeholder="Message" required></textarea></div>
            <div class="text-end"><button class="btn btn-outline-light" type="submit">Send Message</button></div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<?php include ('includes/footer.php') ?>
