New: Aanmelden bedrijven

content/bedrijf-aanmelden/_index.nl.md

@@ -0,0 +1,14 @@
+---
+title: "Uw bedrijf aanmelden"
+description: "Maak uw bedrijf beter zichtbaar door opgenomen te worden in onze lijst."
+layout: "bedrijf-aanmelden"
+draft: false
+ignoreSearch: true
+---
+
+## Over deze website
+Dit is een website onafhankelijk van een commercieel partner. Dit is een vrijwillig project gemaakt door Machiel Heinen van het Barnevelds IT-bedrijf [StartIT](https://start-it.nl). 
+
+Als u contact opneemt worden uw gegevens niet aan een derde partij doorgegeven, zonder dat u daarvoor eerst expliciet toestemming geeft, bijvoorbeeld als u wilt overgaan tot kopen of huren van een woning.
+
+Direct een email sturen is ook mogelijk middels: [info@mantelzorgwoning.info](mailto:info@mantelzorgwoning.info)

content/bouw/kangoeroewoning/_index.en.md

@@ -38,6 +38,6 @@ An annex is a long-term investment in Dutch real estate.
 
 This solution is ideal if you are looking for a **permanent structural solution** in the Netherlands and your current home allows for an extension or internal conversion. 
 
-Would you like to know if your Dutch plot is suitable for such an extension? Please visit our page on [permits](/en/permits) or request a [plot assessment](/en/contact).
+Would you like to know if your Dutch plot is suitable for such an extension? Please visit our page on [permits](/en/vergunning) or request a [plot assessment](/en/contact).
 
 [^1]: [Rijksoverheid - Informal care housing (Dutch rules)](https://www.rijksoverheid.nl/onderwerpen/bouwregelgeving/vraag-en-antwoord/bouwregels-mantelzorgwoning)

content/erkende-bouwers/_index.en.md

@@ -3,7 +3,7 @@ title: "Informal Care Dwelling Builders"
 date: 2025-12-07
 icon: "fas fa-building"
 description: "An overview of leading and easily findable Dutch suppliers of prefab and custom informal care dwellings, segmented by price range and specialisation."
-
+layout: "overview"
 weight: 1
 
 faq:

content/erkende-bouwers/_index.nl.md

@@ -2,10 +2,146 @@
 title: "Mantelzorgwoning bouwers"
 date: 2025-12-07
 icon: "fas fa-building"
-description: "Een overzicht van toonaangevende en online goed vindbare leveranciers van prefab en maatwerk mantelzorgwoningen in Nederland, gesegmenteerd op prijs en specialisatie."
+meta: "Een overzicht van diverse bedrijven en zelfstandig adviseurs die u kunnen helpen met het plaatsen van een mantelzorgwoning."
-
+description: "Een overzicht van diverse bedrijven en zelfstandig adviseurs die u kunnen helpen met het plaatsen van een mantelzorgwoning. Maak gebruik van de filters om uw voorkeuren aan te geven."
+layout: "overview"
 weight: 1
 
+builders:
+  - name: Arcabo
+    specialty: Meer dan 25 jaar ervaring
+    description: "Arcabo is een van de grootste chalet en mantelzorgwoning bouwers van Europa. Met jarenlange ervaring hebben zij alle kennis in huis om goede kwaliteit te leveren, ook met bijzondere plaatsingen."
+    url: "https://www.arcabo.nl"
+    email: "info@arcabo.nl"
+    fabriek:
+      type: eigen
+      aantal: 2
+    vergunning: false
+    onderhoud:
+      type: mogelijk
+    huur:
+      type: 
+
+  - name: "Blijf ook Wonen (Top Totaal)"
+    specialty: "Full-service concept"
+    description: "Begeleidt het hele proces, van ontwerp tot eventueel onderhoud. De focus ligt op het integreren van zorgoplossingen in zowel bestaande woningen als nieuwe units."
+    url: "https://www.blijfookwonen.nl/"
+    email: "info@toptotaal.nl"
+    fabriek:
+      type: eigen
+      aantal: 1
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: onbekend
+
+  - name: Concuro
+    specialty: "Volledig maatwerk"
+    description: "Concuro levert zowel standaardmodellen als volledig maatwerk. De aanpak is zeer persoonlijk, waarbij de wensen van de zorgvrager centraal staan in het ontwerp. De woningen zijn vaak voorzien van moderne technologieën en duurzame materialen."
+    url: "https://www.concuro.nl"
+    email: "info@concuro.nl"
+    fabriek:
+      type: onbekend
+      aantal: 0
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: 
+
+  - name: "Domuscura"
+    specialty: "Zorgvriendelijk en esthetisch"
+    description: "Gespecialiseerd in het bouwen van zorgvriendelijke en esthetische mantelzorgwoningen. Ze bieden aanpasbare basismodellen met een hoogwaardige afwerking die naadloos integreren in de tuin."
+    url: "https://www.domuscura.nl"
+    email: "info@domuscura.nl"
+    fabriek:
+      type: "partner"
+      aantal: 5
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: mogelijk
+  - name: "Duntep"
+    specialty: "Chalet- en recreatiebouw"
+    description: "Biedt betaalbare en robuuste mantelzorgoplossingen op basis van houten constructies. Duntep levert veelal kant-en-klare, verplaatsbare woningen die snel en efficiënt op locatie worden geplaatst."
+    url: "https://www.duntep.nl"
+    email: "info@duntep.nl"
+    fabriek:
+      type: "eigen"
+      aantal: 1
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: mogelijk
+  - name: "Goed Verblijven"
+    specialty: "Luxe en hoogwaardige bijgebouwen"
+    description: "Richt zich op het bouwen van luxe mantelzorgunits met een moderne, strakke architectuur. Ze onderscheiden zich door het gebruik van duurzame materialen bedoeld voor een lange levensduur."
+    url: "https://www.goedverblijven.nl"
+    email: "info@goedverblijven.nl"
+    fabriek:
+      type: "eigen"
+      aantal: 1
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: 
+  - name: "Mantelzorgwoningen.nl"
+    specialty: "Breed scala aan modellen"
+    description: "Een breed opererend platform met een zeer uitgebreid aanbod, van eenvoudige units tot complete maatwerk woningen. Een toegankelijke optie voor de oriënterende koper."
+    url: "https://www.mantelzorgwoningen.nl"
+    email: "info@mantelzorgwoningen.nl"
+    fabriek:
+      type: "eigen"
+      aantal: 1
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: mogelijk
+  - name: "MantelzorgwoningPro"
+    specialty: "Comfort, technologie en zorg"
+    description: "Volledig toegelegd op de mantelzorgmarkt met een focus op maximale toegankelijkheid en bewegingsvrijheid. Ze bieden een transparant proces van locatiebezoek tot oplevering."
+    url: "https://www.mantelzorgwoningpro.nl"
+    email: "info@mantelzorgwoningpro.nl"
+    fabriek:
+      type: onbekend
+      aantal: 0
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: onbekend
+  - name: "Sett Living"
+    specialty: "Moderne Scandinavische houtlook"
+    description: "Levert luxe, duurzame houten woningen die snel en efficiënt gebouwd worden. De modellen kenmerken zich door veel lichtinval en hoge isolatiewaardes."
+    url: "https://www.settliving.nl"
+    email: "info@settliving.nl"
+    fabriek:
+      type: onbekend
+      aantal: 0
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: onbekend
+  - name: "Solilux"
+    specialty: "Luxe segment en modern design"
+    description: "Bekend om hoogwaardige afwerking, geavanceerde installaties en focus op design. De units zijn volledig op maat te maken voor een duurzame en comfortabele woonervaring."
+    url: "https://www.solilux.nl"
+    email: "info@solilux.nl"
+    fabriek:
+      type: onbekend
+      aantal: 0
+    vergunning: true
+    onderhoud:
+      type: mogelijk
+    huur: 
+      type: onbekend
+
 faq:
   - question: "Is deze website verbonden aan de genoemde bouwbedrijven?"
     answer: "Nee, mantelzorgwoning.info is een onafhankelijk platform. De vermelding van bouwers geschiedt op basis van objectieve criteria, zoals het bezit van een eigen fabriek of specialisme in prefab bouw. Er is geen sprake van sponsoring of een commerciële alliantie met deze partijen."
@@ -15,92 +151,3 @@ faq:
     answer: "Bedrijven worden geselecteerd op basis van feitelijke informatie die relevant is voor u als consument, zoals bouwmethodiek en marktervaring. Dit stelt u in staat om een objectieve vergelijking te maken zonder dat commerciële belangen de gepresenteerde informatie beïnvloeden."
     
 ---
-
-De markt voor mantelzorgwoningen is gespecialiseerd en bevat diverse aanbieders. Hieronder is een selectie in alfabetische volgorde.
-{{< notice "info" "Over deze lijst">}}
-Geen van deze bedrijven is een partner van de website [mantelzorgwoning.info](https://mantelzorgwoning.info).
-{{< /notice >}}
-
-### Concuro
-
-Concuro levert zowel standaardmodellen als **volledig maatwerk**. De aanpak is zeer persoonlijk, waarbij de wensen van de zorgvrager centraal staan in het ontwerp. De woningen zijn vaak voorzien van moderne technologieën en duurzame materialen. Zij bieden volledige begeleiding in het vergunnings- en bouwtraject, met een sterke focus op de Wmo-eisen.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.concuro.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@concuro.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### Domuscura
-
-Domuscura is gespecialiseerd in het bouwen van **zorgvriendelijke en esthetische mantelzorgwoningen**. Ze bieden een reeks aanpasbare basismodellen die snel geleverd kunnen worden, maar leggen de nadruk op een hoogwaardige afwerking. Hun woningen integreren naadloos in de tuin en voldoen aan hoge isolatienormen, wat resulteert in lage energiekosten.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.domuscura.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@domuscura.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### Duntep
-
-Met een lange geschiedenis in de **chalet- en recreatiebouw** biedt Duntep betaalbare en robuuste mantelzorgoplossingen. De focus ligt op praktische en degelijke units, vaak op basis van houten constructies. Duntep levert veelal kant-en-klare, verplaatsbare woningen die snel en efficiënt op locatie worden geplaatst.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.duntep.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@duntep.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### Goed Verblijven
-
-Deze leverancier richt zich op het bouwen van **luxe en hoogwaardige bijgebouwen**, waaronder volledig uitgeruste mantelzorgunits. Ze onderscheiden zich door het gebruik van duurzame materialen en een moderne, strakke architectuur. De woningen zijn bedoeld voor een lange levensduur en worden vaak ingezet in het hogere segment.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.goedverblijven.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@goedverblijven.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### Mantelzorgwoningen.nl
-
-Als breed opererend platform of leverancier bieden zij een **zeer breed scala aan modellen**, van eenvoudige units tot complete, op maat gemaakte woningen. Ze fungeren vaak als centraal aanspreekpunt voor diverse bouwmethoden en prijsklassen, wat hen een toegankelijke optie maakt voor de oriënterende koper.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.mantelzorgwoningen.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@mantelzorgwoningen.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### MantelzorgwoningPro
-
-Deze specialist heeft zich volledig toegelegd op de mantelzorgmarkt met een focus op **comfort, technologie en zorg op maat**. Ze hebben vaak een eigen showroom en bieden een transparant proces, van het eerste locatiebezoek tot de volledige oplevering. Hun modellen zijn ontworpen met het oog op maximale toegankelijkheid en bewegingsvrijheid.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.mantelzorgwoningpro.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@mantelzorgwoningpro.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### Sett Living
-
-Sett Living levert **luxe, duurzame houten mantelzorgwoningen** die snel en efficiënt worden gebouwd. Hun modellen kenmerken zich door een moderne en Scandinavische uitstraling, met veel aandacht voor natuurlijke lichtinval en hoge isolatiewaardes. Zij bieden modulaire oplossingen die relatief snel op locatie kunnen worden geplaatst.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.settliving.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@settliving.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### Solilux
-
-Solilux bevindt zich in het **luxe segment** van de prefab woningen. Zij staan bekend om hun hoogwaardige afwerking, geavanceerde installaties en focus op modern design. De units zijn volledig op maat te maken, waarbij de focus ligt op een duurzame en comfortabele woonervaring die de levenskwaliteit van de zorgvrager verhoogt.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.solilux.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@solilux.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-### TOP Totaal (Blijf ook Wonen)
-
-TOP Totaal biedt een **full-service concept** gericht op het langer zelfstandig wonen. Ze begeleiden het hele proces, van de aanvraag en het ontwerp tot de oplevering en het eventuele onderhoud. Hun focus ligt op het integreren van zorgoplossingen in zowel bestaande woningen als nieuw te plaatsen mantelzorgunits.
-
-<a class="btn btn-sm btn-primary text-white" href="https://www.toptotaal.nl?source=mantelzorgwoning.info" role="button">Bezoek website<i class="fas fa-arrow-right-from-bracket ps-2"></i></a><a class="ms-2 btn-sm btn-white" href="mailto:info@toptotaal.nl?subject=Ik zag uw bedrijf op mantelzorgwoning.info" role="button"><i class="fas fa-envelope pe-2"></i>Stuur email</a>
-
----
-
-## Waar u op moet letten bij het vergelijken
-
-Wanneer u deze leveranciers vergelijkt, is het belangrijk om verder te kijken dan de aanschafprijs. Let u op de volgende punten:
-
-1.  **Sleutelklare prijs:** Controleer of de offerte inclusief **fundering, transport, kraanwerk en aansluiting** op nutsvoorzieningen is.
-2.  **Duurzaamheid en Isolatie:** Vraag naar de isolatiewaardes en het energielabel (veel aanbieders claimen A+).
-3.  **Zorgspecificaties:** Kan de aanbieder direct de benodigde aanpassingen (bredere deuren, tillift-voorzieningen) realiseren of moet u dit zelf regelen?
-4.  **Vergunningsproces:** Biedt de leverancier begeleiding bij de aanvraag van een eventuele **omgevingsvergunning**?
-
-[^1]: [Link](https://www.rijksoverheid.nl/onderwerpen/bouwregelgeving/vraag-en-antwoord/bouwregels-mantelzorgwoning) **Rijksoverheid – Bouwregels mantelzorgwoning**
-

hugo_stats.json

@@ -2,7 +2,6 @@
   "htmlElements": {
     "tags": [
       "a",
-      "base",
       "blockquote",
       "body",
       "br",
@@ -54,6 +53,9 @@
       "active",
       "align-items-center",
       "align-items-justify",
+      "badge",
+      "bg-light",
+      "bg-secondary",
       "bg-transparent",
       "bg-white",
       "bi",
@@ -64,11 +66,15 @@
       "border-end-0",
       "border-muted",
       "border-start-0",
+      "border-top",
       "btn",
+      "btn-outline",
       "btn-outline-primary",
       "btn-primary",
+      "btn-secondary",
       "btn-sm",
       "btn-white",
+      "builder-card",
       "card",
       "card-body",
       "card-lg",
@@ -114,9 +120,13 @@
       "fa-chevron-left",
       "fa-chevron-right",
       "fa-envelope",
+      "fa-file-contract",
+      "fa-fw",
       "fa-gavel",
       "fa-heart",
       "fa-house",
+      "fa-industry",
+      "fa-key",
       "fa-landmark",
       "fa-leaf",
       "fa-map",
@@ -134,7 +144,9 @@
       "fas",
       "feedback",
       "feedback-btn",
+      "filter-checkbox",
       "flex-column",
+      "flex-grow-1",
       "flex-sm-row",
       "flex-wrap",
       "font-small",
@@ -142,14 +154,21 @@
       "footnote-backref",
       "footnote-ref",
       "footnotes",
+      "form-check",
+      "form-check-inline",
+      "form-check-input",
+      "form-check-label",
       "form-control",
       "form-control-sm",
       "form-group",
       "form-inline",
+      "form-text",
       "fw-bold",
+      "g-2",
       "gap-2",
       "gy-4",
       "h-100",
+      "h3",
       "h4",
       "h5",
       "header-row",
@@ -162,17 +181,21 @@
       "justify-content-between",
       "justify-content-center",
       "justify-content-lg-start",
+      "lead",
       "list-inline",
       "list-inline-item",
       "list-unstyled",
       "masonry-wrapper",
       "mb-0",
+      "mb-1",
       "mb-2",
       "mb-3",
       "mb-4",
       "mb-lg-0",
       "mb-md-0",
       "me-2",
+      "me-3",
+      "me-4",
       "me-lg-4",
       "modal",
       "modal-body",
@@ -181,15 +204,19 @@
       "modal-header",
       "ms-0",
       "ms-2",
+      "ms-auto",
       "ms-lg-4",
+      "ms-md-4",
       "ms-sm-2",
       "mt-2",
       "mt-3",
+      "mt-5",
+      "mt-auto",
       "mt-sm-0",
       "mx-2",
-      "mx-auto",
       "mx-lg-0",
       "my-3",
+      "my-md-2",
       "nav",
       "nav-item",
       "nav-link",
@@ -204,29 +231,39 @@
       "navbar-toggler",
       "navigation",
       "negative",
+      "next-step",
       "no-trans",
       "notice",
       "notice-body",
       "notice-head",
+      "opacity-25",
+      "opacity-50",
       "order-1",
       "order-2",
       "order-md-1",
       "order-md-2",
+      "p-3",
       "p-4",
       "p-sm-5",
       "page-list",
       "pagination",
       "parent",
       "pb-0",
+      "pe-1",
       "pe-2",
       "pe-lg-4",
       "pe-lg-5",
       "pe-none",
+      "position-absolute",
+      "position-relative",
       "positive",
+      "prev-step",
       "ps-0",
       "ps-2",
       "ps-3",
+      "pt-4",
       "pt-5",
+      "pt-md-2",
       "px-0",
       "px-1",
       "px-4",
@@ -236,6 +273,7 @@
       "py-5",
       "rounded",
       "rounded-1",
+      "rounded-pill",
       "row",
       "search-button",
       "search-form-control",
@@ -248,10 +286,13 @@
       "section-title",
       "shadow",
       "shadow-none",
+      "shadow-sm",
       "sidelist",
       "sidenav",
       "small",
+      "start-100",
       "status-label",
+      "step",
       "sticky-top",
       "stretched-link",
       "text-center",
@@ -261,11 +302,13 @@
       "text-light",
       "text-md-end",
       "text-muted",
+      "text-primary",
       "text-success",
       "text-warning",
       "text-white",
       "tooltip-word",
       "top-0",
+      "translate-middle",
       "warning",
       "wipe-overlay"
     ],
@@ -296,6 +339,7 @@
       "actual-placement-and-use",
       "adaptation-of-the-existing-dwelling",
       "additional-on-site-costs",
+      "address",
       "advice-permits-and-financing",
       "advies-vergunning-en-financiering",
       "afwijkingen-en-lokale-regelingen",
@@ -309,11 +353,15 @@
       "bijkomende-kosten-op-locatie",
       "bouwen-op-locatie-traditionele-bouw",
       "bouwwijze",
+      "builder-filters",
+      "builders-grid",
       "checking-municipal-requirements",
       "ciz-indicatie-en-sociale-wijkteams",
       "ciz-indication-and-social-district-teams",
+      "clear-filters",
       "collecting-care-indication-and-documentation",
       "comments",
+      "company_name",
       "concuro",
       "construction-on-site-traditional-construction",
       "construction-rethod",
@@ -327,6 +375,7 @@
       "cta-lead-form",
       "cta-message",
       "cta-submit",
+      "customization",
       "de-duurzame-mantelzorgwoning",
       "de-mantelzorgsituatie",
       "de-medische-verklaring",
@@ -351,9 +400,14 @@
       "eigenschappen",
       "email",
       "en",
+      "factory",
+      "factory_count",
       "features",
       "feedback",
       "feitelijke-plaatsing-en-gebruik",
+      "filter-fabriek",
+      "filter-huur",
+      "filter-onderhoud",
       "fn:1",
       "fn:2",
       "fn:3",
@@ -369,6 +423,8 @@
       "goed-verblijven",
       "het-bewijs-van-zorgbehoefte",
       "het-proces-van-fabriek-naar-tuin",
+      "houtbouw",
+      "huurkoop",
       "impact-on-property-value",
       "impact-op-de-woningwaarde",
       "important-considerations",
@@ -383,6 +439,10 @@
       "key-advantages",
       "key-considerations-per-type",
       "key-features-in-the-nl",
+      "kvk",
+      "landelijk",
+      "lead_time",
+      "lease",
       "legal-definition-in-the-netherlands",
       "lname",
       "locatie-en-ruimtelijke-eisen",
@@ -392,6 +452,8 @@
       "medical-confirmation",
       "medische-bevestiging",
       "message",
+      "modern",
+      "multi-step-form",
       "navigation",
       "negative",
       "nl",
@@ -410,6 +472,7 @@
       "placement-and-dimensions",
       "placement-and-termination",
       "positive",
+      "postal_code",
       "pre-informal-care-home",
       "pre-mantelzorgwoning",
       "prefab-bouw",
@@ -425,15 +488,22 @@
       "reason",
       "regulation-through-the-environmental-plan",
       "removability-and-residual-value",
+      "rolstoel",
       "search-by",
       "search-result-body",
       "searchInput",
       "searchModal",
+      "second_hand",
       "select-language",
+      "service_contract",
       "sett-living",
       "site-administrator-details",
       "sloop-of-verwijdering-van-de-woning",
       "solilux",
+      "step-1",
+      "step-2",
+      "step-3",
+      "stock",
       "submit-btn",
       "temporary-and-modular-units",
       "termination-of-informal-care",
@@ -446,6 +516,7 @@
       "the-situation-after-informal-care-ends",
       "the-sustainable-informal-care-dwelling",
       "tijdelijke-en-modulaire-units",
+      "tillen",
       "top-totaal-blijf-ook-wonen",
       "transport-and-crane-work",
       "transport-en-hijswerk",
@@ -464,13 +535,13 @@
       "voor-wie-is-het-geschikt",
       "voorbereiding-en-overleg",
       "voordelen-van-een-mantelzorgwoning",
-      "waar-u-op-moet-letten-bij-het-vergelijken",
       "waarom-de-huisarts-vaak-weigert",
       "wat-is-een-kangoeroewoning",
       "wat-is-een-prefab-woning",
       "wat-mag-u-met-de-woning-doen",
       "wat-moet-u-verwijderen-of-onbruikbaar-maken",
       "wat-zit-meestal-in-de-basisprijs",
+      "website",
       "what-are-you-allowed-to-do-with-the-dwelling",
       "what-is-a-kangoeroewoning",
       "what-is-a-prefab-home",

i18n/nl.yaml

@@ -115,3 +115,36 @@
 
 - id: option_advice
   translation: Adviesgesprek aanvragen
+
+- id: label_fabriek
+  translation: Fabriek(-en)
+
+- id: label_fabriek_eigen
+  translation: Eigen fabriek(-en)
+
+- id: label_fabriek_partner
+  translation: Partner fabriek(-en)
+
+- id: label_fabriek_onbekend
+  translation: Fabriek gegevens onbekend
+
+- id: label_vergunning
+  translation: Vrijblijvende vergunningscheck
+
+- id: label_onderhoud
+  translation: Onderhoud
+
+- id: label_huur_mogelijk
+  translation: Huur(-koop) of lease is mogelijk
+
+- id: label_huur_onbekend
+  translation: Huur(-koop) of lease onbekend
+
+- id: visit_website
+  translation: Bezoek de website
+
+- id: label_onderhoud_mogelijk
+  translation: Onderhoud mogelijk
+
+- id: label_onderhoud_onbekend
+  translation: Onderhoud onbekend

layouts/_default/bedrijf-aanmelden.html

@@ -0,0 +1,204 @@
+{{ define "main" }}
+
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-4 pe-lg-4">
+        <p>{{ .Content }}</p>
+      </div>
+      <div class="col-lg-8">
+        <div class="p-4 p-sm-5 shadow rounded content">
+          <h2 class="section-title">{{ .Title }}</h2>
+          <form id="multi-step-form">
+            <div class="step" id="step-1">
+              <h4 class="mb-4">Stap 1: Bedrijfsgegevens</h4>
+              <div class="row gy-4">
+                <div class="form-group col-md-12">
+                  <label for="company_name">Officiële Bedrijfsnaam</label>
+                  <input type="text" class="form-control text-dark" id="company_name" name="accountName" placeholder="Zoals vermeld bij de KvK" required>
+                </div>
+                
+                <div class="form-group col-md-6">
+                  <label for="kvk">KvK Nummer</label>
+                  <input type="text" class="form-control text-dark" id="kvk" name="kvk_number" required>
+                </div>
+
+                <div class="form-group col-md-6">
+                  <label for="website">Website</label>
+                  <input type="url" class="form-control text-dark" id="website" name="website" placeholder="https://www.uwbedrijf.nl">
+                </div>
+
+                <div class="form-group col-md-8">
+                  <label for="address">Straat + Huisnummer</label>
+                  <input type="text" class="form-control text-dark" id="address" name="address">
+                </div>
+                <div class="form-group col-md-4">
+                  <label for="postal_code">Postcode</label>
+                  <input type="text" class="form-control text-dark" id="postal_code" name="postalCode">
+                </div>
+
+                <div class="col-md-12 mt-5">
+                  <button type="button" class="btn btn-primary next-step">Volgende stap</button>
+                </div>
+              </div>
+            </div>
+
+            <div class="step d-none" id="step-2">
+              <h4 class="mb-4">Stap 2: Bedrijfsvoering & Aanbod</h4>
+              <div class="row gy-4">
+                
+                <div class="form-group col-md-8">
+                  <label for="factory">Beschikt u over eigen fabriek(en)?</label>
+                  <select class="form-control text-dark" id="factory" name="has_factory" required>
+                    <option value="Nee">Nee, wij besteden de bouw uit</option>
+                    <option value="Ja">Ja, wij bouwen in eigen beheer</option>
+                  </select>
+                  <small class="form-text text-muted">Let op: conform de voorwaarden dient dit feitelijk juist te zijn[cite: 73].</small>
+                </div>
+                
+                <div class="form-group col-md-4">
+                  <label for="factory_count">Aantal locaties</label>
+                  <input type="number" class="form-control text-dark" id="factory_count" name="factory_count" placeholder="0" min="0">
+                </div>
+
+                <div class="form-group col-md-12">
+                  <label class="d-block mb-2">Financiële mogelijkheden (meerdere opties mogelijk)</label>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="huurkoop" name="finance_options" value="Huurkoop">
+                    <label class="form-check-label" for="huurkoop">Huur(-koop)</label>
+                  </div>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="lease" name="finance_options" value="Lease">
+                    <label class="form-check-label" for="lease">Lease</label>
+                  </div>
+                </div>
+
+                <div class="form-group col-md-12">
+                  <label for="second_hand">Biedt u geregeld tweedehands modellen aan?</label>
+                  <select class="form-control text-dark" id="second_hand" name="second_hand">
+                    <option value="Nee">Nee, uitsluitend nieuwbouw</option>
+                    <option value="Ja">Ja, wij hebben een wisselend tweedehands aanbod</option>
+                  </select>
+                </div>
+
+                <div class="form-group col-md-12">
+                  <label for="service_contract">Biedt u nazorg middels een service-overeenkomst?</label>
+                  <select class="form-control text-dark" id="service_contract" name="service_contract">
+                    <option value="Nee">Nee</option>
+                    <option value="Ja">Ja, wij bieden structurele nazorg/onderhoud</option>
+                  </select>
+                </div>
+
+                <div class="col-md-12 mt-5">
+                  <button type="button" class="btn btn-secondary prev-step">Vorige</button>
+                  <button type="button" class="btn btn-primary next-step">Volgende stap</button>
+                </div>
+              </div>
+            </div>
+
+            <div class="step d-none" id="step-3">
+              <h4 class="mb-4">Stap 3: Bouwstijl & Levering</h4>
+              <div class="row gy-4">
+                
+                <div class="form-group col-md-12">
+                  <label class="d-block mb-2">Welke bouwstijlen hanteert u? (meerdere opties mogelijk)</label>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="modern" name="build_style" value="Modern">
+                    <label class="form-check-label" for="modern">Modern</label>
+                  </div>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="landelijk" name="build_style" value="Landelijk">
+                    <label class="form-check-label" for="landelijk">Landelijk</label>
+                  </div>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="houtbouw" name="build_style" value="Houtbouw">
+                    <label class="form-check-label" for="houtbouw">Houtbouw / Chaletstijl</label>
+                  </div>
+                </div>
+
+                <div class="form-group col-md-12">
+                  <label for="customization">In hoeverre is maatwerk mogelijk?</label>
+                  <select class="form-control text-dark" id="customization" name="customization" required>
+                    <option value="Volledig">Volledig maatwerk (architectonisch)</option>
+                    <option value="Modulair">Modulair (aanpasbare standaardmodellen)</option>
+                    <option value="Standaard">Uitsluitend standaardmodellen</option>
+                  </select>
+                </div>
+
+                <div class="form-group col-md-6">
+                  <label for="stock">Levert u direct uit voorraad?</label>
+                  <select class="form-control text-dark" id="stock" name="delivery_stock">
+                    <option value="Nee">Nee, alles op bestelling</option>
+                    <option value="Ja">Ja, wij hebben showmodellen/voorraad direct leverbaar</option>
+                  </select>
+                </div>
+
+                <div class="form-group col-md-6">
+                  <label for="lead_time">Indicatieve levertijd (gemiddeld)</label>
+                  <select class="form-control text-dark" id="lead_time" name="lead_time">
+                    <option value="Snel">Minder dan 3 maanden</option>
+                    <option value="Gemiddeld">3 tot 6 maanden</option>
+                    <option value="Lang">Meer dan 6 maanden</option>
+                  </select>
+                </div>
+
+                <div class="form-group col-md-12">
+                  <label class="d-block mb-2">Specifieke zorgfaciliteiten mogelijk?</label>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="rolstoel" name="care_features" value="Rolstoeltoegankelijk">
+                    <label class="form-check-label" for="rolstoel">Volledig rolstoeltoegankelijk</label>
+                  </div>
+                  <div class="form-check form-check-inline">
+                    <input class="form-check-input" type="checkbox" id="tillen" name="care_features" value="Plafondlift">
+                    <label class="form-check-label" for="tillen">Voorbereiding voor til-/plafondliften</label>
+                  </div>
+                </div>
+
+                <div class="col-md-12 mt-5">
+                  <button type="button" class="btn btn-secondary prev-step">Vorige</button>
+                  <button type="button" class="btn btn-primary next-step">Volgende stap</button>
+                </div>
+              </div>
+            </div>
+
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+document.querySelectorAll('.next-step').forEach(button => {
+    button.addEventListener('click', () => {
+        const currentStep = button.closest('.step');
+        const nextStep = currentStep.nextElementSibling;
+        
+        // Simpele validatie check
+        const inputs = currentStep.querySelectorAll('input[required]');
+        let valid = true;
+        inputs.forEach(i => { if(!i.value) valid = false; });
+
+        if(valid && nextStep) {
+            currentStep.classList.add('d-none');
+            nextStep.classList.remove('d-none');
+            window.scrollTo(0, 0); // Terug naar boven voor de focus
+        } else {
+            alert('Vul a.u.be. de verplichte velden in.');
+        }
+    });
+});
+
+document.querySelectorAll('.prev-step').forEach(button => {
+    button.addEventListener('click', () => {
+        const currentStep = button.closest('.step');
+        const prevStep = currentStep.previousElementSibling;
+        if(prevStep) {
+            currentStep.classList.add('d-none');
+            prevStep.classList.remove('d-none');
+        }
+    });
+});
+</script>
+
+{{ end }}

themes/godocs-1/assets/scss/_common.scss

@@ -391,7 +391,7 @@ $quote-color: #918e91;
 }
 
 .color-warning {
-  color: $warning-color;
+  color: $warning-color !important;
 }
 
 .header-row {
@@ -421,3 +421,63 @@ $quote-color: #918e91;
   content: "]";
   margin-left: 0.05em;
 }
+
+.builder-card {
+  transition: opacity 150ms ease-in-out;
+}
+.builder-card.is-filtered-out {
+  opacity: 0;
+  pointer-events: none;
+}
+
+/* Container voor filters */
+#builder-filters {
+  --primary-color: #4c9e81; /* Komt overeen met je 'Bezoek de website' knop */
+  --checkbox-size: 24px;    /* Ongeveer 50% groter dan standaard */
+}
+
+/* De checkbox groter maken en kleur geven */
+.filter-checkbox {
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+  margin-top: 0;
+  cursor: pointer;
+  border: 2px solid #ced4da;
+  transition: all 0.2s ease-in-out;
+}
+
+/* Kleur bij actieve/checked status */
+.filter-checkbox:checked {
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+
+/* Focus staat voor toegankelijkheid */
+.filter-checkbox:focus {
+  box-shadow: 0 0 0 0.25 margin rgba(76, 158, 129, 0.25);
+  border-color: var(--primary-color);
+}
+
+/* De labels beter uitlijnen en leesbaarder maken */
+.form-check-label {
+  padding-left: 10px;
+  cursor: pointer;
+  font-size: 1.1rem; /* Iets groter voor leesbaarheid */
+  line-height: var(--checkbox-size);
+  vertical-align: middle;
+  display: inline-block;
+}
+
+/* Groepering van de checkbox en label */
+.form-check {
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem !important; /* Meer witruimte tussen de opties */
+}
+
+/* De "Filters wissen" link ook iets duidelijker maken */
+#clear-filters {
+  font-size: 1rem;
+  text-decoration: underline;
+  margin-top: 15px;
+}

themes/godocs-1/assets/scss/_typography.scss

@@ -91,3 +91,8 @@ h6,
   font-style: italic;
   color: lighten($color: $text-color, $amount: 30);
 }
+
+.font-pill {
+  font-size: 0.5em;
+  font-weight: 600;
+}

themes/godocs-1/assets/scss/templates/_main.scss

@@ -359,10 +359,12 @@
 
 .badge {
   margin-bottom: 20px;
-  font-weight: 500;
+  font-weight: 800;
-  font-size: 15px;
+  font-size: 12px;
-  padding: 5px 10px;
+  min-width: 22px;
-  border-radius: 4px;
+  min-height: 22px;
+  padding: 5px;
+  border-radius: 8px;
   display: block;
   width: fit-content;
 

themes/godocs-1/layouts/_default/overview.html

@@ -0,0 +1,200 @@
+{{ define "main" }}
+<section class="section">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="py-2 px-4 px-lg-5">
+          <h1 class="mb-4 fw-bold">{{ .Title }}</h1>
+          <p class="lead">{{ .Params.Description | markdownify }}</p>
+          
+          <div class="row mt-5">
+            <div class="col-md-4 col-lg-3">
+              <div class="sticky-top" style="top: 150px;">
+                <h2 class="h4 fw-bold">Filters</h2>
+                <hr>
+                <p class="text-muted">Filter op kenmerken van de bedrijven.</p>
+
+                <div id="builder-filters">
+                  <div class="form-check mb-2">
+                    <input class="form-check-input filter-checkbox" type="checkbox" value="eigen" id="filter-fabriek" data-filter="fabriek">
+                    <label class="form-check-label small" for="filter-fabriek">
+                      {{ i18n "label_filter_eigen_fabriek" | default "Eigen fabriek" }}
+                    </label>
+                  </div>
+
+                  <div class="form-check mb-2">
+                    <input class="form-check-input filter-checkbox" type="checkbox" value="mogelijk" id="filter-huur" data-filter="huur">
+                    <label class="form-check-label small" for="filter-huur">
+                      {{ i18n "label_filter_huur" | default "Huur mogelijk" }}
+                    </label>
+                  </div>
+
+                  <div class="form-check mb-2">
+                    <input class="form-check-input filter-checkbox" type="checkbox" value="mogelijk" id="filter-onderhoud" data-filter="onderhoud">
+                    <label class="form-check-label small" for="filter-onderhoud">
+                      {{ i18n "label_filter_onderhoud" | default "Onderhoud mogelijk" }}
+                    </label>
+                  </div>
+                  
+                  <button class="btn btn-sm btn-primary text-white mt-3" id="clear-filters" style="display:none;">
+                    {{ i18n "clear_filters" | default "Filters wissen" }}
+                  </button>
+                </div>
+              </div>
+            </div>
+            
+            <div class="col-md-8 col-lg-9">
+              <div class="row masonry-wrapper" id="builders-grid">
+              {{ range .Params.builders }}
+              <div class="mb-4 builder-card"
+                data-fabriek="{{ .fabriek.type | default "onbekend" | plainify }}" 
+                data-huur="{{ .huur.type | default "onbekend" | plainify }}" 
+                data-onderhoud="{{ .onderhoud.type | default "onbekend" | plainify }}">
+
+                <div class="card h-100 shadow-sm rounded border-0">
+                  <div class="card-body d-flex flex-column">
+                    
+                    <div class="mb-1">
+                      <h2 class="h3 card-title h5 fw-bold mb-1">{{ .name }}</h3>
+                      <span class="badge bg-light text-primary border mt-2">{{ .specialty }}</span>
+                    </div>
+                    
+                    <p class="card-text text-muted flex-grow-1">
+                      {{ .description }}
+                    </p>
+
+                    <div class="bg-light rounded p-3 mt-2 mb-4">
+                      <div class="row g-2">
+                        
+                        <div class="col-md-6 d-flex align-items-center">
+                          <div class="position-relative me-3">
+                            {{ $f := .fabriek }}
+                            {{ $fColor := "text-muted opacity-25" }}
+                            {{ if eq $f.type "eigen" }}{{ $fColor = "text-success" }}
+                            {{ else if eq $f.type "partner" }}{{ $fColor = "text-success opacity-50" }}{{ end }}
+                            
+                            <i class="fas fa-industry {{ $fColor }} fa-fw"></i>
+                            {{ if gt (int $f.aantal) 0 }}
+                              <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-secondary">
+                                {{ $f.aantal }}
+                              </span>
+                            {{ end }}
+                          </div>
+                          <span class="small text-muted">{{ i18n (printf "label_fabriek_%s" ($f.type | default "onbekend")) }}</span>
+                        </div>
+
+                        <div class="col-md-6 d-flex align-items-center">
+                          <i class="fas fa-file-contract fa-fw me-3 {{ if .vergunning }}text-success{{ else }}text-muted opacity-25{{ end }}"></i>
+                          <span class="small text-muted">{{ i18n "label_vergunning" }}</span>
+                        </div>
+
+                        <div class="col-md-6 d-flex align-items-center">
+                          {{ $o := .onderhoud }}
+                          {{ $oColor := "text-muted opacity-25" }}
+                          {{ if eq $o.type "mogelijk" }}{{ $oColor = "text-success" }}{{ end }}
+                          
+                          <i class="fas fa-tools fa-fw me-3 {{ $oColor }}"></i>
+                          <span class="small text-muted">{{ i18n (printf "label_onderhoud_%s" ($o.type | default "onbekend")) }}</span>
+                        </div>
+
+                        <div class="col-md-6 d-flex align-items-center">
+                          {{ $h := .huur }}
+                            {{ $hColor := "text-muted opacity-25" }}
+                            {{ if eq $h.type "mogelijk" }}{{ $hColor = "text-success" }}{{ end }}
+                          <i class="fas fa-key fa-fw me-3 {{ $hColor }}"></i>
+                          <span class="small text-muted">{{ i18n (printf "label_huur_%s" ($h.type | default "onbekend")) }}</span>
+                        </div>
+
+                      </div>
+                    </div>
+                    <div class="mt-auto">
+                      <a class="btn btn-primary text-white py-2" href="{{ .url }}?source=mantelzorgwoning.info" target="_blank" rel="noopener">
+                        {{ i18n "visit_website" }}
+                      </a>
+                      <a class="btn btn-outline py-2" href="mailto:{{ .email }}?subject={{ i18n "mail_subject" }}">
+                        <i class="fas fa-envelope pe-1"></i> {{ i18n "send_email" }}
+                      </a>
+                    </div>
+
+                  </div>
+                </div>
+              </div>
+            {{ end }}
+          </div>
+
+          <div class="mt-5 pt-4 border-top">
+            {{ .Content }}
+          </div>
+
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+  const grid = document.querySelector('#builders-grid');
+  const msnry = new Masonry(grid, {
+      itemSelector: '.builder-card',
+      percentPosition: true,
+      transitionDuration: '0.2s'
+  });
+
+  const checkboxes = document.querySelectorAll('.filter-checkbox');
+  const cards = document.querySelectorAll('.builder-card');
+  const clearBtn = document.getElementById('clear-filters');
+
+  function norm(v) {
+    return (v || "").trim().replace(/^"+|"+$/g, "").toLowerCase();
+  }
+
+  function filterCards() {
+  let activeFilters = {};
+  let hasActiveFilters = false;
+
+  checkboxes.forEach(checkbox => {
+      if (checkbox.checked) {
+          activeFilters[checkbox.dataset.filter] = checkbox.value.trim();
+          hasActiveFilters = true;
+      }
+  });
+
+  cards.forEach(card => {
+      let shouldShow = true;
+      
+      for (let filter in activeFilters) {
+          const cardValue = norm(card.dataset[filter]);
+          const filterValue = norm(activeFilters[filter]);
+
+          if (cardValue !== filterValue) {
+            shouldShow = false;
+            break;
+          }
+      }
+
+      if (shouldShow) {
+          card.style.display = "block";
+          card.classList.remove('is-filtered-out');
+      } else {
+          card.classList.add('is-filtered-out');
+          card.style.display = "none";
+      }
+  });
+
+  msnry.layout();
+  
+  clearBtn.style.display = hasActiveFilters ? "block" : "none";
+}
+
+  checkboxes.forEach(checkbox => {
+      checkbox.addEventListener('change', filterCards);
+  });
+
+  clearBtn.addEventListener('click', function() {
+      checkboxes.forEach(cb => cb.checked = false);
+      filterCards();
+  });
+});
+</script>
+{{ end }}

themes/godocs-1/layouts/partials/header.html

@@ -19,8 +19,8 @@
         <i class="fa-solid fa-xmark"></i>
       </button>
 
-      <div class="collapse navbar-collapse text-center" id="navigation">
+      <div class="collapse navbar-collapse" id="navigation">
-        <ul class="navbar-nav mx-auto align-items-center">
+        <ul class="navbar-nav ms-md-4 my-md-2">
           {{ range site.Menus.main }}
           {{ if .HasChildren }}
           <li class="nav-item dropdown">
@@ -39,9 +39,19 @@
           </li>
           {{ end }}
           {{ end }}
-          <li class="nav-link d-none d-lg-block">
+        </ul>
-            <!-- Language List -->
+
-            {{ if .IsTranslated }}
+        <!-- for mobile -->
+        <div class="d-lg-none d-block">
+          {{ range site.Params.nav_button }}
+          <a href="{{ .link | absLangURL }}"
+            class="btn btn-sm {{if eq .style `outline`}}btn-outline-primary{{else}}btn-primary{{end}} ms-lg-4">{{ i18n .label }}</a>
+          {{ end }}
+        </div>
+      <!-- /for mobile -->
+
+      <div class="navbar-nav ms-auto d-lg-block pt-md-2 me-4">
+          {{ if .IsTranslated }}
             <select class="nav-item" id="select-language" onchange="location = this.value;" aria-label="Taalkeuze">
               {{ $siteLanguages := site.Languages}}
               {{ $pageLang := .Page.Lang}}
@@ -61,17 +71,7 @@
               {{ end }}
             </select>
             {{ end }}
-          </li>
-        </ul>
-
-        <!-- for mobile -->
-        <div class="d-lg-none d-block">
-          {{ range site.Params.nav_button }}
-          <a href="{{ .link | absLangURL }}"
-            class="btn btn-sm {{if eq .style `outline`}}btn-outline-primary{{else}}btn-primary{{end}} ms-lg-4">{{ i18n .label }}</a>
-          {{ end }}
         </div>
-      <!-- /for mobile -->
       </div>
 
       {{if not .IsHome }}