Embed

<div id="gdr-site" style="--bg:#f7fafc;--panel:#ffffff;--text:#1e293b;--muted:#64748b;--brand:#1E64B7;--accent:#F84C1E;--ring:rgba(30,100,183,.18);--radius:16px;">
  <style>
    /* Scoped so we don't clash with Durable */
    #gdr-site{color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg)}
    #gdr-site *{box-sizing:border-box}
    #gdr-site .wrap{width:min(1100px,92%);margin:0 auto}
    #gdr-site .section{padding:64px 0}
    #gdr-site .section.tight{padding:40px 0}
    #gdr-site .section.alt{background:#fff}
    #gdr-site .h1{font-size:clamp(28px,4.6vw,44px);line-height:1.15;margin:0 0 10px}
    #gdr-site .h2{font-size:clamp(22px,3.2vw,32px);margin:0 0 10px}
    #gdr-site .lead{color:var(--muted);max-width:68ch}
    #gdr-site .grid{display:grid;gap:16px}
    #gdr-site .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
    #gdr-site .card{background:var(--panel);border:1px solid #e6e9ee;border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px rgba(13,48,99,.06)}
    #gdr-site .badge{display:inline-block;background:rgba(248,76,30,.08);color:var(--accent);padding:8px 12px;border-radius:999px;font-weight:700;border:1px solid rgba(248,76,30,.25)}
    #gdr-site .ticks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none}
    #gdr-site .ticks li{background:#ffffff;border:1px solid #e6e9ee;padding:10px 12px;border-radius:12px}
    #gdr-site .muted{color:var(--muted)}
    #gdr-site a.cta{display:inline-block;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;white-space:nowrap}
    #gdr-site a.cta.primary{background:linear-gradient(135deg,var(--brand),#2A7BD9);color:#fff;box-shadow:0 8px 24px rgba(30,100,183,.25)}
    #gdr-site a.cta.primary:hover{transform:translateY(-1px)}
    #gdr-site .accent{color:var(--accent)}

    /* HERO */
    #gdr-site .hero{
      padding:0;
      background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.55)),
        url('YOUR_IMAGE_URL') center/cover no-repeat;
      border-bottom:1px solid #e6e9ee;
    }
    #gdr-site .hero-inner{min-height:66vh;display:grid;align-items:center}
    #gdr-site .hero-box{max-width:860px;padding:56px 0}

    /* CTA band */
    #gdr-site .cta-card{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e6e9ee;border-radius:var(--radius);padding:18px;box-shadow:0 8px 24px rgba(13,48,99,.06)}

    /* Footer */
    #gdr-site footer{border-top:1px solid #e6e9ee}

    /* Sticky call bar (mobile) */
    #gdr-site .callbar{
      position:sticky;bottom:0;inset-inline:0;background:#fff;border-top:1px solid #e6e9ee;
      padding:10px;z-index:20;display:none
    }
    #gdr-site .callbar .barwrap{width:min(1100px,92%);margin:0 auto;display:flex;gap:10px}
    #gdr-site .callbar a{flex:1;text-align:center}

    @media (max-width:980px){
      #gdr-site .grid.three{grid-template-columns:1fr}
      #gdr-site .ticks{grid-template-columns:repeat(2,minmax(0,1fr))}
      #gdr-site .hero-inner{min-height:58vh}
      #gdr-site .callbar{display:block}
    }
    @media (max-width:560px){
      #gdr-site .ticks{grid-template-columns:1fr}
      #gdr-site .section{padding:48px 0}
    }
  </style>

  
  <section class="section hero">
    <div class="wrap hero-inner">
      <div class="hero-box">
        <span class="badge">DON’T REPLACE IT — REPAIR IT</span>
        <h1 class="h1" style="margin-top:12px">
          Same-day <span class="accent">Garage Door Repairs</span>
        </h1>
        <p class="lead">
          Friendly, fully-insured engineers covering Beds, Bucks, Herts & North London.
          Springs, cables, tracks, rollers, motors & more — fixed fast, priced fairly.
        </p>
        <div style="display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 8px">
          <a class="cta primary" href="tel:+447534503545">📞 Call now for a fast response</a>
        </div>
        <ul class="ticks">
          <li>Same/next-day availability</li>
          <li>No hidden fees</li>
          <li>2-year parts warranty</li>
        </ul>
      </div>
    </div>
  </section>

  
  <section class="section">
    <div class="wrap">
      <h2 class="h2">Repairs & Services</h2>
      <p class="lead">Transparent prices, quality parts, excellent service.</p>
      <div class="grid three" style="margin-top:12px">
        <div class="card"><h3>Springs & Cables</h3><p>Broken torsion/extension springs, snapped cables, balancing & safety checks.</p></div>
        <div class="card"><h3>Motors & Openers</h3><p>Motor faults, remote/keypad pairing, sensor issues, limit reset & servicing.</p></div>
        <div class="card"><h3>Tracks & Rollers</h3><p>Bent track straightening, roller replacement, alignment & lubrication.</p></div>
      </div>
    </div>
  </section>

  
  <section class="section alt">
    <div class="wrap">
      <h2 class="h2">Areas We Cover</h2>
      <p>Bedfordshire • Buckinghamshire • Hertfordshire • North London</p>
      <p class="muted">Typical towns: Luton, Dunstable, Aylesbury, Hemel Hempstead, St Albans, Watford, Barnet, Enfield & more.</p>
    </div>
  </section>

  
  <section class="section">
    <div class="wrap">
      <h2 class="h2">Happy Customers</h2>
      <div class="grid three" style="margin-top:12px">
        <blockquote class="card"><p>“Called at 10am, fixed by lunch. Brilliant service and price.”</p><cite class="muted">— Sarah, St Albans</cite></blockquote>
        <blockquote class="card"><p>“Replaced a broken spring and serviced the door. Runs like new.”</p><cite class="muted">— Dan, Hemel Hempstead</cite></blockquote>
        <blockquote class="card"><p>“Upfront quote, no mess, very professional. Highly recommend.”</p><cite class="muted">— Priya, Watford</cite></blockquote>
      </div>
    </div>
  </section>

  
  <section class="section tight">
    <div class="wrap">
      <div class="cta-card">
        <div>
          <div class="badge">DON’T REPLACE IT — REPAIR IT</div>
          <h3 style="margin:10px 0 6px">Need help today?</h3>
          <p class="muted" style="margin:0">Call now for the fastest response.</p>
        </div>
        <div style="display:flex;gap:10px;flex-wrap:wrap">
          <a class="cta primary" href="tel:+447534503545">📞 Call now</a>
        </div>
      </div>
    </div>
  </section>

  
  <footer class="section tight">
    <div class="wrap" style="display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap">
      <p style="margin:0">© <span id="gdr-y"></span> The Garage Door Repair Company</p>
      <p class="muted" style="margin:0"><a href="/faqs">FAQs</a></p>
    </div>
  </footer>

  
  <div class="callbar" role="region" aria-label="Quick call">
    <div class="barwrap">
      <a class="cta primary" href="tel:+447534503545">📞 Call now</a>
    </div>
  </div>

  <script>
    // Year
    (document.getElementById('gdr-y')||{}).textContent = new Date().getFullYear();
  </script>
</div>

Image carousel

Comprehensive Garage Services

Same-day Garage Door Repairs

Repairs & Services

Springs & Cables

Motors & Openers

Tracks & Rollers

Areas We Cover

Happy Customers

Need help today?