test

frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte

@@ -21,6 +21,7 @@
     export let row: Row
     export let pageId: string
     export let bright: boolean
+    export let isHP: boolean
 
     function checkNestedPath() {
         const pathSegments = location.pathname.split("/").filter((segment) => segment.length)
@@ -67,7 +68,7 @@
         class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}"
     >
         {#each row?.columns as col}
-            <div class="col" class:dominant="{col.contentType == 'iconCycleCircle'}">
+            <div class="col"  class:dominant="{col.contentType == 'iconCycleCircle'}">
                 {#if col?.contentType == "text"}
                     <Text text="{col?.text}" />
                 {:else if col?.contentType == "textLink"}

frontend/src/lib/components/Pagebuilder/Rows.svelte

@@ -45,14 +45,23 @@
     {#if page}
         {#if path == "/"}<Homepage />{/if}
         {#each page.rows as row, i}
-            <div class="row" id="row-{i}">
+            <div
+                class="row"
+                id="row-{i}"
+                style="{path == '/' && i == page.rows.length - 1 ? 'padding-bottom: 300px;' : ''}"
+            >
                 {#if row.row.backgroundImage}
                     <div class="background-image">
                         <img src="{`${apiBaseURL}page/${page.id}/${row.row.backgroundImage?.src}`}" alt="img" />
                     </div>
                 {/if}
                 <div class="content" class:bright="{row.row.backgroundImage}">
-                    <Pagebuilder row="{row.row}" pageId="{page.id}" bright="{!!row.row.backgroundImage}" />
+                    <Pagebuilder
+                        isHP="{path == '/'}"
+                        row="{row.row}"
+                        pageId="{page.id}"
+                        bright="{!!row.row.backgroundImage}"
+                    />
                 </div>
             </div>
         {/each}