Banner carousel full

Get Free* Home Energy Upgrades Through the Government’s ECO4 Scheme, with Dream Homes Build. 

Your Trusted ECO4 Home Upgrade Provider

Energy efficiency rating chart and home interior. Ecological and bio energetic house. Energy class, performance certificate, rating graph. Eco friendly, energy saving. 3d rendering.

green house checking Detail of house efficiency rating good ecological and bio energetic house efficiency rating  Concept

Modern cubic house with solar panels and wind turbines in the background

Wooden Model House with Energy Efficiency Rating

Embed

<div id="eco4-savings-wrapper" class="eco4-wrapper">
  <div class="eco4-caption-column">
    <p class="eco4-caption">Check how much you could save on your energy bills with ECO4 upgrades</p>
  </div>
  <div class="eco4-quiz-column">
    <h2 class="eco4-title">ECO4 Savings Calculator</h2>
    <div class="progress-wrap">
      <div class="progress-container">
        <div id="progress-bar">£0 - £0 per year</div>
      </div>
    </div>
    <div id="question-box" class="question-box">
      <div class="question-content">
        <div class="question-text"></div>
        <div class="btn-row">
          <button class="answer-btn answer-yes">Yes ✓</button>
          <button class="answer-btn answer-no">No ✕</button>
        </div>
      </div>
      <div class="result-content" style="display:none;">
        <div class="result"></div>
        <div class="end-cta"></div>
      </div>
    </div>
  </div>
</div>

