Embed

<div id="bhd-deepclean-wrap">
  <div class="bhd-offer-card">
    <div class="bhd-offer-banner">
      <div class="bhd-eyebrow">LIMITED TIME OFFER</div>
      <h2>Professional Deep Clean Detail</h2>
      <p class="bhd-price-line">
        <strong>Now £150</strong>
        <span class="bhd-was">Usually £180</span>
      </p>
      <p class="bhd-includes">
        Includes <strong>FREE Ceramic Protection</strong> &amp; <strong>Engine Bay Detail</strong>
      </p>
      <p class="bhd-cta-copy">
        Fill in the form below to claim your offer now. Limited spots available.
      </p>

      <div class="bhd-timer-box">
        <div class="bhd-timer-label">Offer ends in</div>
        <div class="bhd-timer" id="bhd-timer">
          <div class="bhd-time-unit">
            <span id="bhd-days">00</span>
            <small>Days</small>
          </div>
          <div class="bhd-time-unit">
            <span id="bhd-hours">00</span>
            <small>Hours</small>
          </div>
          <div class="bhd-time-unit">
            <span id="bhd-minutes">00</span>
            <small>Minutes</small>
          </div>
          <div class="bhd-time-unit">
            <span id="bhd-seconds">00</span>
            <small>Seconds</small>
          </div>
        </div>
      </div>
    </div>

    <div class="bhd-form-shell">
      <iframe
        src="https://api.leadconnectorhq.com/widget/form/S9nU6ptip9Q9p3gHed0q"
        style="width:100%;height:950px;border:none;border-radius:14px;background:#fff;"
        id="inline-S9nU6ptip9Q9p3gHed0q"
        data-layout="{'id':'INLINE'}"
        data-trigger-type="alwaysShow"
        data-trigger-value=""
        data-activation-type="alwaysActivated"
        data-activation-value=""
        data-deactivation-type="neverDeactivate"
        data-deactivation-value=""
        data-form-name="DEEP CLEAN OFFER - META"
        data-height="950"
        data-layout-iframe-id="inline-S9nU6ptip9Q9p3gHed0q"
        data-form-id="S9nU6ptip9Q9p3gHed0q"
        title="DEEP CLEAN OFFER - META">
      </iframe>
    </div>
  </div>
</div>

<style>
  #bhd-deepclean-wrap {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 20px 14px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
  }

  .bhd-offer-card {
    background: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,0.18);
    border: 1px solid rgba(0,0,0,0.06);
  }

  .bhd-offer-banner {
    background: linear-gradient(135deg, #0b0f14 0%, #111827 55%, #0097DB 180%);
    color: #ffffff;
    padding: 28px 22px 22px;
    text-align: center;
  }

  .bhd-eyebrow {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1.6px;
    font-weight: 700;
    color: #9edfff;
    margin-bottom: 10px;
  }

  .bhd-offer-banner h2 {
    margin: 0 0 10px;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 800;
  }

  .bhd-price-line {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.2;
  }

  .bhd-price-line strong {
    color: #ffffff;
  }

  .bhd-was {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    color: #d0d7de;
    text-decoration: line-through;
    opacity: 0.9;
  }

  .bhd-includes,
  .bhd-cta-copy {
    margin: 8px auto 0;
    max-width: 620px;
    font-size: 17px;
    line-height: 1.5;
    color: #f1f5f9;
  }

  .bhd-timer-box {
    margin: 22px auto 0;
    max-width: 620px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 14px;
    padding: 16px 14px 18px;
    backdrop-filter: blur(4px);
  }

  .bhd-timer-label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.4px;
    margin-bottom: 12px;
    color: #dff5ff;
    text-transform: uppercase;
  }

  .bhd-timer {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .bhd-time-unit {
    min-width: 86px;
    background: #0097DB;
    border-radius: 12px;
    padding: 12px 10px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.12);
  }

  .bhd-time-unit span {
    display: block;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    color: #ffffff;
  }

  .bhd-time-unit small {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #eaf8ff;
    text-transform: uppercase;
    letter-spacing: 0.6px;
  }

  .bhd-form-shell {
    padding: 18px;
    background: #f8fafc;
  }

  @media (max-width: 640px) {
    #bhd-deepclean-wrap {
      padding: 12px 0;
    }

    .bhd-offer-banner {
      padding: 22px 16px 18px;
    }

    .bhd-offer-banner h2 {
      font-size: 26px;
    }

    .bhd-price-line {
      font-size: 21px;
    }

    .bhd-includes,
    .bhd-cta-copy {
      font-size: 15px;
    }

    .bhd-time-unit {
      min-width: 72px;
      padding: 10px 8px;
    }

    .bhd-time-unit span {
      font-size: 26px;
    }

    .bhd-form-shell {
      padding: 10px;
    }
  }
</style>

<script src="https://link.msgsndr.com/js/form_embed.js"></script>
<script>
  (function () {
    const STORAGE_KEY = 'bhdDeepCleanOfferEndTime';
    const now = Date.now();

    let endTime = localStorage.getItem(STORAGE_KEY);

    if (!endTime || Number(endTime) <= now) {
      const minMs = 2 * 24 * 60 * 60 * 1000;
      const maxMs = 7 * 24 * 60 * 60 * 1000;
      const randomOffset = Math.floor(Math.random() * (maxMs - minMs + 1)) + minMs;
      endTime = now + randomOffset;
      localStorage.setItem(STORAGE_KEY, String(endTime));
    } else {
      endTime = Number(endTime);
    }

    function updateTimer() {
      const current = Date.now();
      let distance = endTime - current;

      if (distance <= 0) {
        localStorage.removeItem(STORAGE_KEY);
        distance = 0;
      }

      const days = Math.floor(distance / (1000 * 60 * 60 * 24));
      const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((distance % (1000 * 60)) / 1000);

      document.getElementById('bhd-days').textContent = String(days).padStart(2, '0');
      document.getElementById('bhd-hours').textContent = String(hours).padStart(2, '0');
      document.getElementById('bhd-minutes').textContent = String(minutes).padStart(2, '0');
      document.getElementById('bhd-seconds').textContent = String(seconds).padStart(2, '0');
    }

    updateTimer();
    setInterval(updateTimer, 1000);
  })();
</script>

Blue Horizon Detailing

Blue Horizon Detailing provides professional mobile car valeting, detailing, SMART repairs and alloy wheel refurbishment across Rugby and Warwickshire.
We work at your home or workplace, offering convenient, high-quality car care without the need for a garage visit. Our services range from maintenance valets and deep cleans to paintwork SMART repairs, scuffs and scratches, minor dents, alloy wheel refurbishment and brake caliper painting.
Every vehicle is treated with care, using professional products, proper preparation methods, and finishing processes designed to protect and restore your car to the highest standard. We focus on quality, convenience and honest advice, ensuring each job is completed correctly and safely.
Fully insured, professionally trained, and trusted by local customers, Blue Horizon Detailing is committed to keeping vehicles clean, protected and looking their best all year round.

Professional Deep Clean Detail

Claim Your Exclusive First-Time Client Offer