Text

<h2 style="white-space:pre-line">Get an Instant Estimate</h2>
<p>Use the calculator below to preview pricing, then finalize your quote below.</p>

Embed

<div class="hz-quote-wrapper">
  <div class="hz-quote-card">
    <h2>Get an Instant Estimate</h2>
    <p class="hz-subtext">Flat-rate pricing based on home size and type of cleaning.</p>

    
    <div class="hz-field">
      <label class="hz-label">Cleaning Type</label>
      <div class="hz-radio-group">
        <label><input type="radio" name="hz-type" value="standard" checked> <span>Regular Maintenance Cleaning</span></label>
        <label><input type="radio" name="hz-type" value="deep"> <span>Deep Home Cleaning</span></label>
        <label><input type="radio" name="hz-type" value="move"> <span>Move-In / Move-Out Cleaning</span></label>
      </div>
    </div>

    
    <div class="hz-field hz-grid-2">
      <div>
        <label class="hz-label">Bedrooms</label>
        <select id="hz-beds">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3" selected>3</option>
          <option value="4">4</option>
          <option value="5">5+</option>
        </select>
      </div>
      <div>
        <label class="hz-label">Bathrooms</label>
        <select id="hz-baths">
          <option value="1">1</option>
          <option value="2" selected>2</option>
          <option value="3">3</option>
          <option value="4">4+</option>
        </select>
      </div>
    </div>

    
    <div class="hz-field" id="hz-frequency-block">
      <label class="hz-label">Frequency</label>
      <div class="hz-radio-group">
        <label><input type="radio" name="hz-freq" value="weekly"> <span>Weekly</span></label>
        <label><input type="radio" name="hz-freq" value="biweekly" checked> <span>Bi-weekly</span></label>
        <label><input type="radio" name="hz-freq" value="monthly"> <span>Monthly</span></label>
      </div>
    </div>

    
    <div class="hz-field">
      <label class="hz-label">Condition</label>
      <div class="hz-radio-group">
        <label><input type="radio" name="hz-soil" value="light"> <span>Light</span></label>
        <label><input type="radio" name="hz-soil" value="normal" checked> <span>Normal</span></label>
        <label><input type="radio" name="hz-soil" value="heavy"> <span>Heavy</span></label>
      </div>
    </div>

    
    <div class="hz-result">
      <div class="hz-result-label">Estimated Flat Rate</div>
      <div class="hz-result-price" id="hz-price">$—</div>
      <div class="hz-result-note">Estimates are based on typical homes in the San Antonio area. Final pricing may adjust after we confirm details, especially for heavy buildup or specialty requests.</div>
    </div>
  </div>
</div>