<style>
.eco4-wrapper {
  display:flex;
  flex-direction:column; /* stack caption above quiz */
  align-items:center;
  max-width:900px;
  margin:20px auto;
  font-family:"Segoe UI", Tahoma, system-ui, -apple-system, "Helvetica Neue", Arial;
}
.eco4-caption-column {
  width:100%;
  display:flex;
  justify-content:center;
  margin-bottom:6px; /* reduce gap between caption and quiz */
}
.eco4-caption {
  font-size:1.05rem;
  color:#0f5132;
  background:#e6f2e9;
  padding:14px;
  border-radius:12px;
  line-height:1.4;
  text-align:center;
}
.eco4-quiz-column {
  flex:0 0 auto;
  background: linear-gradient(135deg, #f0fbf5 0%, #f4f9ff 100%);
  padding:20px;
  border-radius:20px;
  box-shadow:0 12px 30px rgba(16,24,40,0.08);
  border:1px solid rgba(34,197,94,0.06);
  width:100%;
  max-width:320px;
}
.eco4-title {
  font-size:1.4rem;
  margin:0 0 14px 0;
  color:#14632a;
  letter-spacing:0.2px;
  text-align:center;
}
.progress-container {
  width:100%;
  background:#e6e9ee;
  border-radius:28px;
  height:50px;
  display:flex;
  align-items:center;
  overflow:hidden;
  position:relative;
  margin-bottom:16px;
}
#progress-bar {
  height:100%;
  width:35%;
  min-width:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:#ffffff;
  background: linear-gradient(90deg, #66bb6a, #43a047);
  border-radius:28px;
  transition: width 0.5s ease, font-size 0.3s ease;
  box-shadow: inset 0 -6px 30px rgba(0,0,0,0.06);
  padding:0 12px;
  text-align:center;
  white-space:nowrap;
  font-size:1rem;
}
.question-box { 
  width: 300px; 
  height: 240px;
  display:flex; 
  flex-direction:column; 
  background:#ffffff; 
  border-radius:16px; 
  box-shadow:0 6px 18px rgba(0,0,0,0.06); 
  padding:14px; 
  box-sizing:border-box; 
  position:relative; 
  margin:0 auto; 
}
.question-content, .result-content { display:flex; flex-direction:column; height:100%; width:100%; }
.question-text {
  height:80px; 
  display:flex; 
  align-items:flex-start; 
  justify-content:center; 
  text-align:center; 
  color:#0f5132; 
  font-size:1.05rem; 
  margin-bottom:12px; 
  padding-top:10px; 
  overflow-wrap: break-word; 
}
.btn-row { 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  width:100%; 
  gap:12px; 
  margin-top:auto; 
  height:100%; 
}
.answer-btn { 
  display:inline-block; 
  padding:14px 22px; 
  border-radius:18px; 
  border:none; 
  font-weight:700; 
  cursor:pointer; 
  min-width:130px; 
  transition: all 0.3s ease; 
  font-size:1rem; 
  color:#fff; 
  box-shadow:0 6px 16px rgba(14,50,30,0.08); 
}
.answer-yes { background: linear-gradient(45deg,#43a047,#66bb6a);}
.answer-no { background: linear-gradient(45deg,#c62828,#ef5350);}
.answer-btn:hover { transform:translateY(-4px) scale(1.05); box-shadow:0 10px 24px rgba(14,50,30,0.18); }
.answer-btn.clicked { animation: clickEffect 0.25s ease; }
@keyframes clickEffect { 0% { transform: scale(1); box-shadow:0 6px 16px rgba(14,50,30,0.08);} 50% { transform: scale(1.15); box-shadow:0 12px 28px rgba(14,50,30,0.25);} 100% { transform: scale(1); box-shadow:0 6px 16px rgba(14,50,30,0.08);} }
.result { font-size:1.1rem; color:#0b3f2a; text-align:center; display:flex; flex-direction: column; gap:6px; justify-content:flex-start; }
.end-cta { display:flex; flex-direction:column; gap:8px; justify-content:center; align-items:center; margin-top:auto; margin-bottom:12px; }
.cta-link { padding:8px 12px; background:#fff; border-radius:12px; color:#14632a; text-decoration:none; font-weight:700; border:1px solid rgba(20,99,42,0.12); font-size:0.95rem; }
#restart-btn { padding:8px 12px; border-radius:12px; border:none; background:#2e7d32; color:#fff; font-weight:700; cursor:pointer; font-size:0.95rem; }

@media (max-width:480px){
  .eco4-quiz-column { width:90%; max-width:300px; } 
  .question-box { width:90%; max-width:300px; height:240px; margin:0 auto; } 
  .answer-btn { min-width:44%; font-size:0.9rem; padding:8px; } 
  #progress-bar { font-size:0.85rem; } 
}
</style>

<script>
(function(){
  const questions = [
    { text: "Do you currently have loft insulation?", saving:[240,450] },
    { text: "Do you have cavity wall insulation?", saving:[180,350] },
    { text: "Do you have solid wall insulation?", saving:[400,700] },
    { text: "Do you have room-in-roof insulation?", saving:[150,300] },
    { text: "Is your boiler an efficient condensing boiler?", saving:[300,500] },
    { text: "Do you already have central heating installed?", saving:[400,600] },
    { text: "Do you have an air source heat pump already?", saving:[350,600] },
    { text: "Do you have solar panels (PV)?", saving:[250,450] }
  ];

  const fmt = n => n.toLocaleString('en-GB');
  const totalQuestions = questions.length;
  let currentQuestion=0, totalMin=0, totalMax=0;

  const questionTextDiv = document.querySelector('.question-text');
  const btnYes = document.querySelector('.answer-yes');
  const btnNo = document.querySelector('.answer-no');
  const questionContent = document.querySelector('.question-content');
  const resultContent = document.querySelector('.result-content');
  const resultDiv = resultContent.querySelector('.result');
  const endCtaDiv = resultContent.querySelector('.end-cta');

  function updateProgress(){
    const p = document.getElementById('progress-bar');
    const baseWidth = 35;
    const increment = (100 - baseWidth)/totalQuestions;
    const widthPercent = baseWidth + currentQuestion * increment;
    p.style.width = widthPercent + '%';
    if(widthPercent < 45){ p.style.fontSize='0.75rem'; }
    else if(widthPercent < 60){ p.style.fontSize='0.85rem'; }
    else if(widthPercent < 80){ p.style.fontSize='0.95rem'; }
    else { p.style.fontSize='1rem'; }
    p.textContent = `£${fmt(totalMin)} - £${fmt(totalMax)} per year`;
  }

  function showQuestion(){
    if(currentQuestion >= totalQuestions){ showResults(); return; }
    questionContent.style.display = 'flex';
    resultContent.style.display = 'none';
    const q = questions[currentQuestion];
    questionTextDiv.textContent = q.text;

    btnYes.onclick = () => {
      btnYes.classList.add('clicked');
      setTimeout(()=>btnYes.classList.remove('clicked'),250);
      currentQuestion++; showQuestion(); updateProgress(); bounceEffect();
    };

    btnNo.onclick = () => {
      btnNo.classList.add('clicked');
      setTimeout(()=>btnNo.classList.remove('clicked'),250);
      totalMin += q.saving[0]; totalMax += q.saving[1];
      currentQuestion++; showQuestion(); updateProgress(); bounceEffect();
    };
  }

  function showResults(){
    questionContent.style.display = 'none';
    resultContent.style.display = 'flex';
    resultDiv.innerHTML = `<div>🎉 Done!</div>
      <div>Potential savings:</div>
      <div><strong>£${fmt(totalMin)} - £${fmt(totalMax)}</strong> per year</div>`;
    endCtaDiv.innerHTML = `
      <a class="cta-link" href="https://dreamhomesbuild.com/eligibility-check" target="_blank" style="margin-top:16px;">Check eligibility →</a>
      <button id="restart-btn" style="margin-top:8px;">Try again</button>`;
    document.getElementById('restart-btn').onclick = () => {
      currentQuestion=0; totalMin=0; totalMax=0;
      showQuestion(); updateProgress();
    };
  }

  function bounceEffect(){
    const box = document.getElementById('question-box');
    box.style.transform='translateY(-5px)';
    setTimeout(()=>{ box.style.transform='translateY(0)'; },150);
  }

  if(document.readyState==='loading'){
    document.addEventListener('DOMContentLoaded',()=>{ showQuestion(); updateProgress(); });
  } else { showQuestion(); updateProgress(); }

})();
</script>


List

How to Get Your Free* Upgrades

<p>Fill out our quick form so we can see if your home qualifies for ECO4-funded upgrades.</p>

1️⃣ Check Your Eligibility

<p>We’ll send a certified engineer to your home at no cost to assess which improvements you’re eligible for.</p>

2️⃣ Free Home Survey

<p>We handle all the paperwork and apply for government funding on your behalf — no stress, no cost to you.</p>

3️⃣ We Apply for Funding

<p>Once approved, your new energy-efficient boiler, insulation, or solar panels will be installed by professionals, completely funded under ECO4.</p>

4️⃣ Enjoy Your Upgrades

Text + image

<p class="large"><strong>Lower your energy bills permanently.</strong></p>
<p class="large"><strong>Make your home warmer in winter &amp; cooler in summer.</strong></p>
<p class="large"><strong>Reduce your carbon footprint.</strong></p>
<p class="large"><strong>Government funding won’t last forever.</strong></p>
<p class="large"><strong>Don’t miss out on fully funded home improvements. See if you qualify in under 60 seconds:</strong></p>
<p class="normal"> </p>

<div class="disclaimer">
  * Free installations are subject to eligibility under ECO schemes.
</div>

<style>
  .disclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f8f8f8; /* light grey background */
    color: #333; /* dark text for readability */
    font-size: 12px; /* small text */
    text-align: center;
    padding: 6px 10px;
    border-top: 1px solid #ccc;
    z-index: 9999;
  }
</style>

Dream Homes Build

We are an ECO4 installer company based in the UK. We help eligible homeowners upgrade their homes with energy-efficient solutions such as free boiler replacements, solar panels, loft and cavity wall insulation, and heat pumps — all under the UK government’s ECO4 scheme. We handle eligibility checks, installations, and paperwork.