/* MuurX site — shared core.
Header (with Diensten dropdown), Footer, QuoteForm, Placeholder, data.
Uses design-system components from the compiled bundle. */
const NS = window.MuurXDesignSystem_8b18fa;
const { Logo, Button, Icon, GoldRule, Overline, ContactStrip, CoreValuesBar, InclusionList, InfoBlock } = NS;
/* Path helpers — each page sets window.SITE_BASE ('' at site/ root, '../' one level down). */
const BASE = () => (window.SITE_BASE || '');
const url = (p) => BASE() + p;
const ASSET_BASE = () => BASE();
/* Referral-attributie: ?ref=CODE onthouden zodat het offerteformulier weet
via wie de bezoeker binnenkwam (zie REFERRAL-SYSTEM.md). */
(function () {
try {
const ref = new URLSearchParams(window.location.search).get('ref');
if (ref) localStorage.setItem('muurx_ref', ref.toUpperCase());
} catch (e) { /* localStorage niet beschikbaar */ }
})();
const getRefCode = () => {
try { return localStorage.getItem('muurx_ref') || ''; } catch (e) { return ''; }
};
/* ---------------- Bedrijfsgegevens (voor facturen & privacyverklaring) ----------------
TODO: vul de echte gegevens in. Deze verschijnen als afzender ("Aan") op de
uitbetaal-facturen en in de privacyverklaring. */
const MUURX_BEDRIJF = {
naam: 'MuurX',
adres: 'Dekemastraat 5',
postcode: '8804 NZ',
plaats: 'Tzum',
land: 'Nederland',
kvk: '99605228',
btw: 'NL005033282B20',
iban: '', // bewust leeg: MuurX-IBAN hoeft niet op deze factuur (klant is begunstigde)
email: 'muurx.info@gmail.com',
telefoon: '06 38144883',
};
/* ---------------- Services data ---------------- */
const SERVICES = [
{
slug: 'stucwerk', title: 'Stucwerk', icon: 'stucwerk',
short: 'Strak stucwerk voor wanden en plafonds, sausklaar of behangklaar opgeleverd.',
intro: 'Strak stucwerk voor wanden en plafonds. Wij zorgen voor een egale, duurzame ondergrond, sausklaar of behangklaar opgeleverd en tot in de kleinste hoek perfect afgewerkt.',
doen: ['Wanden en plafonds stucen', 'Sausklaar opleveren', 'Behangklaar opleveren', 'Repareren van beschadigingen en scheuren'],
inclusion: [
{ label: 'Inclusief materiaal & plaatsing' },
{ label: 'Voorbereiden & afplakken' },
{ label: 'Sausklaar of behangklaar oplevering' },
{ label: 'Afval afvoeren', included: false },
],
packages: [
{ id: 'home', segment: 'particulier', title: 'Home Package', subtitle: 'Ideaal voor een complete kamer of kleine woning.', size: '20 – 35 m²', price: '€ 1.000', unit: 'compleet', features: ['Inclusief materiaal & hoekprofielen', 'Afplakken & schoonmaken inbegrepen', 'Afval afvoeren inbegrepen'] },
{ id: 'complete-home', segment: 'particulier', title: 'Complete Home Package', subtitle: 'Voor complete woonruimtes met een hoogwaardige afwerking.', size: '36 – 49 m²', price: '€ 1.500', unit: 'compleet', features: ['Inclusief materiaal & hoekprofielen', 'Afplakken & schoonmaken inbegrepen', 'Afval afvoeren inbegrepen'] },
{ id: 'small', segment: 'particulier', title: 'Small Projects', subtitle: 'Voor kleine reparaties en renovaties.', size: 'Tot 19 m²', price: '€ 500', unit: 'compleet', features: ['Inclusief materiaal & hoekprofielen', 'Afplakken & schoonmaken inbegrepen', 'Kleiner dan 20 m²: offerte op maat'] },
{ id: 'project', segment: 'beide', title: 'Project Package', subtitle: 'Ideaal voor grotere renovatie- en nieuwbouwprojecten.', size: '50 – 249 m²', price: '€ 21', unit: 'per m²', features: ['Inclusief materiaal', 'Excl. hoekprofielen & afplakken', 'Excl. afval afvoeren & btw'] },
{ id: 'signature', segment: 'particulier', title: 'MuurX Signature', subtitle: 'Voor stenen muren die een dikkere stuclaag nodig hebben (meer dan 5 mm).', size: 'Vanaf 30 m²', price: '€ 35', unit: 'per m²', features: ['Professionele voorbereiding', 'Hoogwaardige materialen', 'Afwerking op maat'] },
{ id: 'business', segment: 'zakelijk', title: 'Business Package', subtitle: 'Geschikt voor zakelijke projecten en grotere oppervlakken.', size: '250 – 499 m²', price: '€ 20', unit: 'per m²', features: ['Inclusief materiaal', 'Excl. hoekprofielen & afplakken', 'Excl. afval afvoeren & btw'] },
{ id: 'commercial', segment: 'zakelijk', title: 'Commercial Package', subtitle: 'Geschikt voor commerciële projecten en zeer grote oppervlakken.', size: '500 – 999 m²', price: '€ 19', unit: 'per m²', features: ['Inclusief materiaal', 'Excl. hoekprofielen & afplakken', 'Excl. afval afvoeren & btw'] },
{ id: 'enterprise', segment: 'zakelijk', title: 'Enterprise Package', subtitle: 'Voor grootschalige projecten vanaf 1.000 m² en meer.', size: 'Vanaf 1.000 m²', price: '€ 18', unit: 'per m²', features: ['Inclusief materiaal', 'Excl. hoekprofielen & afplakken', 'Excl. afval afvoeren & btw'] },
{ id: 'prestige', segment: 'zakelijk', title: 'Prestige Package', subtitle: 'Voor grootschalige projecten vanaf 5.000 m² en meer.', size: 'Vanaf 5.000 m²', price: '€ 17', unit: 'per m²', features: ['Inclusief materiaal', 'Excl. hoekprofielen & afplakken', 'Excl. afval afvoeren & btw'] },
],
addon: { title: 'Hoekprofielen', price: '€ 7,50 per strekkende meter', note: 'Inclusief materiaal en plaatsing. BTW: 9% voor woningen ouder dan 2,5 jaar, 21% voor nieuwbouw.' },
beforeAfter: [
'uploads/2.png',
'uploads/3.png',
'uploads/4.png',
],
},
{
slug: 'dunpleister', title: 'Dunpleister', icon: 'pleisterwerk',
short: 'Moderne dunpleister voor een glad en strak resultaat, ideaal voor nieuwbouw.',
intro: 'Moderne dunpleister voor een supergladde, strakke wand. Ideaal voor nieuwbouw en gladde ondergronden waar een dunne, egale laag volstaat. Snel aangebracht, prachtig resultaat.',
doen: ['Dunpleister op nieuwbouw-ondergronden', 'Gladde, strakke afwerking in één systeem', 'Naadloze aansluiting op plafonds en hoeken', 'Advies over de juiste ondergrond'],
inclusion: [
{ label: 'Inclusief materiaal & plaatsing' },
{ label: 'Stofarm werken' },
{ label: 'Sausklare oplevering' },
{ label: 'Voorstrijken indien nodig' },
],
},
{
slug: 'schilderwerk', title: 'Schilderwerk', icon: 'schilderwerk',
short: 'Professioneel schilderwerk voor binnen en buiten, met oog voor detail.',
intro: 'Professioneel schilderwerk voor binnen én buiten. Een nette, egale afwerking met oog voor detail, duurzame verfsystemen en strakke lijnen, precies zoals u het voor ogen heeft.',
doen: ['Binnen- en buitenschilderwerk', 'Houtrot herstellen en gronden', 'Latex- en lakwerk', 'Kleuradvies op maat'],
inclusion: [
{ label: 'Inclusief materiaal & plaatsing' },
{ label: 'Afplakken & afdekken' },
{ label: 'Twee lagen waar nodig' },
{ label: 'Behang verwijderen', included: false },
],
},
];
const serviceBySlug = (s) => SERVICES.find((x) => x.slug === s);
/* ---------------- Blog data ---------------- */
const BLOGS = [
{
slug: 'vochtproblemen-stucwerk', cat: 'Stucwerk & muurverzorging', date: '2 juni 2025',
title: 'Vochtproblemen en schade: veelvoorkomende fouten in stucwerk',
excerpt: 'Vochtplekken, bladderend stucwerk of scheuren zijn vaak het gevolg van een verkeerde voorbereiding. Wij leggen uit waar het misgaat en hoe u het voorkomt.',
body: [
{ p: 'Weinig zaken zijn zo vervelend als vochtplekken die telkens terugkomen of stucwerk dat na een paar maanden loslaat. In veel gevallen ligt de oorzaak niet bij het vocht zelf, maar bij een verkeerde voorbereiding of een te snelle uitvoering.' },
{ h: 'De meest gemaakte fouten' },
{ ul: ['Stucen op een vochtige of onvoldoende uitgeharde ondergrond', 'Geen of het verkeerde voorstrijkmiddel gebruiken', 'De onderliggende oorzaak van het vocht niet aanpakken', 'Te dik pleisteren, waardoor de laag niet goed droogt'] },
{ p: 'Elke fout lijkt klein, maar het resultaat is telkens hetzelfde: schade die terugkomt en werk dat opnieuw moet gebeuren. Goed stucwerk begint daarom altijd met een droge, stabiele en goed voorbereide ondergrond.' },
{ h: 'Hoe wij dit voorkomen' },
{ p: 'Wij beoordelen eerst de ondergrond en de oorzaak van het vocht voordat er ook maar één laag op gaat. Pas als de basis klopt, brengen wij het stucwerk aan met het juiste materiaal, de juiste opbouw en voldoende droogtijd. Zo krijgt u een strak resultaat dat blijft zitten. Goed stucwerk ziet u namelijk niet aan de bovenlaag, maar aan wat eronder zit. Een ondergrond die klopt, is de beste garantie tegen scheuren en vlekken later.' },
{ p: 'Twijfelt u of uw muur klaar is voor een nieuwe laag stucwerk? Laat de ondergrond beoordelen voordat er gepleisterd wordt. Een korte inspectie voorkomt kosten en teleurstelling achteraf, en geeft u vooraf duidelijkheid over de aanpak en de planning.' },
],
},
{
slug: 'muurx-ambassadeur', cat: 'Samenwerken met MuurX', date: '19 mei 2025',
title: 'Word MuurX-ambassadeur en verdien samen',
excerpt: 'Kent u iemand die een klus wil laten uitvoeren? Verwijs ze door en verdien mee. Ontdek hoe ons ambassadeursprogramma werkt.',
body: [
{ p: 'Tevreden klanten zijn onze beste ambassadeurs. Daarom belonen wij het als u ons aanbeveelt bij familie, vrienden of kennissen. Met het MuurX-ambassadeursprogramma verdient u mee aan elke klant die u bij ons aandraagt.' },
{ h: 'Hoe het werkt' },
{ ul: ['U verwijst iemand naar MuurX', 'Wij voeren de klus vakkundig uit', 'U verdient € 1,- per opgeleverde vierkante meter'] },
{ p: 'Zo simpel is het. Hoe groter het project dat u aandraagt, hoe meer u eraan overhoudt. Geen ingewikkelde voorwaarden, geen kleine lettertjes, gewoon een eerlijke beloning voor uw vertrouwen.' },
{ p: 'Binnenkort kunt u uw verwijzingen en verdiensten volgen in uw persoonlijke MuurX-dashboard. Interesse? Neem contact met ons op en word ambassadeur.' },
{ h: 'Voor wie is dit interessant?' },
{ p: 'Of u nu buren heeft die net een verbouwing plannen, familie die een nieuwe woning betrekt of vrienden die al jaren tegen een klus aanlopen. Iedere verwijzing telt mee, ongeacht de grootte van het project. U hoeft niets te regelen; wij nemen het contact en de uitvoering volledig uit handen.' },
],
},
{
slug: 'muurverzorging-maatwerk', cat: 'Stucwerk & muurverzorging', date: '28 april 2025',
title: 'Muurverzorging: het belang van maatwerk en voorbereiding',
excerpt: 'Elke muur is anders. Waarom een aanpak op maat en een goede voorbereiding het verschil maken tussen een gemiddeld en een perfect resultaat.',
body: [
{ p: 'Geen enkele muur is hetzelfde. De ondergrond, de leeftijd van de woning en het gewenste eindresultaat bepalen samen welke aanpak nodig is. Wie dat negeert, levert middelmatig werk. Wie er rekening mee houdt, levert vakwerk.' },
{ h: 'Maatwerk begint met kijken' },
{ p: 'Voordat wij starten, beoordelen wij de staat van de muur: is hij glad of ruw, droog of vochtig, nieuw of gerenoveerd? Op basis daarvan kiezen wij het juiste systeem, van dunpleister tot een volledige stuclaag.' },
{ h: 'Voorbereiding is het halve werk' },
{ ul: ['De muur reinigen en herstellen waar nodig', 'De juiste voorstrijk aanbrengen', 'De ruimte netjes afdekken en afplakken', 'Rekening houden met droogtijden'] },
{ p: 'Deze stappen kosten tijd, maar betalen zich altijd terug in een strakker en duurzamer resultaat. Kwaliteit is geen toeval, het is voorbereiding.' },
{ h: 'Elke muur verdient een eigen aanpak' },
{ p: 'Een muur in een jaren-dertig woning vraagt om een andere behandeling dan een gipsplaat in een nieuwbouwwoning. Door dit onderscheid vooraf te maken, voorkomen wij verrassingen tijdens de uitvoering en garanderen wij een resultaat dat aansluit bij de rest van uw woning.' },
],
},
{
slug: 'impact-schilderwerk', cat: 'Schilderwerk & afwerking', date: '11 april 2025',
title: 'De impact van professioneel schilderwerk op ruimtes',
excerpt: 'Een frisse laag verf doet meer dan u denkt. Over hoe professioneel schilderwerk een ruimte laat ademen, beschermt en verrijkt.',
body: [
{ p: 'Verf is meer dan kleur. Goed schilderwerk bepaalt de sfeer van een ruimte, beschermt uw wanden en kozijnen en geeft uw woning een verzorgde uitstraling. Het verschil tussen amateur- en vakwerk zit in de details.' },
{ h: 'Meer dan alleen kleur' },
{ ul: ['Strakke, scherpe lijnen langs randen en kozijnen', 'Een egale, dekkende afwerking zonder strepen', 'Duurzame verfsystemen die jarenlang meegaan', 'Bescherming tegen vocht, slijtage en vuil'] },
{ p: 'Een professioneel geschilderde ruimte voelt direct anders: rustiger, lichter en completer. Dat effect ontstaat niet vanzelf, maar door de juiste voorbereiding en een zorgvuldige uitvoering. Een goede schilder verkoopt namelijk geen verf, maar rust en ruimte. Het resultaat dat u koopt is de sfeer die overblijft nadat het werk klaar is.' },
{ h: 'Waarom voorbereiding het verschil maakt' },
{ p: 'Schuren, plamuren, ontvetten en de juiste grondlaag: het onzichtbare werk vóór het schilderen bepaalt minstens zoveel als de verflaag zelf. Sla je deze stappen over, dan zie je dat vroeg of laat terug in loskomende verf, zichtbare naden of een ongelijke glans.' },
{ p: 'Wij nemen de tijd voor deze voorbereiding bij elk project, groot of klein, zodat het eindresultaat niet alleen bij oplevering maar ook jaren later nog overtuigt.' },
],
},
{
slug: 'investeren-vakmanschap', cat: 'Vakmanschap & kwaliteit', date: '24 maart 2025',
title: 'De voordelen van investeren in vakmanschap voor uw woning',
excerpt: 'Vakwerk kost meer dan een snelle klus, maar levert op de lange termijn veel meer op. Een blik op de waarde van echt vakmanschap.',
body: [
{ p: 'Investeren in vakmanschap lijkt op korte termijn duurder, maar is op lange termijn bijna altijd voordeliger. Goed werk gaat langer mee, ziet er beter uit en voorkomt dure herstelkosten.' },
{ h: 'Waar u op de lange termijn van profiteert' },
{ ul: ['Minder onderhoud en herstel achteraf', 'Een hogere waarde van uw woning', 'Een strak resultaat dat jaren mooi blijft', 'Rust: het is in één keer goed gedaan'] },
{ p: 'Bij MuurX werken wij uitsluitend met ervaren vakmensen die trots zijn op hun werk. Die trots ziet u terug in elk detail en voelt u jarenlang in uw woning.' },
{ h: 'Vakmanschap is een investering, geen kostenpost' },
{ p: 'Een goedkope oplossing die na twee jaar weer hersteld moet worden, is uiteindelijk duurder dan vakwerk dat in één keer goed staat. Wij nemen daarom de tijd om het project goed te doorgronden, zodat u niet over een paar jaar weer voor dezelfde klus staat.' },
],
},
{
slug: 'stucwerk-metselwerk-essentieel', cat: 'Vakmanschap & kwaliteit', date: '9 maart 2025',
title: 'Waarom goed stucwerk en metselwerk essentieel is voor uw woning',
excerpt: 'Stucwerk en metselwerk vormen letterlijk de basis van uw huis. Waarom kwaliteit hier geen luxe is, maar noodzaak.',
body: [
{ p: 'Stucwerk en metselwerk zijn geen afwerking die u er even bij doet, ze vormen de basis en de bescherming van uw woning. Wanneer die basis klopt, staat de rest als een huis.' },
{ h: 'De basis van een gezonde woning' },
{ p: 'Strak metselwerk zorgt voor stevigheid en een nette gevel. Goed stucwerk beschermt de muren, egaliseert de ondergrond en maakt uw interieur af. Samen bepalen ze de uitstraling én de levensduur van uw huis.' },
{ h: 'Kwaliteit die u terugziet' },
{ ul: ['Stevige, nauwkeurige constructies', 'Egale wanden zonder scheuren of oneffenheden', 'Bescherming tegen vocht en slijtage', 'Een verzorgde uitstraling, binnen en buiten'] },
{ p: 'Kies daarom nooit voor de snelste of goedkoopste oplossing als het om de basis van uw woning gaat. Kies voor vakwerk dat blijft.' },
{ h: 'Onderhoud voorkomt grotere schade' },
{ p: 'Kleine scheuren, loszittende voegen of vochtplekken zijn vaak het eerste signaal dat er iets mis is met de basis van uw woning. Grijp op tijd in en de reparatie blijft klein; wacht te lang en de schade en de kosten lopen op.' },
],
},
];
const blogBySlug = (s) => BLOGS.find((x) => x.slug === s);
function BlogThumb({ slug, w = 62, h = 56 }) {
const photo = PHOTOS['blog-' + slug];
if (photo) {
return (
);
}
return (
);
}
function FooterBlogLink({ b }) {
const [h, setH] = React.useState(false);
return (
setH(true)} onMouseLeave={() => setH(false)}
style={{ display: 'flex', gap: 13, alignItems: 'center', textDecoration: 'none' }}>
{b.title}{b.date}
);
}
/* ---------------- Photo placeholder ---------------- */
/* Real photos supplied so far, keyed by placeholder id. Add more as they come in. */
const PHOTOS = {
'hero-bg': 'uploads/Muurx Bus hero sectie.webp',
'over-team': 'uploads/Muur X Wand BeforeAfter.webp',
'card-stucwerk': 'uploads/Stucwerk Dienst image.jpeg',
'svc-hero-stucwerk': 'uploads/Stucwerk Dienst image.jpeg',
'svc-work-stucwerk': 'uploads/Stucwerk Dienst image.jpeg',
'card-dunpleister': 'uploads/Diensten Muurx (1).webp',
'card-schilderwerk': 'uploads/Schilderwerk.webp',
'blog-vochtproblemen-stucwerk': 'uploads/blog-vochtproblemen-stucwerk.webp',
'blog-muurx-ambassadeur': 'uploads/blog-muurx-ambassadeur.jpg',
'blog-muurverzorging-maatwerk': 'uploads/WhatsApp Image 2026-07-09 at 15.43.19 (11).jpeg',
'blog-impact-schilderwerk': 'uploads/blog-impact-schilderwerk.jpg',
'blog-investeren-vakmanschap': 'uploads/blog-investeren-vakmanschap.webp',
'blog-stucwerk-metselwerk-essentieel': 'uploads/blog-stucwerk-metselwerk-essentieel.webp',
};
function Placeholder({ id, ratio = '16 / 9', label, size, radius = 'var(--radius-md)', style }) {
const photo = PHOTOS[id];
if (photo) {
return (