Banner

FAQs

Embed

<section id="dawa-contact" style="max-width:1940px;margin:0 auto;padding:28px 18px;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;">
  <style>
    :root{--brand:#0F766E;--brand-dark:#0B5D56;--ring:#99f6e4;--hint:#ecfeff}

    /* NEW: ensure section fills the screen vertically */
    #dawa-contact{min-height:100vh;}

    /* wider layout + stretch columns to equal height */
    #dawa-contact .container{
      display:grid;
      grid-template-columns:1.9fr .9fr;
      gap:32px;
      align-items:stretch;            /* NEW */
      min-height:80vh;                /* NEW: gives columns more vertical room */
    }

    #dawa-contact .panel{
      background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 10px rgba(2,6,23,.04);
      display:flex;flex-direction:column; /* NEW: let content grow within */
      min-height:720px;                   /* NEW: taller panels */
    }

    #dawa-contact .left{padding:28px}
    #dawa-contact .left form{max-width:none} /* let form span full left panel */

    #dawa-contact h1{margin:0 0 10px;font-size:38px;line-height:1.15}
    #dawa-contact .lead{color:#475569;max-width:78ch;margin:0 0 18px}
    #dawa-contact label{display:block;font-weight:600;margin:14px 0 6px;color:#0f172a}

    #dawa-contact input,#dawa-contact textarea{
      width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#ffffff;
      outline:none;transition:border .15s, box-shadow .15s
    }
    #dawa-contact input:focus,#dawa-contact textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}

    /* NEW: taller message box */
    #dawa-contact textarea{min-height:260px;resize:vertical}

    #dawa-contact .actions{margin-top:16px}
    #dawa-contact button{
      appearance:none;border:1px solid var(--brand);background:var(--brand);color:#fff;font-weight:700;border-radius:10px;
      padding:12px 18px;cursor:pointer;transition:background .15s
    }
    #dawa-contact button:hover{background:var(--brand-dark)}

    #dawa-contact .right{padding:28px 24px}
    #dawa-contact .right h2{margin:0 0 12px;font-size:24px}
    #dawa-contact .item{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:#334155}
    #dawa-contact .muted{color:#64748b}
    #dawa-contact .hours{margin-top:14px}
    #dawa-contact .hours li{list-style:none;margin:6px 0;color:#334155}
    #dawa-contact .social{display:flex;gap:12px;margin-top:14px}
    #dawa-contact .icon{
      width:28px;height:28px;border-radius:50%;background:var(--hint);display:grid;place-items:center;border:1px solid var(--ring)
    }

    @media (max-width:1140px){
      #dawa-contact .container{grid-template-columns:1fr;min-height:auto}
      #dawa-contact .panel{min-height:auto}
    }
  </style>

  <div class="container">
    
    <div class="panel left">
      <h1>Get in touch</h1>
      <p class="lead">
        Not sure which cleaning package fits your home? Need details on pricing, frequency, or extras?
        We’ve got answers. Reach out today to get a quote!
      </p>

      
      <form id="contactForm" action="https://formspree.io/f/YOUR_FORMSPREE_ENDPOINT" method="POST" novalidate>
        <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
        <input type="hidden" name="_subject" value="New Contact — Dawa Cleaning Services">
        <input type="hidden" name="formName" value="Contact Us (Durable)">

        <label for="name">Your name</label>
        <input id="name" name="name" type="text" placeholder="Jane Doe" required>

        <label for="email">Your email</label>
        <input id="email" name="email" type="email" placeholder="you@example.com" required>

        <label for="subject">Subject</label>
        <input id="subject" name="subject" type="text" placeholder="Quote for deep cleaning">

        <label for="message">Your message (optional)</label>
        <textarea id="message" name="message" placeholder="Tell us about your space, preferred dates, pets, access codes, etc."></textarea>

        <div class="actions">
          <button type="submit" aria-label="Submit contact form">SUBMIT</button>
        </div>
        <p id="formNote" class="muted" style="margin-top:10px;display:none;">Thanks! We’ve received your message.</p>
      </form>
    </div>

    
    <aside class="panel right">
      <h2>Contact Information</h2>

      <div class="item">
        
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2A19.8 19.8 0 0 1 3.08 5.18 2 2 0 0 1 5 3h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.62a2 2 0 0 1-.45 2.11L9 10a16 16 0 0 0 5 5l.55-1.17a2 2 0 0 1 2.11-.45c.84.29 1.72.5 2.62.62A2 2 0 0 1 22 16.92Z" stroke="#0F766E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span><a href="tel:+14696692271" class="muted">+1 469-669-2271</a></span>
      </div>

      <div class="item">
        
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z" stroke="#0F766E" stroke-width="1.6"/><path d="M22 6 12 13 2 6" stroke="#0F766E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <span><a href="mailto:support@dawacleaningservices.com" class="muted">support@dawacleaningservices.com</a></span>
      </div>

      <div class="item">
        
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 22s8-5.33 8-12a8 8 0 1 0-16 0c0 6.67 8 12 8 12Z" stroke="#0F766E" stroke-width="1.6"/><circle cx="12" cy="10" r="3" stroke="#0F766E" stroke-width="1.6"/></svg>
        <span class="muted">Dallas–Fort Worth, TX</span>
      </div>

      <h2 class="hours" style="margin-top:18px;">Working hours</h2>
      <ul class="hours">
        <li><strong>MONDAY:</strong> 8AM – 5PM CST</li>
        <li><strong>TUESDAY:</strong> 8AM – 5PM CST</li>
        <li><strong>WEDNESDAY:</strong> 8AM – 5PM CST</li>
        <li><strong>THURSDAY:</strong> 8AM – 5PM CST</li>
        <li><strong>FRIDAY:</strong> 8AM – 5PM CST</li>
        <li><strong>SATURDAY:</strong> 8AM – 5PM CST</li>
        <li><strong>SUNDAY:</strong> (As Needed)</li>
      </ul>

      <div class="social">
        
        <a class="icon" href="https://www.facebook.com/profile.php?id=61567260607633" target="_blank" rel="noopener" aria-label="Facebook">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3V2z" fill="#0F766E"/></svg>
        </a>

        
        <a class="icon" href="https://www.linkedin.com/in/dawa-cleaning-services-561743378/">
          <svg width="14" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <rect x="3" y="3" width="20" height="20" rx="3" stroke="#0F766E" stroke-width="1.8"/>
            <circle cx="8" cy="10" r="1.5" fill="#0F766E"/>
            <path d="M7 17v-4.5h2V17H7zm4 0v-4.5h1.9v.9c.5-.7 1.1-1 1.9-1 1.3 0 2.2.9 2.2 2.6V17h-2v-2.6c0-.8-.3-1.2-1-1.2-.7 0-1.1.5-1.1 1.3V17H11z" fill="#0F766E"/>
          </svg>
        </a>

        
        <a class="icon" href="https://www.instagram.com/dawa_cleaning_services/" target="_blank" rel="noopener" aria-label="Instagram">
          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5" stroke="#0F766E" stroke-width="1.8"/><circle cx="12" cy="12" r="4" stroke="#0F766E" stroke-width="1.8"/><circle cx="17.5" cy="6.5" r="1.2" fill="#0F766E"/></svg>
        </a>
      </div>
    </aside>
  </div>

  <script>
    // Basic client-side validation + inline success note
    (function(){
      const form = document.getElementById('contactForm');
      const note = document.getElementById('formNote');
      form.addEventListener('submit', function(e){
        if(!form.checkValidity()){
          e.preventDefault();
          alert('Please complete your name and a valid email.');
        } else {
          setTimeout(()=>{ note.style.display='block'; }, 300);
        }
      });
    })();
  </script>
</section>

Call to action

Discover unparalleled cleaning solutions tailored for your home or office in Dallas. Trust Dawa Cleaning Services to make every corner shine with professional care.

FAQs

Get in touch

Experience Spotless Perfection