<style>
  .hz-quote-wrapper { max-width: 480px; margin: 0 auto; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  .hz-quote-card { border-radius: 16px; padding: 20px; background: #ffffff; box-shadow: 0 10px 30px rgba(15,23,42,0.08); border: 1px solid #e5e7eb; }
  .hz-quote-card h2 { margin: 0 0 4px; font-size: 20px; font-weight: 600; color: #111827; }
  .hz-subtext { margin: 0 0 16px; font-size: 14px; color: #6b7280; }
  .hz-field { margin-bottom: 14px; }
  .hz-label { display: block; font-size: 13px; font-weight: 500; color: #374151; margin-bottom: 6px; }
  .hz-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
  select { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid #d1d5db; font-size: 14px; background: #f9fafb; color: #111827; }
  select:focus { outline: none; border-color: #4f46e5; background: #ffffff; box-shadow: 0 0 0 1px #4f46e522; }
  .hz-radio-group { display: flex; flex-wrap: wrap; gap: 8px; }
  .hz-radio-group label { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; border: 1px solid #e5e7eb; background: #f9fafb; font-size: 13px; color: #374151; cursor: pointer; transition: all 0.15s ease; }
  .hz-radio-group input { display: none; }
  .hz-radio-group label:has(input:checked) { border-color: #4f46e5; background: #eef2ff; color: #111827; }
  .hz-result { margin-top: 16px; padding-top: 12px; border-top: 1px solid #e5e7eb; }
  .hz-result-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #6b7280; margin-bottom: 4px; }
  .hz-result-price { font-size: 26px; font-weight: 600; color: #111827; }
  .hz-result-note { margin-top: 6px; font-size: 11px; color: #9ca3af; line-height: 1.4; }
</style>

<script>
(function durableSafeQuoteInit() {
  const wait = () => {
    const beds = document.querySelector('#hz-beds');
    const baths = document.querySelector('#hz-baths');
    const priceEl = document.querySelector('#hz-price');
    if (!beds || !baths || !priceEl) return setTimeout(wait, 50);

    const PRICING = {
      standardBaseByBeds: {1:115,2:130,3:150,4:170,5:195},
      perExtraBath: 20,
      freqMultipliers: {weekly:0.85,biweekly:1.0,monthly:1.15},
      typeMultipliers: {standard:1.0,deep:1.5,move:1.75},
      soilMultipliers: {light:0.95,normal:1.0,heavy:1.25},
      minPrice: 115
    };

    const calc = () => {
      const bed = Math.min(5, parseInt(document.getElementById("hz-beds").value,10));
      const bath = parseInt(document.getElementById("hz-baths").value,10);
      const type = document.querySelector('input[name="hz-type"]:checked')?.value || 'standard';
      const soil = document.querySelector('input[name="hz-soil"]:checked')?.value || 'normal';

      let price = PRICING.standardBaseByBeds[bed];
      price += Math.max(bath - 1, 0) * PRICING.perExtraBath;

      if (type === 'standard') {
        const freq = document.querySelector('input[name="hz-freq"]:checked')?.value || 'biweekly';
        price *= PRICING.freqMultipliers[freq];
      }

      price *= PRICING.typeMultipliers[type];
      price *= PRICING.soilMultipliers[soil];

      if (price < PRICING.minPrice) price = PRICING.minPrice;
      document.getElementById("hz-price").innerText = "$" + Math.round(price);
    };

    const toggleFreq = () => {
      const type = document.querySelector('input[name="hz-type"]:checked')?.value || 'standard';
      const block = document.getElementById('hz-frequency-block');
      if (block) block.style.display = type === 'standard' ? 'block' : 'none';
    };

    document.querySelectorAll('input, select').forEach(el =>
      el.addEventListener('change', () => {
        toggleFreq();
        calc();
      })
    );

    toggleFreq();
    calc();
  };
  wait();
})();
</script>

Contact form

<h3>Confirm Your Details</h3>
<p>Enter your details below so we can confirm availability and finalize your pricing.</p>

name

email

phone

Preferred start date

Address

Type of cleaning

Move In-Move out

Deep Clean

Recurring Cleaning

# Bedrooms

# Bathrooms

message

Image

JadeWay Cleaning

1️⃣ Business name

Jadeway Cleaners

2️⃣ What kind of business are you building?

Residential cleaning service

(If it allows custom text, use:)

Residential cleaning company with flat-rate pricing and online booking.

3️⃣ Business description / what you do

(This is the most important field — paste this exactly)

Jadeway Cleaners provides residential cleaning services with clear, flat-rate pricing and easy online booking. Services include recurring cleaning, deep cleaning, and move-in / move-out cleaning. Pricing is based on home size and service type, allowing customers to book quickly without quoting or back-and-forth.

4️⃣ Services offered

List them exactly like this (no extra words):

Recurring Cleaning

Deep Cleaning

Move-In / Move-Out Cleaning

Do not add:

“custom cleaning”

“specialty services”

anything vague

5️⃣ Location

San Antonio, TX

(or your exact service city)

6️⃣ Primary goal of the website

Select:
Get bookings / allow customers to book services

Not “get inquiries.”

7️⃣ Tone / style

Choose the most neutral options available:

Clean

Simple

Professional

Avoid:

Friendly

Playful

Bold

Luxury

Premium

You want calm utility, not personality.

8️⃣ Call to

Quattrocento

Figtree

Libre Baskerville