NedDev®
NL Get in touch
Home Work
Services
SaaS developmentAI developmentAPI developmentMobile app developmentGoogle Ads managementHeadless ShopifyLaravel developmentNext.js developmentReact developmentTypeScript engineeringUI/UX designSEO & AEOEcommerce development
Solutions
AI solutionsB2B platformsE-commerceHospitalityLead generationLogisticsEducationProcess automationSaaS platformsStartup MVPReal estateHealthcare
Industries
LegalHealthcareReal estateFinanceHospitality
Regions
The HagueRotterdamAmsterdamUtrechtEindhovenAlmereBredaArnhemNijmegenTilburgEnschedeGroningenLeidenDelftZoetermeerDen Bosch
Studio
AboutProcessLabBlogContact

Spoedblok: bellen of foto's appen New

Emergency block for a plumber, electrician or glazier: two equal buttons Call and WhatsApp ("send photos"), live 24/7 status, response time and call-out fee that change with the type of failure and day or night. The WhatsApp link pre-fills the message via wa.me?text=. Real radio buttons, tips in a native details element. States: day, evening and night (demo buttons).

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

    How to use it

    1. Paste the HTML where the page sections should appear.
    2. Add the CSS to your stylesheet. All classes are prefixed, so nothing clashes with your own styles.
    3. Add the JavaScript and call init() with the element that contains the HTML.
    <!-- 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>

    More page sections

    Seen something you like?

    Add it to your selection and send it over. We build your site around it, in your brand.

    Get in touch →