Embed

<section class="fzq-page" aria-label="Get a quote">
  <div class="fzq-wrap">

    <header class="fzq-head">
      <h1>Get Your Free Quote</h1>
      <p>Professional aircon cleaning — instant pricing based on how many units you have.</p>
      <div class="fzq-badge">✅ 100% Satisfaction Guarantee</div>
    </header>

    
    <div class="fzq-services">

      
      <div class="fzq-card">
        <div class="fzq-left">
          <div class="fzq-title">Split System / Box Window Units</div>
          <div class="fzq-sub">
            Includes full internal deep clean + sanitisation<br>
            <strong>$110 for one unit • Only $89 each when you book 2 or more</strong>
          </div>
        </div>

        <div class="fzq-qty">
          <button class="fzq-btn" type="button" data-action="minus" data-target="fzqStd">−</button>
          <input id="fzqStd" class="fzq-input" type="number" min="0" value="0">
          <button class="fzq-btn" type="button" data-action="plus" data-target="fzqStd">+</button>
        </div>
      </div>

      
      <div class="fzq-card">
        <div class="fzq-left">
          <div class="fzq-title">Premium Split System + Outdoor Condenser Clean</div>
          <div class="fzq-sub">Includes indoor + outdoor clean — $125 per unit</div>
        </div>

        <div class="fzq-qty">
          <button class="fzq-btn" type="button" data-action="minus" data-target="fzqPrem">−</button>
          <input id="fzqPrem" class="fzq-input" type="number" min="0" value="0">
          <button class="fzq-btn" type="button" data-action="plus" data-target="fzqPrem">+</button>
        </div>
      </div>

    </div>

    
    <section class="fzq-results">
      <h2>Your Quote</h2>

      <div class="fzq-line" id="fzqStdLine" style="display:none;">
        <div>
          <div class="fzq-line-title">Split / Box Window Units</div>
          <div class="fzq-line-sub" id="fzqStdSub">(0 units)</div>
        </div>
        <div class="fzq-line-price" id="fzqStdPrice">$0.00</div>
      </div>

      <div class="fzq-line" id="fzqPremLine" style="display:none;">
        <div>
          <div class="fzq-line-title">Premium Split + Outdoor Condenser Clean</div>
          <div class="fzq-line-sub" id="fzqPremSub">(0 units)</div>
        </div>
        <div class="fzq-line-price" id="fzqPremPrice">$0.00</div>
      </div>

      <div class="fzq-total">
        <div class="fzq-total-row">
          <span>Total</span>
          <strong id="fzqTotal">$0.00</strong>
        </div>
      </div>

      <div class="fzq-actions">
        <a class="fzq-book"
           href="https://fabreezeairconcleaing.setmore.com/book"
           target="_blank">
          Book Now
        </a>
      </div>
    </section>

  </div>
</section>

<style>
:root{
  --ink:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --bg:#f6f9fc;
  --card:#ffffff;
  --brand:#0b74b8;
}

.fzq-page{background:var(--bg);padding:56px 18px;font-family:Poppins,system-ui;}
.fzq-wrap{max-width:980px;margin:auto;}

.fzq-head{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
  padding:22px;
  margin-bottom:16px;
}

.fzq-badge{
  display:inline-block;
  background:#eefdf5;
  border:1px solid #bbf7d0;
  padding:8px 12px;
  border-radius:10px;
  font-weight:700;
}

.fzq-services{display:grid;gap:12px;margin-bottom:16px;}

.fzq-card{
  background:#fff;
  border:2px solid #2b6cb0;
  border-radius:14px;
  padding:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.fzq-title{font-weight:800;}
.fzq-sub{color:var(--muted);font-size:.9rem;}

.fzq-qty{display:flex;gap:10px;align-items:center;}

.fzq-btn{
  width:42px;height:42px;
  border-radius:10px;
  border:2px solid #2b6cb0;
  background:#fff;
  font-weight:800;
  cursor:pointer;
}

.fzq-input{
  width:80px;height:42px;
  text-align:center;
  border:2px solid #cbd5e1;
  border-radius:10px;
  font-weight:800;
}

.fzq-results{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:18px;
}

.fzq-line{
  display:flex;
  justify-content:space-between;
  border:2px solid #2b6cb0;
  border-radius:14px;
  padding:14px;
  margin-bottom:10px;
}

.fzq-total-row{
  display:flex;
  justify-content:space-between;
  font-size:1.2rem;
  font-weight:800;
  padding-top:10px;
  border-top:1px solid var(--border);
}

.fzq-book{
  display:block;
  width:100%;
  text-align:center;
  background:var(--brand);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  padding:14px;
  border-radius:12px;
  margin-top:14px;
}
</style>

<script>
(function(){
  const stdInput = document.getElementById('fzqStd');
  const premInput = document.getElementById('fzqPrem');

  const stdLine = document.getElementById('fzqStdLine');
  const premLine = document.getElementById('fzqPremLine');

  const stdSub = document.getElementById('fzqStdSub');
  const premSub = document.getElementById('fzqPremSub');

  const stdPriceEl = document.getElementById('fzqStdPrice');
  const premPriceEl = document.getElementById('fzqPremPrice');

  const totalEl = document.getElementById('fzqTotal');

  function money(n){
    return n.toLocaleString('en-AU',{style:'currency',currency:'AUD'});
  }

  // ✅ NEW PRICING LOGIC
  function calcStandard(n){
    if(n<=0) return 0;
    if(n===1) return 110;       // 1 unit = $110
    return n * 89;              // 2+ units = $89 each
  }

  function calcPremium(n){
    return Math.max(0,n)*125;
  }

  function update(){
    const nStd = Math.max(0,Number(stdInput.value)||0);
    const nPrem = Math.max(0,Number(premInput.value)||0);

    const stdCost = calcStandard(nStd);
    const premCost = calcPremium(nPrem);
    const total = stdCost + premCost;

    stdLine.style.display = nStd>0?'flex':'none';
    premLine.style.display = nPrem>0?'flex':'none';

    stdSub.textContent=`(${nStd} unit${nStd===1?'':'s'})`;
    premSub.textContent=`(${nPrem} unit${nPrem===1?'':'s'})`;

    stdPriceEl.textContent=money(stdCost);
    premPriceEl.textContent=money(premCost);
    totalEl.textContent=money(total);
  }

  document.querySelectorAll('.fzq-btn').forEach(btn=>{
    btn.addEventListener('click',()=>{
      const target=document.getElementById(btn.dataset.target);
      const v=Number(target.value)||0;
      target.value=btn.dataset.action==='plus'?v+1:Math.max(0,v-1);
      update();
    });
  });

  stdInput.addEventListener('input',update);
  premInput.addEventListener('input',update);

  update();
})();
</script>

FABREEZE AIRCON CLEANING - MACKAY