@dcodegroup-au/page-builder 0.6.0 → 0.6.2

package/dist/page-builder.es.js

@@ -447,7 +447,7 @@ const _hoisted_7$q = { class: "flex justify-between" };
 const _hoisted_8$o = { class: "flex flex-col gap-1" };
 const _hoisted_9$n = { class: "font-semibold text-gray-900" };
 const _hoisted_10$j = { class: "text-sm text-gray-600" };
-const _hoisted_11$g = ["disabled"];
+const _hoisted_11$h = ["disabled"];
 const _hoisted_12$e = { class: "flex flex-col gap-3" };
 const _hoisted_13$9 = ["onClick"];
 const _hoisted_14$9 = ["onClick"];
@@ -523,7 +523,7 @@ const _sfc_main$Q = {
                   }, [
                     createVNode(unref(PlusIcon), { class: "h-5 w-5" }),
                     _cache[0] || (_cache[0] = createElementVNode("span", null, "Add", -1))
-                  ], 10, _hoisted_11$g)
+                  ], 10, _hoisted_11$h)
                 ])
               ]),
               createElementVNode("div", _hoisted_12$e, [
@@ -11700,7 +11700,7 @@ const _hoisted_7$p = { class: "file-upload-preview" };
 const _hoisted_8$n = ["src", "title"];
 const _hoisted_9$m = ["href"];
 const _hoisted_10$i = { class: "file-upload-title" };
-const _hoisted_11$f = { class: "file-upload-file-remove" };
+const _hoisted_11$g = { class: "file-upload-file-remove" };
 const _hoisted_12$d = { class: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 p-4 rounded-lg flex flex-col justify-center items-center w-full" };
 const _sfc_main$O = {
   __name: "FileUpload",
@@ -11807,7 +11807,7 @@ const _sfc_main$O = {
           }, [
             createElementVNode("div", _hoisted_10$i, toDisplayString(file.value.file_name), 1)
           ], 8, _hoisted_9$m),
-          createElementVNode("a", _hoisted_11$f, [
+          createElementVNode("a", _hoisted_11$g, [
             createElementVNode("i", {
               class: "fal fa-times",
               onClick: _cache[0] || (_cache[0] = ($event) => deleteFile(file.value))
@@ -45223,7 +45223,7 @@ const _hoisted_7$m = { class: "flex flex-col gap-3" };
 const _hoisted_8$k = { class: "flex items-center justify-between" };
 const _hoisted_9$k = { class: "text-lg font-semibold text-gray-900" };
 const _hoisted_10$g = { class: "relative flex items-end" };
-const _hoisted_11$e = { class: "flex flex-col gap-6" };
+const _hoisted_11$f = { class: "flex flex-col gap-6" };
 const _hoisted_12$c = {
   key: 0,
   class: "flex gap-4"
@@ -45358,7 +45358,7 @@ const _sfc_main$C = {
                     }, null, 8, ["onRemoveItem"])
                   ])
                 ]),
-                createElementVNode("div", _hoisted_11$e, [
+                createElementVNode("div", _hoisted_11$f, [
                   !((_a2 = componentData.value) == null ? void 0 : _a2.hasOwnProperty("has_type_switcher")) || ((_b = componentData.value) == null ? void 0 : _b.has_type_switcher) ? (openBlock(), createElementBlock("div", _hoisted_12$c, [
                     (openBlock(), createElementBlock(Fragment, null, renderList(options, (option) => {
                       return createElementVNode("label", _hoisted_13$8, [
@@ -45472,7 +45472,7 @@ const _hoisted_7$l = { class: "flex items-center justify-between" };
 const _hoisted_8$j = { class: "text-lg font-semibold text-gray-900" };
 const _hoisted_9$j = { class: "relative flex items-end" };
 const _hoisted_10$f = { class: "flex flex-col gap-6" };
-const _hoisted_11$d = { class: "flex flex-col gap-1.5" };
+const _hoisted_11$e = { class: "flex flex-col gap-1.5" };
 const _hoisted_12$b = ["onUpdate:modelValue"];
 const _sfc_main$B = {
   __name: "Logos",
@@ -45555,7 +45555,7 @@ const _sfc_main$B = {
                   ])
                 ]),
                 createElementVNode("div", _hoisted_10$f, [
-                  createElementVNode("div", _hoisted_11$d, [
+                  createElementVNode("div", _hoisted_11$e, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
                       modelValue: item.logo,
@@ -45760,7 +45760,7 @@ const _hoisted_7$j = { class: "flex items-center justify-between" };
 const _hoisted_8$i = { class: "text-lg font-semibold text-gray-900" };
 const _hoisted_9$i = { class: "relative flex items-end" };
 const _hoisted_10$e = { class: "flex flex-col gap-6" };
-const _hoisted_11$c = { class: "flex flex-col gap-1.5" };
+const _hoisted_11$d = { class: "flex flex-col gap-1.5" };
 const _sfc_main$y = {
   __name: "VideoGrid",
   props: {
@@ -45836,7 +45836,7 @@ const _sfc_main$y = {
                   ])
                 ]),
                 createElementVNode("div", _hoisted_10$e, [
-                  createElementVNode("div", _hoisted_11$c, [
+                  createElementVNode("div", _hoisted_11$d, [
                     createVNode(unref(VFileUpload), {
                       name: "image",
                       type: "video",
@@ -46157,7 +46157,7 @@ const _hoisted_9$h = {
   class: "flex flex-col gap-2"
 };
 const _hoisted_10$d = ["onClick"];
-const _hoisted_11$b = { class: "flex flex-col" };
+const _hoisted_11$c = { class: "flex flex-col" };
 const _hoisted_12$a = { class: "text-sm font-medium text-gray-900" };
 const _hoisted_13$7 = { class: "flex items-center justify-between gap-3 px-[10px]" };
 const _hoisted_14$7 = { class: "flex h-full flex-1 flex-col mb-20" };
@@ -46292,7 +46292,7 @@ const _sfc_main$t = {
                       onClick: ($event) => selectComponent(sectionIndex, component, index),
                       class: normalizeClass(["flex cursor-pointer items-center justify-between rounded-lg py-1.5 pl-6 pr-2 hover:bg-gray-100", { "bg-gray-200 hover:bg-gray-200": ((_a3 = unref(selected)) == null ? void 0 : _a3.sectionIndex) === sectionIndex && ((_b2 = unref(selected)) == null ? void 0 : _b2.componentIndex) === index }])
                     }, [
-                      createElementVNode("div", _hoisted_11$b, [
+                      createElementVNode("div", _hoisted_11$c, [
                         _cache[1] || (_cache[1] = createElementVNode("div", { class: "text-xs text-gray-600" }, "Sub-module", -1)),
                         createElementVNode("div", _hoisted_12$a, toDisplayString(component.name), 1)
                       ]),
@@ -47830,7 +47830,7 @@ const _hoisted_7$h = ["innerHTML"];
 const _hoisted_8$g = { class: "flex gap-3 mt-8 flex-col lg:flex-row" };
 const _hoisted_9$g = ["href", "target"];
 const _hoisted_10$c = ["href", "target"];
-const _hoisted_11$a = ["src"];
+const _hoisted_11$b = ["src"];
 const _hoisted_12$9 = {
   key: 1,
   class: "rounded-[40px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover",
@@ -47903,7 +47903,7 @@ const _sfc_main$s = {
                       src: slide.featured_image,
                       alt: "Slide Image",
                       class: "rounded-[40px] h-[674px] max-w-[882px] lg:w-1/2 w-full object-cover"
-                    }, null, 8, _hoisted_11$a)) : (openBlock(), createElementBlock("img", _hoisted_12$9))
+                    }, null, 8, _hoisted_11$b)) : (openBlock(), createElementBlock("img", _hoisted_12$9))
                   ])
                 ]),
                 _: 2
@@ -48426,7 +48426,7 @@ const _hoisted_10$b = {
   key: 2,
   class: "flex gap-2 text-gray-600 mt-2 font-semibold"
 };
-const _hoisted_11$9 = ["innerHTML"];
+const _hoisted_11$a = ["innerHTML"];
 const _hoisted_12$8 = { class: "border-t border-gray-200 mt-4 pt-[17px] flex justify-between items-center" };
 const _hoisted_13$6 = ["href"];
 const _hoisted_14$6 = { class: "absolute top-[-65px] right-4 flex gap-4" };
@@ -48519,7 +48519,7 @@ const _sfc_main$j = {
                     createElementVNode("div", {
                       class: "text-sm",
                       innerHTML: slide == null ? void 0 : slide.line_2
-                    }, null, 8, _hoisted_11$9)
+                    }, null, 8, _hoisted_11$a)
                   ])) : createCommentVNode("", true)
                 ]),
                 createElementVNode("div", _hoisted_12$8, [
@@ -48644,7 +48644,7 @@ const _hoisted_8$d = {
 };
 const _hoisted_9$d = ["href"];
 const _hoisted_10$a = { class: "flex justify-between" };
-const _hoisted_11$8 = ["innerHTML"];
+const _hoisted_11$9 = ["innerHTML"];
 const _hoisted_12$7 = { class: "text-gray-500 text-sm mb-4" };
 const _hoisted_13$5 = {
   key: 0,
@@ -48747,7 +48747,7 @@ const _sfc_main$h = {
                     createElementVNode("span", {
                       class: "w-5/6 leading-[28px]",
                       innerHTML: card.title
-                    }, null, 8, _hoisted_11$8),
+                    }, null, 8, _hoisted_11$9),
                     createVNode(unref(ArrowUpRight), { class: "w-5 h-5 mt-1" })
                   ])
                 ], 8, _hoisted_9$d)) : createCommentVNode("", true),
@@ -48881,7 +48881,7 @@ const _sfc_main$f = {
               ], 8, _hoisted_4$e)) : createCommentVNode("", true),
               headerComponent.value.primary_button.show ? (openBlock(), createElementBlock("a", {
                 key: 1,
-                class: "hover:bg-brand-600 bg-brand-500 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
+                class: "bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
                 href: unref(formatUrl)(headerComponent.value.primary_button.url),
                 target: headerComponent.value.primary_button.open_in_new_tab ? "_blank" : ""
               }, [
@@ -48902,8 +48902,11 @@ const _sfc_main$f = {
   }
 };
 const _hoisted_1$r = { class: "overflow-hidden mt-4" };
-const _hoisted_2$d = { class: "text-[36px] text-gray-900 font-semibold" };
-const _hoisted_3$d = { class: "all-unset" };
+const _hoisted_2$d = {
+  key: 0,
+  class: "text-[36px] text-gray-900 font-semibold"
+};
+const _hoisted_3$d = { class: "all-unset ql-editor" };
 const _hoisted_4$d = ["innerHTML"];
 const _hoisted_5$d = { key: 0 };
 const _hoisted_6$d = ["href"];
@@ -48954,23 +48957,23 @@ const _sfc_main$e = {
       }
     };
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
       return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createElementVNode("div", {
-          class: normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4 flex gap-16 items-center", { "flex-row-reverse mt-6 !mb-10": (_a = section.value) == null ? void 0 : _a.revert }])
+          class: normalizeClass(["max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4 flex gap-16 items-center", { "flex-row-reverse mt-6 !mb-10": (_a = section.value) == null ? void 0 : _a.revert, "justify-center": (_b = section.value) == null ? void 0 : _b.center }])
         }, [
-          ((_b = component.value) == null ? void 0 : _b.title) ? (openBlock(), createElementBlock("div", {
+          ((_c = component.value) == null ? void 0 : _c.title) || ((_d = component.value) == null ? void 0 : _d.paragraph) ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["max-w-[800px] py-4", { "!max-w-full w-full": (_c = section.value) == null ? void 0 : _c.is_full_width }]),
+            class: normalizeClass(["max-w-[800px] py-4", { "!max-w-full w-full": (_e = section.value) == null ? void 0 : _e.is_full_width }]),
             ref_key: "leftColumn",
             ref: leftColumn
           }, [
-            createElementVNode("h3", _hoisted_2$d, toDisplayString(component.value.title), 1),
+            ((_f = component.value) == null ? void 0 : _f.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$d, toDisplayString(component.value.title), 1)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_3$d, [
               createElementVNode("div", {
                 innerHTML: component.value.paragraph
               }, null, 8, _hoisted_4$d),
-              ((_d = component.value) == null ? void 0 : _d.hasOwnProperty("button")) && button.value.show ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
+              ((_g = component.value) == null ? void 0 : _g.hasOwnProperty("button")) && button.value.show ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
                 createElementVNode("a", {
                   href: button.value.url,
                   class: "inline-flex items-center gap-2 !no-underline px-3 py-2.5 rounded-full shadow-xs text-md font-semibold !text-white bg-brand-600 hover:bg-brand-700 border border-brand-600 text-center cursor-pointer"
@@ -48981,13 +48984,13 @@ const _sfc_main$e = {
               ])) : createCommentVNode("", true)
             ])
           ], 2)) : createCommentVNode("", true),
-          ((_e = component.value) == null ? void 0 : _e.featured_image) ? (openBlock(), createElementBlock("div", {
+          ((_h = component.value) == null ? void 0 : _h.featured_image) ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: "w-full max-w-[536px] rounded-[24px] overflow-hidden",
             ref_key: "rightColumn",
             ref: rightColumn
           }, [
-            ((_f = component.value) == null ? void 0 : _f.source_type) === "video" ? (openBlock(), createElementBlock("div", _hoisted_7$d, [
+            ((_i = component.value) == null ? void 0 : _i.source_type) === "video" ? (openBlock(), createElementBlock("div", _hoisted_7$d, [
               createElementVNode("video", {
                 onClick: togglePlayPause,
                 preload: "metadata",
@@ -48996,7 +48999,7 @@ const _sfc_main$e = {
                 class: "h-full w-full object-cover"
               }, [
                 createElementVNode("source", {
-                  src: `${(_g = component.value) == null ? void 0 : _g.featured_image}#t=2`
+                  src: `${(_j = component.value) == null ? void 0 : _j.featured_image}#t=2`
                 }, null, 8, _hoisted_8$c)
               ], 512),
               !isPlaying.value ? (openBlock(), createBlock(unref(PlayButton), {
@@ -49006,7 +49009,7 @@ const _sfc_main$e = {
               })) : createCommentVNode("", true)
             ])) : (openBlock(), createElementBlock("img", {
               key: 1,
-              src: (_h = component.value) == null ? void 0 : _h.featured_image,
+              src: (_k = component.value) == null ? void 0 : _k.featured_image,
               alt: "Feature Image",
               class: "w-full h-full object-cover rounded-[24px]"
             }, null, 8, _hoisted_9$c))
@@ -49032,12 +49035,12 @@ const _hoisted_8$b = {
 };
 const _hoisted_9$b = { class: "text-[36px] text-gray-900 font-semibold" };
 const _hoisted_10$9 = ["innerHTML"];
-const _hoisted_11$7 = {
+const _hoisted_11$8 = {
   key: 0,
   class: "max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
 };
 const _hoisted_12$6 = { class: "font-semibold text-[20px] text-gray-900" };
-const _hoisted_13$4 = { class: "mt-2 text-md font-normal text-gray-600 leading-[24px]" };
+const _hoisted_13$4 = ["innerHTML"];
 const _hoisted_14$4 = ["href", "target"];
 const _hoisted_15$4 = ["src"];
 const _hoisted_16$1 = {
@@ -49074,6 +49077,14 @@ const _sfc_main$d = {
       }
       return c;
     });
+    const items = computed(() => {
+      return (featureItemsComponent.value.data || []).filter(function(o) {
+        if (o.hasOwnProperty("public")) {
+          return o.public;
+        }
+        return true;
+      });
+    });
     onMounted(() => {
       var _a;
       if (leftColumn.value && rightColumn.value && ((_a = section.value) == null ? void 0 : _a.minimum_height)) {
@@ -49131,8 +49142,8 @@ const _sfc_main$d = {
               createElementVNode("div", {
                 class: normalizeClass(["grid gap-8", featureItemsComponent.value.hasOwnProperty("grid_columns") ? `grid-cols-${featureItemsComponent.value.grid_columns}` : "grid-cols-2 w-2/3"])
               }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(featureItemsComponent.value.data, (item) => {
-                  var _a2, _b2, _c2, _d2;
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
+                  var _a2, _b2, _c2;
                   return openBlock(), createElementBlock("div", {
                     class: normalizeClass(["flex gap-3 w-full", {
                       "bg-gray-50 p-8 rounded-[24px] overflow-hidden flex-col": featureItemsComponent.value.hasOwnProperty("grid_columns") && (featureItemsComponent.value.grid_columns > 2 || ((_a2 = featureItemsComponent.value) == null ? void 0 : _a2.has_background)),
@@ -49140,18 +49151,21 @@ const _sfc_main$d = {
                     }])
                   }, [
                     item.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      (item == null ? void 0 : item.icon) ? (openBlock(), createElementBlock("div", _hoisted_11$7, [
+                      (item == null ? void 0 : item.icon) ? (openBlock(), createElementBlock("div", _hoisted_11$8, [
                         createVNode(_sfc_main$H, {
                           icon: item.icon,
                           "icon-classes": "w-5 h-5 text-brand-600"
                         }, null, 8, ["icon"])
                       ])) : createCommentVNode("", true),
                       createElementVNode("div", {
-                        class: normalizeClass(["max-w-[324px]", { "max-w-full": (_b2 = featureItemsComponent.value) == null ? void 0 : _b2.has_background }])
+                        class: normalizeClass(["max-w-[324px] q-editor", { "max-w-full": (_b2 = featureItemsComponent.value) == null ? void 0 : _b2.has_background }])
                       }, [
                         createElementVNode("h3", _hoisted_12$6, toDisplayString(item.title), 1),
-                        createElementVNode("p", _hoisted_13$4, toDisplayString(item.supporting_text), 1),
-                        ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) && ((_d2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _d2.url) ? (openBlock(), createElementBlock("a", {
+                        createElementVNode("p", {
+                          class: "mt-2 text-md font-normal text-gray-600 leading-[24px]",
+                          innerHTML: item.supporting_text ?? item.description
+                        }, null, 8, _hoisted_13$4),
+                        ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) ? (openBlock(), createElementBlock("a", {
                           key: 0,
                           class: "text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
                           href: unref(formatUrl)(item.primary_button.url),
@@ -49197,7 +49211,7 @@ const _hoisted_7$b = { class: "mt-4" };
 const _hoisted_8$a = { class: "flex flex-row" };
 const _hoisted_9$a = { class: "w-1/5 mr-[40px] relative" };
 const _hoisted_10$8 = { class: "text-[24px] font-semibold text-navy-800" };
-const _hoisted_11$6 = { class: "w-4/5" };
+const _hoisted_11$7 = { class: "w-4/5" };
 const _hoisted_12$5 = {
   key: 0,
   class: "text-[24px] mb-6 font-semibold text-navy-800"
@@ -49248,7 +49262,7 @@ const _sfc_main$c = {
                       style: { "background": "repeating-linear-gradient(to bottom, transparent, transparent 10px, #A9B8C6 8px, #A9B8C6 20px)", "width": "2px" }
                     }, null, -1))
                   ]),
-                  createElementVNode("div", _hoisted_11$6, [
+                  createElementVNode("div", _hoisted_11$7, [
                     data2.group_title ? (openBlock(), createElementBlock("p", _hoisted_12$5, toDisplayString(data2.group_title), 1)) : createCommentVNode("", true),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(data2.lines, (line, index2) => {
                       return openBlock(), createElementBlock("div", {
@@ -49416,7 +49430,7 @@ const _hoisted_7$9 = {
 const _hoisted_8$8 = { class: "relative bg-white hover:bg-gray-100 p-2 rounded-lg w-full" };
 const _hoisted_9$8 = ["href", "target"];
 const _hoisted_10$7 = { class: "flex gap-4 items-center max-w-[94%] w-full" };
-const _hoisted_11$5 = { class: "w-full" };
+const _hoisted_11$6 = { class: "w-full" };
 const _sfc_main$a = {
   __name: "LinkList",
   props: {
@@ -49469,7 +49483,7 @@ const _sfc_main$a = {
                       }, [
                         createElementVNode("div", _hoisted_10$7, [
                           createVNode(unref(LinkExternal), { class: "w-5 h-5" }),
-                          createElementVNode("span", _hoisted_11$5, toDisplayString(link.title), 1)
+                          createElementVNode("span", _hoisted_11$6, toDisplayString(link.title), 1)
                         ]),
                         createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
                       ], 8, _hoisted_9$8)) : createCommentVNode("", true)
@@ -49752,7 +49766,7 @@ const _hoisted_7$6 = { class: "w-[56px] h-[56px] border-[2px] border-white bg-gr
 const _hoisted_8$5 = { class: "w-[56px] h-[56px] border-[2px] border-white bg-gray-200 rounded-full flex justify-center items-center" };
 const _hoisted_9$5 = { class: "text-[24px] text-gray-900 font-semibold mt-4" };
 const _hoisted_10$5 = ["innerHTML"];
-const _hoisted_11$4 = { class: "flex gap-2" };
+const _hoisted_11$5 = { class: "flex gap-2" };
 const _hoisted_12$4 = ["href"];
 const _sfc_main$7 = {
   __name: "ContactUs",
@@ -49794,7 +49808,7 @@ const _sfc_main$7 = {
                 class: "text-[18px] font-normal mt-2 text-gray-600 leading-[30px] text-center",
                 innerHTML: headerComponent.value.supporting_text
               }, null, 8, _hoisted_10$5)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_11$4, [
+              createElementVNode("div", _hoisted_11$5, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(contactUs.value.data, (item) => {
                   return openBlock(), createElementBlock(Fragment, null, [
                     (item == null ? void 0 : item.show) ? (openBlock(), createElementBlock("a", {
@@ -49865,7 +49879,7 @@ const _hoisted_7$5 = {
 const _hoisted_8$4 = { class: "relative bg-white w-full pt-6" };
 const _hoisted_9$4 = { class: "text-gray-900 cursor-pointer w-full inline-flex justify-between gap-1.5 items-center leading-[28px] font-semibold text-lg" };
 const _hoisted_10$4 = ["onClick"];
-const _hoisted_11$3 = { class: "min-w-[24px]" };
+const _hoisted_11$4 = { class: "min-w-[24px]" };
 const _hoisted_12$3 = ["innerHTML"];
 const _sfc_main$6 = {
   __name: "FAQ",
@@ -49912,7 +49926,7 @@ const _sfc_main$6 = {
                         class: "hover:underline",
                         onClick: ($event) => toggle(index2)
                       }, toDisplayString(link.title), 9, _hoisted_10$4),
-                      createElementVNode("span", _hoisted_11$3, [
+                      createElementVNode("span", _hoisted_11$4, [
                         !show.value[index2] ? (openBlock(), createBlock(unref(Plus), {
                           key: 0,
                           class: "w-6 h-6 cursor-pointer text-gray-400 hover:text-gray-700",
@@ -49949,7 +49963,7 @@ const _hoisted_7$4 = { class: "text-gray-900 cursor-pointer w-full inline-flex j
 const _hoisted_8$3 = ["onClick"];
 const _hoisted_9$3 = { class: "min-w-[24px]" };
 const _hoisted_10$3 = ["innerHTML"];
-const _hoisted_11$2 = { class: "w-1/2 bg-white rounded-[16px] overflow-hidden flex flex-col items-center justify-center px-12" };
+const _hoisted_11$3 = { class: "w-1/2 bg-white rounded-[16px] overflow-hidden flex flex-col items-center justify-center px-12" };
 const _hoisted_12$2 = { key: 0 };
 const _hoisted_13$2 = ["textContent"];
 const _hoisted_14$2 = ["innerHTML"];
@@ -50016,7 +50030,7 @@ const _sfc_main$5 = {
               }), 256))
             ])
           ]),
-          createElementVNode("div", _hoisted_11$2, [
+          createElementVNode("div", _hoisted_11$3, [
             paragraphComponent.value ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
               createElementVNode("p", {
                 class: "text-[32px] font-semibold text-gray-900",
@@ -50103,25 +50117,43 @@ const _hoisted_10$2 = {
   key: 0,
   class: "flex justify-center pb-32"
 };
-const _hoisted_11$1 = { class: "w-2/5 px-8" };
-const _hoisted_12$1 = { class: "leading-6 text-gray-600" };
-const _hoisted_13$1 = { class: "w-3/5 px-8 flex flex-col justify-between" };
-const _hoisted_14$1 = { class: "mb-12" };
-const _hoisted_15$1 = { class: "flex space-x-6" };
-const _hoisted_16 = {
+const _hoisted_11$2 = { class: "w-2/5 px-8" };
+const _hoisted_12$1 = {
+  class: /* @__PURE__ */ normalizeClass([
+    "p-8 rounded-[20px] text-left min-h-full",
+    "bg-brand-25"
+  ])
+};
+const _hoisted_13$1 = {
+  class: /* @__PURE__ */ normalizeClass([
+    "w-12 h-12 flex items-center justify-center rounded-full mb-4",
+    "bg-brand-100 text-brand-600"
+  ])
+};
+const _hoisted_14$1 = {
+  class: /* @__PURE__ */ normalizeClass([
+    "text-4xl leading-10 font-semibold mb-4",
+    "text-brand-700"
+  ])
+};
+const _hoisted_15$1 = { class: "leading-6 text-gray-600" };
+const _hoisted_16 = { class: "w-3/5 px-8 flex flex-col justify-between" };
+const _hoisted_17 = { class: "mb-12" };
+const _hoisted_18 = { class: "flex space-x-6" };
+const _hoisted_19 = {
   key: 0,
   class: "flex-1"
 };
-const _hoisted_17 = { class: "font-bold text-gray-900 leading-6 mb-6" };
-const _hoisted_18 = { class: "flex items-center justify-center min-w-6 h-6 bg-success-100 text-success-500 rounded-full mr-3" };
-const _hoisted_19 = {
+const _hoisted_20 = { class: "font-bold text-gray-900 leading-6 mb-6" };
+const _hoisted_21 = { class: "flex items-center justify-center min-w-6 h-6 bg-success-100 text-success-500 rounded-full mr-3" };
+const _hoisted_22 = {
   key: 1,
   class: "flex-1"
 };
-const _hoisted_20 = { class: "font-bold text-gray-900 leading-6 mb-6" };
-const _hoisted_21 = { class: "flex items-center justify-center min-w-6 h-6 bg-gray-100 rounded-full mr-3" };
-const _hoisted_22 = ["href"];
-const _hoisted_23 = { class: "ml-2" };
+const _hoisted_23 = { class: "font-bold text-gray-900 leading-6 mb-6" };
+const _hoisted_24 = { class: "flex items-center justify-center min-w-6 h-6 bg-gray-100 rounded-full mr-3" };
+const _hoisted_25 = ["href"];
+const _hoisted_26 = { class: "ml-2" };
 const _sfc_main$4 = {
   __name: "HorizontalTabs",
   props: {
@@ -50178,84 +50210,72 @@ const _sfc_main$4 = {
             name: "fade",
             mode: "out-in"
           }, {
-            default: withCtx(() => [
-              activeMembership.value ? (openBlock(), createElementBlock("div", {
-                key: activeMembership.value.id,
-                class: "bg-white py-8 rounded-3xl shadow-sm border border-gray-200 flex max-w-[1400px] mx-auto -mb-[140px]"
-              }, [
-                createElementVNode("div", _hoisted_11$1, [
-                  createElementVNode("div", {
-                    class: normalizeClass([
-                      "p-8 rounded-[20px] text-left min-h-full",
-                      activeMembership.value.theme === "dark" ? "bg-navy-25" : "bg-brand-25"
+            default: withCtx(() => {
+              var _a, _b;
+              return [
+                activeMembership.value ? (openBlock(), createElementBlock("div", {
+                  key: activeMembership.value.id,
+                  class: "bg-white py-8 rounded-3xl shadow-sm border border-gray-200 flex max-w-[1400px] mx-auto -mb-[140px]"
+                }, [
+                  createElementVNode("div", _hoisted_11$2, [
+                    createElementVNode("div", _hoisted_12$1, [
+                      createElementVNode("span", _hoisted_13$1, [
+                        createVNode(unref(StarIcon), { class: "w-5 h-5" })
+                      ]),
+                      createElementVNode("h3", _hoisted_14$1, toDisplayString(activeMembership.value.name), 1),
+                      createElementVNode("p", _hoisted_15$1, toDisplayString(activeMembership.value.description), 1)
                     ])
-                  }, [
-                    createElementVNode("span", {
-                      class: normalizeClass([
-                        "w-12 h-12 flex items-center justify-center rounded-full mb-4",
-                        activeMembership.value.theme === "dark" ? "bg-navy-100 text-navy-600" : "bg-brand-100 text-brand-600"
+                  ]),
+                  createElementVNode("div", _hoisted_16, [
+                    createElementVNode("div", _hoisted_17, [
+                      createElementVNode("div", _hoisted_18, [
+                        activeMembership.value.access ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                          createElementVNode("h4", _hoisted_20, toDisplayString(activeMembership.value.access.title), 1),
+                          createElementVNode("ul", null, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(activeMembership.value.access.list, (item, idx) => {
+                              return openBlock(), createElementBlock("li", {
+                                key: `access-${activeMembership.value.id}-${idx}`,
+                                class: "leading-6 flex items-top text-gray-600 mb-4"
+                              }, [
+                                createElementVNode("span", _hoisted_21, [
+                                  createVNode(unref(Check), { class: "w-5 h-5" })
+                                ]),
+                                createTextVNode(" " + toDisplayString(item), 1)
+                              ]);
+                            }), 128))
+                          ])
+                        ])) : createCommentVNode("", true),
+                        activeMembership.value.excludes && ((_b = (_a = activeMembership.value.excludes) == null ? void 0 : _a.list) == null ? void 0 : _b.length) ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                          createElementVNode("h4", _hoisted_23, toDisplayString(activeMembership.value.excludes.title), 1),
+                          createElementVNode("ul", null, [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(activeMembership.value.excludes.list, (item, idx) => {
+                              return openBlock(), createElementBlock("li", {
+                                key: `excludes-${activeMembership.value.id}-${idx}`,
+                                class: "leading-6 flex items-top text-gray-600 mb-4"
+                              }, [
+                                createElementVNode("span", _hoisted_24, [
+                                  createVNode(unref(XIcon), { class: "w-5 h-5" })
+                                ]),
+                                createTextVNode(" " + toDisplayString(item), 1)
+                              ]);
+                            }), 128))
+                          ])
+                        ])) : createCommentVNode("", true)
                       ])
+                    ]),
+                    createElementVNode("a", {
+                      href: activeMembership.value.url,
+                      class: "py-3 px-6 rounded-full font-semibold flex items-center justify-center transition-colors bg-brand-600 text-white hover:bg-brand-700"
                     }, [
-                      createVNode(unref(StarIcon), { class: "w-5 h-5" })
-                    ], 2),
-                    createElementVNode("h3", {
-                      class: normalizeClass([
-                        "text-4xl leading-10 font-semibold mb-4",
-                        activeMembership.value.theme === "dark" ? "text-navy-700" : "text-brand-700"
+                      createTextVNode(toDisplayString(activeMembership.value.button.label) + " ", 1),
+                      createElementVNode("span", _hoisted_26, [
+                        createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
                       ])
-                    }, toDisplayString(activeMembership.value.name), 3),
-                    createElementVNode("p", _hoisted_12$1, toDisplayString(activeMembership.value.description), 1)
-                  ], 2)
-                ]),
-                createElementVNode("div", _hoisted_13$1, [
-                  createElementVNode("div", _hoisted_14$1, [
-                    createElementVNode("div", _hoisted_15$1, [
-                      activeMembership.value.access ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                        createElementVNode("h4", _hoisted_17, toDisplayString(activeMembership.value.access.title), 1),
-                        createElementVNode("ul", null, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(activeMembership.value.access.list, (item, idx) => {
-                            return openBlock(), createElementBlock("li", {
-                              key: `access-${activeMembership.value.id}-${idx}`,
-                              class: "leading-6 flex items-top text-gray-600 mb-4"
-                            }, [
-                              createElementVNode("span", _hoisted_18, [
-                                createVNode(unref(Check), { class: "w-5 h-5" })
-                              ]),
-                              createTextVNode(" " + toDisplayString(item), 1)
-                            ]);
-                          }), 128))
-                        ])
-                      ])) : createCommentVNode("", true),
-                      activeMembership.value.excludes ? (openBlock(), createElementBlock("div", _hoisted_19, [
-                        createElementVNode("h4", _hoisted_20, toDisplayString(activeMembership.value.excludes.title), 1),
-                        createElementVNode("ul", null, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(activeMembership.value.excludes.list, (item, idx) => {
-                            return openBlock(), createElementBlock("li", {
-                              key: `excludes-${activeMembership.value.id}-${idx}`,
-                              class: "leading-6 flex items-top text-gray-600 mb-4"
-                            }, [
-                              createElementVNode("span", _hoisted_21, [
-                                createVNode(unref(XIcon), { class: "w-5 h-5" })
-                              ]),
-                              createTextVNode(" " + toDisplayString(item), 1)
-                            ]);
-                          }), 128))
-                        ])
-                      ])) : createCommentVNode("", true)
-                    ])
-                  ]),
-                  createElementVNode("a", {
-                    href: activeMembership.value.url,
-                    class: normalizeClass(["py-3 px-6 rounded-full font-semibold flex items-center justify-center transition-colors", activeMembership.value.theme === "dark" ? "bg-brand-800 text-white hover:bg-brand-700" : "bg-navy-600 text-white hover:bg-navy-500"])
-                  }, [
-                    createTextVNode(toDisplayString(activeMembership.value.button.label) + " ", 1),
-                    createElementVNode("span", _hoisted_23, [
-                      createVNode(unref(ArrowUpRight), { class: "w-5 h-5" })
-                    ])
-                  ], 10, _hoisted_22)
-                ])
-              ])) : createCommentVNode("", true)
-            ]),
+                    ], 8, _hoisted_25)
+                  ])
+                ])) : createCommentVNode("", true)
+              ];
+            }),
             _: 1
           })
         ])
@@ -50263,7 +50283,7 @@ const _sfc_main$4 = {
     };
   }
 };
-const HorizontalTabs = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-25ca07bb"]]);
+const HorizontalTabs = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-936f7e6f"]]);
 const _hoisted_1$6 = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -50315,17 +50335,18 @@ const _hoisted_1$3 = { class: "relative overflow-hidden bg-gray-50" };
 const _hoisted_2$2 = { class: "flex space-x-16 max-w-[1640px] md:px-[120px] mx-auto w-full" };
 const _hoisted_3$2 = { class: "flex-1 flex flex-col justify-center gap-8" };
 const _hoisted_4$2 = { class: "flex items-center gap-1" };
-const _hoisted_5$2 = { class: "font-medium text-3xl leading-9" };
-const _hoisted_6$2 = ["innerHTML"];
-const _hoisted_7$2 = { class: "w-[30rem]" };
+const _hoisted_5$2 = ["innerHTML"];
+const _hoisted_6$2 = { class: "text-gray-600" };
+const _hoisted_7$2 = { class: "h-[480px] w-[560px]" };
 const _hoisted_8$1 = ["src"];
 const _hoisted_9$1 = {
   key: 1,
-  class: "rounded-tl-3xl rounded-br-3xl",
+  class: "rounded-tl-3xl rounded-br-3xl object-cover",
   src: _imports_0,
   alt: "No Image Available"
 };
-const _hoisted_10$1 = { class: "flex max-w-[1640px] md:px-[120px] mx-auto w-full gap-4 absolute bottom-10 left-20" };
+const _hoisted_10$1 = { class: "flex max-w-[1640px] md:px-[120px] mx-auto w-full gap-4 relative" };
+const _hoisted_11$1 = { class: "absolute bottom-[40px] left-[120px] w-full gap-4 flex" };
 const _sfc_main$3 = {
   __name: "TestimonialSlider",
   props: {
@@ -50368,18 +50389,18 @@ const _sfc_main$3 = {
                         return createVNode(unref(Star), { class: "w-5 h-5 text-yellow-100" });
                       }), 64))
                     ]),
-                    createElementVNode("h3", _hoisted_5$2, toDisplayString(feature.title), 1),
-                    createElementVNode("p", {
-                      class: "text-gray-600",
+                    createElementVNode("h3", {
+                      class: "font-semibold text-3xl leading-9",
                       innerHTML: feature.description
-                    }, null, 8, _hoisted_6$2)
+                    }, null, 8, _hoisted_5$2),
+                    createElementVNode("p", _hoisted_6$2, toDisplayString(feature.title), 1)
                   ]),
                   createElementVNode("div", _hoisted_7$2, [
                     feature.featured_image ? (openBlock(), createElementBlock("img", {
                       key: 0,
                       src: feature.featured_image,
                       alt: "Audience smiling",
-                      class: "rounded-tl-3xl rounded-br-3xl"
+                      class: "rounded-tl-3xl rounded-br-3xl w-full h-full object-cover"
                     }, null, 8, _hoisted_8$1)) : (openBlock(), createElementBlock("img", _hoisted_9$1))
                   ])
                 ])
@@ -50387,19 +50408,21 @@ const _sfc_main$3 = {
             }), 128))
           ], 4),
           createElementVNode("footer", _hoisted_10$1, [
-            createElementVNode("button", {
-              type: "button",
-              onClick: prevSlide,
-              class: "w-12 h-12 border border-gray-200 rounded-full flex items-center justify-center bg-gray-50"
-            }, [
-              createVNode(unref(ArrowLeft), { class: "w-6 h-6 text-gray-500" })
-            ]),
-            createElementVNode("button", {
-              type: "button",
-              onClick: nextSlide,
-              class: "w-12 h-12 border border-gray-200 rounded-full flex items-center justify-center bg-gray-50"
-            }, [
-              createVNode(unref(ArrowRight), { class: "w-6 h-6 text-gray-500" })
+            createElementVNode("div", _hoisted_11$1, [
+              createElementVNode("button", {
+                type: "button",
+                onClick: prevSlide,
+                class: "w-12 h-12 border border-gray-200 rounded-full flex items-center justify-center bg-gray-50"
+              }, [
+                createVNode(unref(ArrowLeft), { class: "w-6 h-6 text-gray-500" })
+              ]),
+              createElementVNode("button", {
+                type: "button",
+                onClick: nextSlide,
+                class: "w-12 h-12 border border-gray-200 rounded-full flex items-center justify-center bg-gray-50"
+              }, [
+                createVNode(unref(ArrowRight), { class: "w-6 h-6 text-gray-500" })
+              ])
             ])
           ])
         ])
@@ -50449,9 +50472,10 @@ const _sfc_main$2 = {
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.page.sections, (section, index) => {
           return openBlock(), createElementBlock("div", null, [
             (openBlock(), createBlock(resolveDynamicComponent(currentComponent(section)), {
+              id: `section-${index}`,
               key: index,
               section
-            }, null, 8, ["section"]))
+            }, null, 8, ["id", "section"]))
           ]);
         }), 256))
       ]);
@@ -50872,65 +50896,68 @@ const _sfc_main = {
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
             createVNode(_sfc_main$I, { title: "Description" }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("div", _hoisted_5, [
+              default: withCtx(() => {
+                var _a, _b;
+                return [
+                  createElementVNode("div", _hoisted_4, [
+                    createElementVNode("div", _hoisted_5, [
+                      createVNode(_sfc_main$P, {
+                        "is-vertical": "",
+                        field: "icon",
+                        "label-text": "Icon *",
+                        value: form.value.icon
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_sfc_main$G, {
+                            id: "icon",
+                            modelValue: form.value.icon,
+                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.icon = $event)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }, 8, ["value"]),
+                      createVNode(_sfc_main$P, {
+                        "is-vertical": "",
+                        field: "title",
+                        "label-text": ((_a = __props.item) == null ? void 0 : _a.title_label) ? __props.item.title_label : "Title *",
+                        class: "w-full",
+                        value: form.value.title,
+                        limit: 100
+                      }, {
+                        default: withCtx(() => [
+                          withDirectives(createElementVNode("input", {
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.title = $event),
+                            name: "title",
+                            type: "text",
+                            placeholder: "Title",
+                            maxlength: 100,
+                            class: "border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
+                          }, null, 512), [
+                            [vModelText, form.value.title]
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["label-text", "value"])
+                    ]),
                     createVNode(_sfc_main$P, {
                       "is-vertical": "",
-                      field: "icon",
-                      "label-text": "Icon *",
-                      value: form.value.icon
+                      field: "description",
+                      "label-text": ((_b = __props.item) == null ? void 0 : _b.description_label) ? __props.item.description_label : "Supporting Text *",
+                      class: "w-full mb-4",
+                      value: descriptionWordCount.value,
+                      "show-count": true
                     }, {
                       default: withCtx(() => [
-                        createVNode(_sfc_main$G, {
-                          id: "icon",
-                          modelValue: form.value.icon,
-                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.icon = $event)
+                        createVNode(QuillEditor, {
+                          modelValue: form.value.description,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.description = $event)
                         }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }, 8, ["value"]),
-                    createVNode(_sfc_main$P, {
-                      "is-vertical": "",
-                      field: "title",
-                      "label-text": "Title *",
-                      class: "w-full",
-                      value: form.value.title,
-                      limit: 51
-                    }, {
-                      default: withCtx(() => [
-                        withDirectives(createElementVNode("input", {
-                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.title = $event),
-                          name: "title",
-                          type: "text",
-                          placeholder: "Title",
-                          maxlength: 51,
-                          class: "border-1 border-solid border-gray-300 rounded-lg bg-white w-full"
-                        }, null, 512), [
-                          [vModelText, form.value.title]
-                        ])
-                      ]),
-                      _: 1
-                    }, 8, ["value"])
-                  ]),
-                  createVNode(_sfc_main$P, {
-                    "is-vertical": "",
-                    field: "description",
-                    "label-text": "Supporting Text *",
-                    class: "w-full mb-4",
-                    value: descriptionWordCount.value,
-                    "show-count": true
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(QuillEditor, {
-                        modelValue: form.value.description,
-                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.description = $event)
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }, 8, ["value"])
-                ])
-              ]),
+                    }, 8, ["label-text", "value"])
+                  ])
+                ];
+              }),
               _: 1
             }),
             form.value.hasOwnProperty("primary_button") ? (openBlock(), createBlock(_sfc_main$F, {