Map: Init

layouts/index.html

@@ -1,9 +1,52 @@
 {{ define "main" }}
     {{ partial "hero.html" . }}
+    {{ partial "usps.html" . }}
 
+    {{ if .Params.info_section }}
+    <section class="info-section py-5 my-lg-5 mx-lg-5">
+        <div class="container px-lg-5">
+            <div class="row align-items-center g-5">
+                
+                <div class="col-lg-5 pe-lg-5">
+                    <div class="info-image-wrapper">
+                        {{ with .Params.info_section.image }}
+                        <img src="{{ . | relURL }}" 
+                             alt="{{ $.Params.info_section.image_alt | default "Van Emous Mantelzorgwoningen" }}" 
+                             class="img-fluid hero-rounded-img shadow-sm">
+                        {{ end }}
+                    </div>
+                </div>
 
-    
-    <div class="container my-5">
+                <div class="col-lg-7 ps-lg-5">
+                    {{ with .Params.info_section.eyebrow }}
+                    <span class="h6 tracking-widest text-secondary mb-3 d-block">
+                        {{ . }}
+                    </span>
+                    {{ end }}
+
+                    <h2 class="display-5 mb-4">
+                        {{ .Params.info_section.title }}
+                    </h2>
+                    
+                    <div class="info-content">
+                        {{ range .Params.info_section.text_paragraphs }}
+                            <p class="lead-text mb-4 text-muted">
+                                {{ . | markdownify }}
+                            </p>
+                        {{ end }}
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </section>
+    {{ end }}
+
+    {{ if .Content }}
+    <div class="container my-5 px-lg-10">
         {{ .Content }}
     </div>
+    {{ end }}
+    {{ partial "modellen.html" . }}
+    {{ partial "map.html" . }}
 {{ end }}