Groepenkastmontage | WebbeHolland

Installatie, onderhoud en storingen — snel én netjes geregeld.

{company.name} helpt met elektrotechniek, loodgieterswerk, chaletprojecten en NEN3140-keuringen. Eén team, één aanspreekpunt — met focus op veiligheid, kwaliteit en duidelijke communicatie.

{highlights.map((h) => ( {h} ))}

Vraag een offerte aan Bel direct

Tip: vervang de contactgegevens en locatie bovenaan met jouw echte gegevens.

Wat we voor je kunnen doen

Van nieuwe aanleg tot storingen & keuring.

{services.map((s) => (

{s.title}

))}

Storing of spoedklus?

Bel ons direct, dan plannen we de snelste oplossing.

{company.phoneDisplay} Plan een afspraak

{/* Services */}

{services.map((s) => (

{s.title}

))}

{/* Chalet */}

{["Elektra en groepenkast passend bij het vermogen", "Leidingwerk verleggen/vernieuwen zonder gedoe", "Duurzame materialen voor wisselende omstandigheden", "Netjes afwerken en veilig opleveren"].map( (t) => (

{t}

We denken mee met de situatie op locatie en leveren een oplossing die past.

) )}

Veelgevraagde chaletklussen

Een greep uit wat we vaak doen — vraag gerust naar jouw situatie.

{[ "Nieuwe installatie", "Groepenkast vervangen", "Extra groepen/automaten", "Leidingen verleggen", "Keuken/badkamer aansluiten", "Storing oplossen", "Aarding en veiligheid", "NEN3140 inspectie", ].map((x) => (

{x}

Duidelijke afspraken en nette oplevering.

))}

Chaletproject bespreken Bel

{/* NEN3140 */}

Wat je ontvangt

Voor wie?

Bedrijven, VvE’s, verhuurders en particulieren die zekerheid willen over elektrische veiligheid.

Wanneer is het handig?

{/* Process */}

{[ { step: "1", title: "Inventarisatie", desc: "We bespreken jouw wensen, situatie en eventuele spoed." }, { step: "2", title: "Plan & offerte", desc: "Je ontvangt een duidelijke planning en prijsindicatie/offerte." }, { step: "3", title: "Uitvoering", desc: "Netjes werken, veilig opleveren en alles goed doormeten/controle." }, ].map((x) => (

{x.step}

{x.title}

{x.desc}

))}

Veelgestelde vragen

{faqs.map((f) => (

{f.q}

{f.a}

))}

Waarom {company.name}?

Direct contact

Bel of mail — we reageren zo snel mogelijk.

{company.phoneDisplay} {company.email}

{/* Contact */}

Contactgegevens

{company.phoneDisplay} {company.email}

{company.locationLine}

Werkgebied

{company.serviceArea}. Werk je buiten dit gebied? Neem gerust contact op.

Stuur een bericht

Dit formulier is een voorbeeld (demo). Koppel het in productie aan e-mail of een backend.

Naam setForm({ ...form, name: e.target.value })} required className="mt-2 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-sm outline-none focus:ring-2 focus:ring-slate-300" placeholder="Jouw naam" />

E-mail setForm({ ...form, email: e.target.value })} required className="mt-2 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-sm outline-none focus:ring-2 focus:ring-slate-300" placeholder="naam@voorbeeld.nl" />

Telefoon (optioneel) setForm({ ...form, phone: e.target.value })} className="mt-2 w-full rounded-2xl border border-slate-200 bg-white px-4 py-3 text-sm outline-none focus:ring-2 focus:ring-slate-300" placeholder="06 12 34 56 78" />

Bericht

setForm({ ...form, message: e.target.value })}
                      required
                      rows={5}
                      className="mt-2 w-full resize-none rounded-2xl border border-slate-200 bg-white px-4 py-3 text-sm outline-none focus:ring-2 focus:ring-slate-300"
                      placeholder="Bijv. groepenkast uitbreiden, lekkage, chaletproject, NEN3140 keuring…"
                    />
                  </div>

<button
                    type="submit"
                    className="inline-flex w-full items-center justify-center gap-2 rounded-2xl bg-slate-900 px-5 py-3 text-sm font-semibold text-white shadow-sm hover:opacity-90"
                  >
                    Versturen
                    <ArrowRight className="h-4 w-4" />
                  </button>

{sent ? (
                    <div className="rounded-2xl border border-slate-200 bg-white p-4 text-sm text-slate-700">
                      Bedankt! Je bericht is (demo) verzonden. In productie kun je dit koppelen aan
                      e-mail of een CRM.
                    </div>
                  ) : null}
                </form>
              </Card>
            </div>
          </Container>
        </section>
      </main>

{/* Footer */}
      <footer className="border-t border-slate-200/70 bg-white">
        <Container className="py-10">
          <div className="grid gap-6 md:grid-cols-3 md:items-start">
            <div>
              <div className="flex items-center gap-3">
                <div className="grid h-10 w-10 place-items-center rounded-2xl border border-slate-200 bg-white shadow-sm">
                  <Zap className="h-5 w-5" />
                </div>
                <div>
                  <p className="text-base font-semibold">{company.name}</p>
                  <p className="text-xs text-slate-600">{company.tagline}</p>
                </div>
              </div>
              <p className="mt-4 text-sm text-slate-600">
                Elektrotechniek, loodgieterswerk, chaletprojecten en NEN3140 keuringen.
              </p>
            </div>

<div className="text-sm">
              <p className="font-semibold text-slate-900">Snel naar</p>
              <div className="mt-3 grid gap-2 text-slate-700">
                <a className="hover:text-slate-900" href="#diensten">
                  Diensten
                </a>
                <a className="hover:text-slate-900" href="#chalet">
                  Chalets
                </a>
                <a className="hover:text-slate-900" href="#nen3140">
                  NEN3140
                </a>
                <a className="hover:text-slate-900" href="#contact">
                  Contact
                </a>
              </div>
            </div>

<div className="text-sm">
              <p className="font-semibold text-slate-900">Contact</p>
              <div className="mt-3 grid gap-2 text-slate-700">
                <a className="inline-flex items-center gap-2 hover:text-slate-900" href={telHref}>
                  <Phone className="h-4 w-4" />
                  {company.phoneDisplay}
                </a>
                <a className="inline-flex items-center gap-2 hover:text-slate-900" href={mailHref}>
                  <Mail className="h-4 w-4" />
                  {company.email}
                </a>
                <span className="inline-flex items-center gap-2">
                  <MapPin className="h-4 w-4" />
                  {company.locationLine}
                </span>
                {company.kvk ? (
                  <span className="text-xs text-slate-500">{company.kvk}</span>
                ) : null}
              </div>
            </div>
          </div>

<div className="mt-10 flex flex-col gap-2 border-t border-slate-200/70 pt-6 text-xs text-slate-500 sm:flex-row sm:items-center sm:justify-between">
            <p>© {new Date().getFullYear()} {company.name}. Alle rechten voorbehouden.</p>
            <p className="text-slate-500">
              Gemaakt met een strak, modern ontwerp — pas tekst en contactgegevens naar wens aan.
            </p>
          </div>
        </Container>
      </footer>
    </div>
  );
}



</body>
</html>

Veilige en nauwkeurige groepenkastmontage

Langdurige prestaties gegarandeerd

Bekijk een selectie van afgeronde installaties waarbij we groepenkasten nauwkeurig en veilig hebben geplaatst. Elk project weerspiegelt onze toewijding aan kwaliteit en betrouwbaarheid in uw woning.

{title}

{s.title}