Seo - generowanie schema, api lista miejscowości , sekcja z listą miejscowości

src/pages/mapa-zasiegu/index.astro

@@ -1,6 +1,7 @@
 ---
 import DefaultLayout from "../../layouts/DefaultLayout.astro";
 import MapGoogle from "../../components/maps/MapGoogle.astro";
+import SectionRenderer from "../../components/sections/SectionRenderer.astro";
 import RangeForm from "../../islands/RangeForm.jsx";
 import { loadYaml, safeArray } from "../../lib/astro-helpers";
 import "../../styles/map-google.css";
@@ -48,7 +49,7 @@ const seo = loadYaml("./src/content/mapa-zasiegu/seo.yaml");
       />
     </div>
   </section>
-
+  <SectionRenderer src="./src/content/site/area-section.yaml" />
   <script is:inline>
     let fiberLayer = null;
 
@@ -122,7 +123,7 @@ const seo = loadYaml("./src/content/mapa-zasiegu/seo.yaml");
 
       map.getDiv().appendChild(overlay);
       map.panTo(pos);
-      let targetZoom = 16; 
+      let targetZoom = 16;
 
       setTimeout(() => {
         map.setZoom(targetZoom);
@@ -163,4 +164,4 @@ const seo = loadYaml("./src/content/mapa-zasiegu/seo.yaml");
       info.open({ map, anchor: marker });
     };
   </script>
-</DefaultLayout>
+</DefaultLayout>