NedDev®
EN Get in touch
Home Werk
Diensten
SaaS bouwenAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOWebshop bouwen
Oplossingen
AI-oplossingenB2B-platformsE-commerceHorecaLead generationLogistiekOnderwijsProcesautomatiseringSaaS-platformsStartup MVPVastgoedZorg
Branches
JuridischZorgVastgoedFinanceHoreca
Regio
Den HaagRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
OverWerkwijzeLabBlogContact

Spoedblok: bellen of foto's appen Nieuw

Spoed- en storingsblok voor een loodgieter, elektricien of glaszetter: twee even grote knoppen Bel en WhatsApp ("stuur foto's"), live 24/7-status, reactietijd en voorrijkosten die meeschuiven met het soort storing en met dag of nacht. De WhatsApp-link vult het bericht vooraf in via wa.me?text=. Keuze via echte radioknoppen, tips in een native details-element. Staten: overdag, avond en nacht (demo-knoppen).

Nu bereikbaar3 monteurs onderweg in Rotterdam

Lekkage, verstopping of geen stroom? Bel of app, wij komen.

Wat is er aan de hand?
Reactietijd
45 mingemiddeld tot de monteur bij je is (sep 2026)
Voorrijden
€ 49overdag op werkdagen, excl. arbeid
Bel direct, ook nu010 340 22 70

Een foto van de lekkage, de meterkast of het display van de ketel helpt: dan neemt de monteur meteen het goede onderdeel mee.

Wat kun je zelf alvast doen?
    Monteur draait een lekkende leiding onder een aanrecht vast

    Meldingen vandaag

    1. Lekkage · Kralingenter plaatse 14:51
    2. Groep valt uit · Hillegersbergopgelost 12:58
    3. Verstopte afvoer · Delfshavenopgelost 09:10
    Demo, tijdstip

    Zo gebruik je het

    1. Plak de HTML op de plek waar het onderdeel moet komen.
    2. Zet de CSS in je stylesheet. Alle klassen hebben een eigen voorvoegsel, dus niets botst met je eigen opmaak.
    3. Voeg de JavaScript toe en roep init() aan met het element waar de HTML in staat.
    <!-- Spoedblok: bellen of foto's appen · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="sbw">
  <div class="sbw__in">
    <div class="sbw__main">
      <p class="sbw__live"><i class="sbw__dot" aria-hidden="true"></i><b class="sbw__st">Nu bereikbaar</b><span class="sbw__crew">3 monteurs onderweg in Rotterdam</span></p>
      <h2 class="sbw__h">Lekkage, verstopping of geen stroom? Bel of app, wij komen.</h2>
      <fieldset class="sbw__set">
        <legend class="sbw__lbl">Wat is er aan de hand?</legend>
        <div class="sbw__chips">
          <label class="sbw__chip"><input type="radio" name="sbw-type" value="lek" checked><span>Lekkage</span></label>
          <label class="sbw__chip"><input type="radio" name="sbw-type" value="verstop"><span>Verstopping</span></label>
          <label class="sbw__chip"><input type="radio" name="sbw-type" value="stroom"><span>Stroomstoring</span></label>
          <label class="sbw__chip"><input type="radio" name="sbw-type" value="cv"><span>Cv-ketel</span></label>
        </div>
      </fieldset>
      <dl class="sbw__nums" aria-live="polite">
        <div><dt>Reactietijd</dt><dd><b class="sbw__rt">45 min</b><span>gemiddeld tot de monteur bij je is (sep 2026)</span></dd></div>
        <div><dt>Voorrijden</dt><dd><b class="sbw__vr">€ 49</b><span class="sbw__vr-s">overdag op werkdagen, excl. arbeid</span></dd></div>
      </dl>
      <div class="sbw__btns">
        <a class="sbw__btn sbw__btn--bel" href="tel:+31103402270"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.5 3.5h3l1.5 4.3-2.2 1.4a11 11 0 0 0 6 6l1.4-2.2 4.3 1.5v3a2 2 0 0 1-2.1 2C10.8 19 5 13.2 4.5 5.6a2 2 0 0 1 2-2.1z"/></svg><span><small>Bel direct, ook nu</small>010 340 22 70</span></a>
        <a class="sbw__btn sbw__btn--wa" href="#" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 20l1.2-3.8A8 8 0 1 1 8 19z"/><path d="M9 8.5c0 3 2.5 6 6 6.5l1-1.6-2-1-1 1c-1-.4-2.2-1.6-2.6-2.6l1-1-1-2z"/></svg><span><small>WhatsApp, stuur foto's</small>Open WhatsApp</span></a>
      </div>
      <p class="sbw__note">Een foto van de lekkage, de meterkast of het display van de ketel helpt: dan neemt de monteur meteen het goede onderdeel mee.</p>
      <details class="sbw__tips"><summary>Wat kun je zelf alvast doen?</summary><ul class="sbw__tip-l"></ul></details>
    </div>
    <div class="sbw__side">
      <img src="https://neddev.com/lab-media/spoed-bel-whatsapp-1.webp" alt="Monteur draait een lekkende leiding onder een aanrecht vast" loading="lazy">
      <div class="sbw__log">
        <p class="sbw__log-h">Meldingen vandaag</p>
        <ol>
          <li><time>14:12</time><span>Lekkage · Kralingen</span><em>ter plaatse 14:51</em></li>
          <li><time>11:40</time><span>Groep valt uit · Hillegersberg</span><em>opgelost 12:58</em></li>
          <li><time>08:05</time><span>Verstopte afvoer · Delfshaven</span><em>opgelost 09:10</em></li>
        </ol>
      </div>
    </div>
  </div>
  <div class="sbw__demo"><span>Demo, tijdstip</span><button type="button" data-sbw="nu" aria-pressed="true">nu</button><button type="button" data-sbw="11" aria-pressed="false">di 11:00</button><button type="button" data-sbw="20" aria-pressed="false">di 20:00</button><button type="button" data-sbw="3" aria-pressed="false">wo 03:00</button></div>
</div>
</div>

    Meer uit paginasecties

    Iets gezien dat je mooi vindt?

    Zet het in je selectie en stuur hem op. Dan bouwen we je site eromheen, in jouw huisstijl.

    Neem contact op →