<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>Office Cleaning Services Coimbatore| Deep Cleaning Experts</title>
  
  <link rel="icon" type="image/png" sizes="32x32" href="./assets/image/favicon.png">
  <link rel="icon" type="image/png" sizes="16x16" href="./assets/image/favicon.png">
  <link rel="shortcut icon" href="./assets/image/favicon.png" type="image/x-icon">


</head>

<body>



  <!-- Header  -->
  <?php include 'header.php' ?>

  <!-- sub banner -->
  <section class="sub-banner">
    <div class="banner-bg">
      <div class="bg-overlay"></div>
      <div class="particle-animation"></div>
    </div>
    <div class="banner-content text-center">
      <h1 class="banner-title">
        <span class="title-line">Contact Us </span>
      </h1>
      <p class="banner-desc">Quick support and reliable service. Contact our team right away.</p>

    </div>
    <nav class="breadcrumb-nav">
      <ul>
        <li><a href="index.php">Home</a></li>
        <li><i class="bi bi-chevron-right"></i></li>
        <li class="active">Contact US</li>
      </ul>
    </nav>
    <div class="banner-decor">
      <div class="bug-icon bug-1"><i class="bi bi-bug"></i></div>
      <div class="bug-icon bug-2"><i class="bi bi-bug"></i></div>
      <div class="shield-icon"><i class="bi bi-shield-check"></i></div>
    </div>
  </section>


  <!-- contact section -->
  <section>
    <div class="contact-inner">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="contact-left">
              <h5 class="head-small">Get in Touch</h5>
              <h2 class="head-big">Get in Touch with Starcare – Your Trusted Pest Control Experts in Coimbatore</h2>
              <div class="contact-info">
                <p>
                  Looking for <strong> reliable pest control services in Coimbatore? </strong> Whether you're dealing with <strong> termites,
                  cockroaches, bed bugs, rodents,</strong> or any other household pests, Starcare Pest Control is just a <a href="tel:917598575556"> call away. </a>
                  We specialize in <strong> eco-friendly pest management solutions</strong> that are safe for your family, pets, and the
                  environment.
                </p>

                <div class="info-block">
                  <h4>Schedule Your Pest Control Service Today!</h4>
                  <p>Fill out the form below and our pest experts will get back to you shortly. Whether it’s <strong> termite treatment, cockroach control, bed bug removal,
                     or rodent extermination,</strong> we ensure prompt service with guaranteed results.</p>
                </div>
                <div class="info-block">
                  <h4>Contact Info</h4>
                  <p>
                    <a href="https://maps.app.goo.gl/Mdar2n1qCK6w8FSi6" target="_blank"> <i class="bi bi-geo-alt-fill contact-icon"></i>
                      194/C6, Sankara Eye Hospital Rd, <br> Saravanampatti, Siranandha Puram,<br> Coimbatore, Tamil Nadu 641035
                    </a>
                  </p>
                  <p>
                    <a href="mailto:starcarefms@gmail.com"> <i class="bi bi-envelope-fill contact-icon"></i> Email: starcarefms@gmail.com</a>
                  </p>
                  <p>
                    <a href="tel:+917598575556"> <i class="bi bi-telephone-fill contact-icon"></i> Phone: +91 75985 75556</a>
                  </p>
                </div>


                <div class="social-links">
                  <h4>Follow Us on Social Media</h4>
                  <p>Stay updated with our latest pest control tips and service offers.</p>
                  <ul>
                    <li>
                      <a href="https://www.instagram.com/star_care_fms/" class="social-icon facebook" target="_blank"><i class="bi bi-facebook"></i></a>
                    </li>
                    <li>
                      <a href="https://www.facebook.com/people/STAR-CARE/61566618189814/" class="social-icon google" target="_blank"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="https://x.com/starcarefms" class="social-icon twitter" target="_blank"><i class="bi bi-twitter-x"></i></a>
                    </li>
                    <li>
                      <a href="https://in.pinterest.com/starcarefms/" class="social-icon pinterest" target="_blank"><i class="bi bi-pinterest"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>


          </div>

          <div class="col-lg-6 col-md-6 col-sm-12 my-4">
            <div class="contact-right d-flex justify-content-center flex-column align-items-center">
              <p>Need a reliable pest control service in Coimbatore? Starcare offers fast, eco-friendly, and effective pest management solutions for homes and businesses. Whether it’s termites, cockroaches, rodents, or bed bugs, our experts are here to help.</p>
              <iframe src="https://www.google.com/maps/embed?pb=!1m12!1m8!1m3!1d89701.83067487604!2d77.03084158735771!3d11.024501637253913!3m2!1i1024!2i768!4f13.1!2m1!1s%20194%2FC6%2C%20Sankar%20Eye%20Hospital%20Road%2C%20Sivanandhapuram%2C%20Saravanampatti%2C%20Coimbatore%20-%20641035.!5e1!3m2!1sen!2sin!4v1751873256320!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
          </div>


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

  <!-- enquiry from -->
  <section class="contact-form-section">
    <div class="container">
      <h2 class="text-center mb-4">
        Don’t Hesitate to <span style="color:#135CAA;">Contact Us</span> Any Time
      </h2>

      <form id="contact-main" class="contact-form">
        <div class="row g-3">
          <!-- Name -->
          <div class="col-md-6">
            <input type="text" id="name" name="name" class="form-control form-input" placeholder="Your Name">
            <small id="name-error" class="text-danger error-message"></small>
          </div>

          <!-- Phone -->
          <div class="col-md-6">
            <input type="tel" id="phone" name="phone" class="form-control form-input" placeholder="Your Phone">
            <small id="phone-error" class="text-danger error-message"></small>
          </div>

          <!-- Service Type Dropdown -->
          <div class="col-md-6">
            <select id="subject" name="subject" class="form-control form-input">
              <option value="" disabled selected>Select Service Type</option>
              <option value="Cockroach Control">Cockroach Control</option>
              <option value="Termite Control">Termite Control</option>
              <option value="Rodent Control">Rodent Control</option>
              <option value="General Pest Control">General Pest Control</option>
            </select>
            <small id="subject-error" class="text-danger error-message"></small>
          </div>

          <!-- Date -->
          <div class="col-md-6">
            <input type="date" id="date" name="date" class="form-control form-input">
          </div>

          <!-- Message -->
          <div class="col-12">
            <textarea id="message" name="message" class="form-control form-input" rows="5" placeholder="Your Message"></textarea>
            <small id="message-error" class="text-danger error-message"></small>
          </div>

          <!-- Submit Button -->
          <div class="col-12 text-center">

            <button type="submit" class=" mt-4">
              Submit <i class="bi bi-arrow-right-short"></i>
            </button>
          </div>
        </div>
      </form>


    </div>
  </section>

  <script>
    document.getElementById('contact-main').addEventListener('submit', function(event) {
      event.preventDefault();

      // Clear previous error messages
      document.querySelectorAll('.error-message').forEach(el => el.textContent = '');

      let isValid = true;

      // Get form values
      const name = document.getElementById('name').value.trim();
      const phone = document.getElementById('phone').value.trim();
      const email = document.getElementById('email') ? document.getElementById('email').value.trim() : '';
      const subject = document.getElementById('subject').value;
      const message = document.getElementById('message').value.trim();

      // Validate Name
      if (name === '') {
        document.getElementById('name-error').textContent = 'Name is required';
        isValid = false;
      }

      // Validate Phone (10-15 digits)
      if (phone === '' || !/^\d{10,15}$/.test(phone)) {
        document.getElementById('phone-error').textContent = 'Enter a valid phone number';
        isValid = false;
      }

      // Validate Subject
      if (subject === '' || subject === null) {
        document.getElementById('subject-error').textContent = 'Please select a service';
        isValid = false;
      }

      // Validate Message
      if (message === '') {
        document.getElementById('message-error').textContent = 'Message is required';
        isValid = false;
      }

      if (!isValid) return; // Stop submission if invalid

      // Submit via AJAX
      const formData = new FormData(document.getElementById('contact-main'));

      fetch('mailer.php', {
          method: 'POST',
          body: formData
        })
        .then(response => response.json())
        .then(data => {
          Toastify({
            text: data.message,
            duration: 3000,
            gravity: "top",
            position: "center",
            backgroundColor: data.status === 'success' ? '#28a745' : '#dc3545',
          }).showToast();

          if (data.status === 'success') {
            document.getElementById('contact-main').reset();
          }
        })
        .catch(() => {
          Toastify({
            text: 'Error submitting form. Please try again!',
            duration: 3000,
            gravity: "top",
            position: "center",
            backgroundColor: '#dc3545',
          }).showToast();
        });
    });
  </script>





  <!-- Footer  start  -->
  <?php include 'footer.php' ?>
</body>