Model update: Berkel, IJssel, Reest

layouts/_default/model.html

@@ -71,7 +71,7 @@
                 <div class="col-md-4">
                     <div class="card-secondary">
                         <h4>Plattegrond bekijken</h4>
-                        <p>Maatwerk is mogelijk.</p>
+                        <p>Bekijk de standaard indeling van de woning. Het is uiteraard mogelijk om aanpassingen te maken</p>
                         <div class="bg-white shadow p-4 rounded-4 mb-4">
                             <img class="img-fluid" src="{{ .Params.plattegrond }}">
                         </div>
@@ -91,7 +91,6 @@
         const lightboxEl = document.querySelector('#lightbox-splide');
         
         if (mainGallery && lightboxEl) {
-            // 1. De thumbnail slider (gecombineerde instellingen)
             const primarySplide = new Splide(mainGallery, {
                 type   : 'loop',
                 perPage: 4,
@@ -109,7 +108,6 @@
                 }
             }).mount();
 
-            // 2. De lightbox slider
             const lightboxSplide = new Splide(lightboxEl, {
                 type: 'fade', 
                 rewind: true,
@@ -117,27 +115,20 @@
                 lazyLoad: 'nearby' 
             }).mount();
 
-            // 3. De koppeling
             const modal = document.getElementById('lightboxModal');
             const triggers = document.querySelectorAll('.gallery-trigger');
 
             triggers.forEach((trigger, index) => {
                 trigger.addEventListener('click', (e) => {
-                    // We voorkomen dat de autoplay van de main gallery roet in het eten gooit
                     primarySplide.Components.Autoplay.pause();
-                    
-                    // Splide index kan afwijken door 'loop' (clones)
-                    // We berekenen de echte index op basis van de data-index of positie
                     lightboxSplide.go(index);
                 });
             });
             
-            // Refresh bij openen voor juiste rendering
             modal.addEventListener('shown.bs.modal', function () {
                 lightboxSplide.refresh();
             });
 
-            // Autoplay weer aanzetten als modal sluit
             modal.addEventListener('hidden.bs.modal', function () {
                 primarySplide.Components.Autoplay.play();
             });

layouts/partials/header.html

@@ -78,7 +78,7 @@
 
                 <li class="nav-item ms-lg-3 d-flex align-items-center justify-content-end cta-wrapper">
                     <a href="/brochure" class="btn btn-cta" role="button" type="button" data-bs-toggle="modal" data-bs-target="#contactModal">
-                        Gratis brochure aanvragen
+                        Contact
                     </a>
                 </li>
             </ul>

layouts/partials/hero-model.html

@@ -24,13 +24,16 @@
             {{ range $index, $element := $hero.summary }}
             {{ $delay := add 200 (mul $index 100) }}
             
-            <div class="col-sm-12 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="{{ $delay }}">
+            <div class="col-sm-12 col-md-6 col-lg-4 {{ if ge $index 3 }}d-none d-md-block{{ end }}" 
+                data-aos="fade-up" 
+                data-aos-delay="{{ $delay }}">
+                
                 <div class="d-flex align-items-center p-3 border rounded-4 bg-light h-100">
                     <div class="icon-box me-3 text-primary">
                         <i class="bi {{ .icon | default "bi-info-circle" }}"></i>
                     </div>
                     <div>
-                        <span class="d-block">
+                        <span class="d-block small text-muted">
                             {{ .property }}
                         </span>
                         <span class="fw-bold d-block">{{ .value }}</span>

layouts/partials/modellen.html

@@ -27,7 +27,7 @@
                                 </div>
                                 <div class="model-info mt-auto">
                                     <h3 class="h4 fw-bold text-white mb-1">{{ .Title }}</h3>
-                                    <p class="text-white-50 small mb-0">{{ .Params.subtitle }}</p>
+                                    <p class="text-white mb-0">{{ .Params.subtitle }}</p>
                                     <a href="{{ .RelPermalink }}" class="stretched-link"></a>
                                 </div>
                             </div>