@dcodegroup-au/page-builder 0.6.1 → 0.6.2

package/dist/page-builder.umd.js

@@ -450,7 +450,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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"];
@@ -526,7 +526,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     }, [
                       vue.createVNode(vue.unref(PlusIcon), { class: "h-5 w-5" }),
                       _cache[0] || (_cache[0] = vue.createElementVNode("span", null, "Add", -1))
-                    ], 10, _hoisted_11$g)
+                    ], 10, _hoisted_11$h)
                   ])
                 ]),
                 vue.createElementVNode("div", _hoisted_12$e, [
@@ -11703,7 +11703,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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",
@@ -11810,7 +11810,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             }, [
               vue.createElementVNode("div", _hoisted_10$i, vue.toDisplayString(file.value.file_name), 1)
             ], 8, _hoisted_9$m),
-            vue.createElementVNode("a", _hoisted_11$f, [
+            vue.createElementVNode("a", _hoisted_11$g, [
               vue.createElementVNode("i", {
                 class: "fal fa-times",
                 onClick: _cache[0] || (_cache[0] = ($event) => deleteFile(file.value))
@@ -45226,7 +45226,7 @@ ${escapeText(this.code(index, length))}
   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"
@@ -45361,7 +45361,7 @@ ${escapeText(this.code(index, length))}
                       }, null, 8, ["onRemoveItem"])
                     ])
                   ]),
-                  vue.createElementVNode("div", _hoisted_11$e, [
+                  vue.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) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$c, [
                       (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
                         return vue.createElementVNode("label", _hoisted_13$8, [
@@ -45475,7 +45475,7 @@ ${escapeText(this.code(index, length))}
   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",
@@ -45558,7 +45558,7 @@ ${escapeText(this.code(index, length))}
                     ])
                   ]),
                   vue.createElementVNode("div", _hoisted_10$f, [
-                    vue.createElementVNode("div", _hoisted_11$d, [
+                    vue.createElementVNode("div", _hoisted_11$e, [
                       vue.createVNode(vue.unref(VFileUpload), {
                         name: "image",
                         modelValue: item.logo,
@@ -45763,7 +45763,7 @@ ${escapeText(this.code(index, length))}
   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: {
@@ -45839,7 +45839,7 @@ ${escapeText(this.code(index, length))}
                     ])
                   ]),
                   vue.createElementVNode("div", _hoisted_10$e, [
-                    vue.createElementVNode("div", _hoisted_11$c, [
+                    vue.createElementVNode("div", _hoisted_11$d, [
                       vue.createVNode(vue.unref(VFileUpload), {
                         name: "image",
                         type: "video",
@@ -46160,7 +46160,7 @@ ${escapeText(this.code(index, length))}
     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" };
@@ -46295,7 +46295,7 @@ ${escapeText(this.code(index, length))}
                         onClick: ($event) => selectComponent(sectionIndex, component, index),
                         class: vue.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 = vue.unref(selected)) == null ? void 0 : _a3.sectionIndex) === sectionIndex && ((_b2 = vue.unref(selected)) == null ? void 0 : _b2.componentIndex) === index }])
                       }, [
-                        vue.createElementVNode("div", _hoisted_11$b, [
+                        vue.createElementVNode("div", _hoisted_11$c, [
                           _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "text-xs text-gray-600" }, "Sub-module", -1)),
                           vue.createElementVNode("div", _hoisted_12$a, vue.toDisplayString(component.name), 1)
                         ]),
@@ -47833,7 +47833,7 @@ ${escapeText(this.code(index, length))}
   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",
@@ -47906,7 +47906,7 @@ ${escapeText(this.code(index, length))}
                         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)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_12$9))
+                      }, null, 8, _hoisted_11$b)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_12$9))
                     ])
                   ]),
                   _: 2
@@ -48429,7 +48429,7 @@ ${escapeText(this.code(index, length))}
     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" };
@@ -48522,7 +48522,7 @@ ${escapeText(this.code(index, length))}
                       vue.createElementVNode("div", {
                         class: "text-sm",
                         innerHTML: slide == null ? void 0 : slide.line_2
-                      }, null, 8, _hoisted_11$9)
+                      }, null, 8, _hoisted_11$a)
                     ])) : vue.createCommentVNode("", true)
                   ]),
                   vue.createElementVNode("div", _hoisted_12$8, [
@@ -48647,7 +48647,7 @@ ${escapeText(this.code(index, length))}
   };
   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,
@@ -48750,7 +48750,7 @@ ${escapeText(this.code(index, length))}
                       vue.createElementVNode("span", {
                         class: "w-5/6 leading-[28px]",
                         innerHTML: card.title
-                      }, null, 8, _hoisted_11$8),
+                      }, null, 8, _hoisted_11$9),
                       vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5 mt-1" })
                     ])
                   ], 8, _hoisted_9$d)) : vue.createCommentVNode("", true),
@@ -48884,7 +48884,7 @@ ${escapeText(this.code(index, length))}
                 ], 8, _hoisted_4$e)) : vue.createCommentVNode("", true),
                 headerComponent.value.primary_button.show ? (vue.openBlock(), vue.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: vue.unref(formatUrl)(headerComponent.value.primary_button.url),
                   target: headerComponent.value.primary_button.open_in_new_tab ? "_blank" : ""
                 }, [
@@ -49038,12 +49038,12 @@ ${escapeText(this.code(index, length))}
   };
   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 = {
@@ -49080,6 +49080,14 @@ ${escapeText(this.code(index, length))}
         }
         return c;
       });
+      const items = vue.computed(() => {
+        return (featureItemsComponent.value.data || []).filter(function(o) {
+          if (o.hasOwnProperty("public")) {
+            return o.public;
+          }
+          return true;
+        });
+      });
       vue.onMounted(() => {
         var _a;
         if (leftColumn.value && rightColumn.value && ((_a = section.value) == null ? void 0 : _a.minimum_height)) {
@@ -49137,8 +49145,8 @@ ${escapeText(this.code(index, length))}
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(["grid gap-8", featureItemsComponent.value.hasOwnProperty("grid_columns") ? `grid-cols-${featureItemsComponent.value.grid_columns}` : "grid-cols-2 w-2/3"])
                 }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(featureItemsComponent.value.data, (item) => {
-                    var _a2, _b2, _c2, _d2;
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item) => {
+                    var _a2, _b2, _c2;
                     return vue.openBlock(), vue.createElementBlock("div", {
                       class: vue.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)),
@@ -49146,18 +49154,21 @@ ${escapeText(this.code(index, length))}
                       }])
                     }, [
                       item.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                        (item == null ? void 0 : item.icon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$7, [
+                        (item == null ? void 0 : item.icon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$8, [
                           vue.createVNode(_sfc_main$H, {
                             icon: item.icon,
                             "icon-classes": "w-5 h-5 text-brand-600"
                           }, null, 8, ["icon"])
                         ])) : vue.createCommentVNode("", true),
                         vue.createElementVNode("div", {
-                          class: vue.normalizeClass(["max-w-[324px]", { "max-w-full": (_b2 = featureItemsComponent.value) == null ? void 0 : _b2.has_background }])
+                          class: vue.normalizeClass(["max-w-[324px] q-editor", { "max-w-full": (_b2 = featureItemsComponent.value) == null ? void 0 : _b2.has_background }])
                         }, [
                           vue.createElementVNode("h3", _hoisted_12$6, vue.toDisplayString(item.title), 1),
-                          vue.createElementVNode("p", _hoisted_13$4, vue.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) ? (vue.openBlock(), vue.createElementBlock("a", {
+                          vue.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) ? (vue.openBlock(), vue.createElementBlock("a", {
                             key: 0,
                             class: "text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
                             href: vue.unref(formatUrl)(item.primary_button.url),
@@ -49203,7 +49214,7 @@ ${escapeText(this.code(index, length))}
   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"
@@ -49254,7 +49265,7 @@ ${escapeText(this.code(index, length))}
                         style: { "background": "repeating-linear-gradient(to bottom, transparent, transparent 10px, #A9B8C6 8px, #A9B8C6 20px)", "width": "2px" }
                       }, null, -1))
                     ]),
-                    vue.createElementVNode("div", _hoisted_11$6, [
+                    vue.createElementVNode("div", _hoisted_11$7, [
                       data2.group_title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_12$5, vue.toDisplayString(data2.group_title), 1)) : vue.createCommentVNode("", true),
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data2.lines, (line, index2) => {
                         return vue.openBlock(), vue.createElementBlock("div", {
@@ -49422,7 +49433,7 @@ ${escapeText(this.code(index, length))}
   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: {
@@ -49475,7 +49486,7 @@ ${escapeText(this.code(index, length))}
                         }, [
                           vue.createElementVNode("div", _hoisted_10$7, [
                             vue.createVNode(vue.unref(LinkExternal), { class: "w-5 h-5" }),
-                            vue.createElementVNode("span", _hoisted_11$5, vue.toDisplayString(link.title), 1)
+                            vue.createElementVNode("span", _hoisted_11$6, vue.toDisplayString(link.title), 1)
                           ]),
                           vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
                         ], 8, _hoisted_9$8)) : vue.createCommentVNode("", true)
@@ -49758,7 +49769,7 @@ ${escapeText(this.code(index, length))}
   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",
@@ -49800,7 +49811,7 @@ ${escapeText(this.code(index, length))}
                   class: "text-[18px] font-normal mt-2 text-gray-600 leading-[30px] text-center",
                   innerHTML: headerComponent.value.supporting_text
                 }, null, 8, _hoisted_10$5)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("div", _hoisted_11$4, [
+                vue.createElementVNode("div", _hoisted_11$5, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(contactUs.value.data, (item) => {
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                       (item == null ? void 0 : item.show) ? (vue.openBlock(), vue.createElementBlock("a", {
@@ -49871,7 +49882,7 @@ ${escapeText(this.code(index, length))}
   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",
@@ -49918,7 +49929,7 @@ ${escapeText(this.code(index, length))}
                           class: "hover:underline",
                           onClick: ($event) => toggle(index2)
                         }, vue.toDisplayString(link.title), 9, _hoisted_10$4),
-                        vue.createElementVNode("span", _hoisted_11$3, [
+                        vue.createElementVNode("span", _hoisted_11$4, [
                           !show.value[index2] ? (vue.openBlock(), vue.createBlock(vue.unref(Plus), {
                             key: 0,
                             class: "w-6 h-6 cursor-pointer text-gray-400 hover:text-gray-700",
@@ -49955,7 +49966,7 @@ ${escapeText(this.code(index, length))}
   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"];
@@ -50022,7 +50033,7 @@ ${escapeText(this.code(index, length))}
                 }), 256))
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_11$2, [
+            vue.createElementVNode("div", _hoisted_11$3, [
               paragraphComponent.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$2, [
                 vue.createElementVNode("p", {
                   class: "text-[32px] font-semibold text-gray-900",
@@ -50109,25 +50120,43 @@ ${escapeText(this.code(index, length))}
     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__ */ vue.normalizeClass([
+      "p-8 rounded-[20px] text-left min-h-full",
+      "bg-brand-25"
+    ])
+  };
+  const _hoisted_13$1 = {
+    class: /* @__PURE__ */ vue.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__ */ vue.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: {
@@ -50184,84 +50213,72 @@ ${escapeText(this.code(index, length))}
               name: "fade",
               mode: "out-in"
             }, {
-              default: vue.withCtx(() => [
-                activeMembership.value ? (vue.openBlock(), vue.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]"
-                }, [
-                  vue.createElementVNode("div", _hoisted_11$1, [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass([
-                        "p-8 rounded-[20px] text-left min-h-full",
-                        activeMembership.value.theme === "dark" ? "bg-navy-25" : "bg-brand-25"
+              default: vue.withCtx(() => {
+                var _a, _b;
+                return [
+                  activeMembership.value ? (vue.openBlock(), vue.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]"
+                  }, [
+                    vue.createElementVNode("div", _hoisted_11$2, [
+                      vue.createElementVNode("div", _hoisted_12$1, [
+                        vue.createElementVNode("span", _hoisted_13$1, [
+                          vue.createVNode(vue.unref(StarIcon), { class: "w-5 h-5" })
+                        ]),
+                        vue.createElementVNode("h3", _hoisted_14$1, vue.toDisplayString(activeMembership.value.name), 1),
+                        vue.createElementVNode("p", _hoisted_15$1, vue.toDisplayString(activeMembership.value.description), 1)
                       ])
-                    }, [
-                      vue.createElementVNode("span", {
-                        class: vue.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"
+                    ]),
+                    vue.createElementVNode("div", _hoisted_16, [
+                      vue.createElementVNode("div", _hoisted_17, [
+                        vue.createElementVNode("div", _hoisted_18, [
+                          activeMembership.value.access ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
+                            vue.createElementVNode("h4", _hoisted_20, vue.toDisplayString(activeMembership.value.access.title), 1),
+                            vue.createElementVNode("ul", null, [
+                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(activeMembership.value.access.list, (item, idx) => {
+                                return vue.openBlock(), vue.createElementBlock("li", {
+                                  key: `access-${activeMembership.value.id}-${idx}`,
+                                  class: "leading-6 flex items-top text-gray-600 mb-4"
+                                }, [
+                                  vue.createElementVNode("span", _hoisted_21, [
+                                    vue.createVNode(vue.unref(Check), { class: "w-5 h-5" })
+                                  ]),
+                                  vue.createTextVNode(" " + vue.toDisplayString(item), 1)
+                                ]);
+                              }), 128))
+                            ])
+                          ])) : vue.createCommentVNode("", true),
+                          activeMembership.value.excludes && ((_b = (_a = activeMembership.value.excludes) == null ? void 0 : _a.list) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
+                            vue.createElementVNode("h4", _hoisted_23, vue.toDisplayString(activeMembership.value.excludes.title), 1),
+                            vue.createElementVNode("ul", null, [
+                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(activeMembership.value.excludes.list, (item, idx) => {
+                                return vue.openBlock(), vue.createElementBlock("li", {
+                                  key: `excludes-${activeMembership.value.id}-${idx}`,
+                                  class: "leading-6 flex items-top text-gray-600 mb-4"
+                                }, [
+                                  vue.createElementVNode("span", _hoisted_24, [
+                                    vue.createVNode(vue.unref(XIcon), { class: "w-5 h-5" })
+                                  ]),
+                                  vue.createTextVNode(" " + vue.toDisplayString(item), 1)
+                                ]);
+                              }), 128))
+                            ])
+                          ])) : vue.createCommentVNode("", true)
                         ])
+                      ]),
+                      vue.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"
                       }, [
-                        vue.createVNode(vue.unref(StarIcon), { class: "w-5 h-5" })
-                      ], 2),
-                      vue.createElementVNode("h3", {
-                        class: vue.normalizeClass([
-                          "text-4xl leading-10 font-semibold mb-4",
-                          activeMembership.value.theme === "dark" ? "text-navy-700" : "text-brand-700"
+                        vue.createTextVNode(vue.toDisplayString(activeMembership.value.button.label) + " ", 1),
+                        vue.createElementVNode("span", _hoisted_26, [
+                          vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
                         ])
-                      }, vue.toDisplayString(activeMembership.value.name), 3),
-                      vue.createElementVNode("p", _hoisted_12$1, vue.toDisplayString(activeMembership.value.description), 1)
-                    ], 2)
-                  ]),
-                  vue.createElementVNode("div", _hoisted_13$1, [
-                    vue.createElementVNode("div", _hoisted_14$1, [
-                      vue.createElementVNode("div", _hoisted_15$1, [
-                        activeMembership.value.access ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
-                          vue.createElementVNode("h4", _hoisted_17, vue.toDisplayString(activeMembership.value.access.title), 1),
-                          vue.createElementVNode("ul", null, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(activeMembership.value.access.list, (item, idx) => {
-                              return vue.openBlock(), vue.createElementBlock("li", {
-                                key: `access-${activeMembership.value.id}-${idx}`,
-                                class: "leading-6 flex items-top text-gray-600 mb-4"
-                              }, [
-                                vue.createElementVNode("span", _hoisted_18, [
-                                  vue.createVNode(vue.unref(Check), { class: "w-5 h-5" })
-                                ]),
-                                vue.createTextVNode(" " + vue.toDisplayString(item), 1)
-                              ]);
-                            }), 128))
-                          ])
-                        ])) : vue.createCommentVNode("", true),
-                        activeMembership.value.excludes ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
-                          vue.createElementVNode("h4", _hoisted_20, vue.toDisplayString(activeMembership.value.excludes.title), 1),
-                          vue.createElementVNode("ul", null, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(activeMembership.value.excludes.list, (item, idx) => {
-                              return vue.openBlock(), vue.createElementBlock("li", {
-                                key: `excludes-${activeMembership.value.id}-${idx}`,
-                                class: "leading-6 flex items-top text-gray-600 mb-4"
-                              }, [
-                                vue.createElementVNode("span", _hoisted_21, [
-                                  vue.createVNode(vue.unref(XIcon), { class: "w-5 h-5" })
-                                ]),
-                                vue.createTextVNode(" " + vue.toDisplayString(item), 1)
-                              ]);
-                            }), 128))
-                          ])
-                        ])) : vue.createCommentVNode("", true)
-                      ])
-                    ]),
-                    vue.createElementVNode("a", {
-                      href: activeMembership.value.url,
-                      class: vue.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"])
-                    }, [
-                      vue.createTextVNode(vue.toDisplayString(activeMembership.value.button.label) + " ", 1),
-                      vue.createElementVNode("span", _hoisted_23, [
-                        vue.createVNode(vue.unref(ArrowUpRight), { class: "w-5 h-5" })
-                      ])
-                    ], 10, _hoisted_22)
-                  ])
-                ])) : vue.createCommentVNode("", true)
-              ]),
+                      ], 8, _hoisted_25)
+                    ])
+                  ])) : vue.createCommentVNode("", true)
+                ];
+              }),
               _: 1
             })
           ])
@@ -50269,7 +50286,7 @@ ${escapeText(this.code(index, length))}
       };
     }
   };
-  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",
@@ -50321,17 +50338,18 @@ ${escapeText(this.code(index, length))}
   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: {
@@ -50374,18 +50392,18 @@ ${escapeText(this.code(index, length))}
                           return vue.createVNode(vue.unref(Star), { class: "w-5 h-5 text-yellow-100" });
                         }), 64))
                       ]),
-                      vue.createElementVNode("h3", _hoisted_5$2, vue.toDisplayString(feature.title), 1),
-                      vue.createElementVNode("p", {
-                        class: "text-gray-600",
+                      vue.createElementVNode("h3", {
+                        class: "font-semibold text-3xl leading-9",
                         innerHTML: feature.description
-                      }, null, 8, _hoisted_6$2)
+                      }, null, 8, _hoisted_5$2),
+                      vue.createElementVNode("p", _hoisted_6$2, vue.toDisplayString(feature.title), 1)
                     ]),
                     vue.createElementVNode("div", _hoisted_7$2, [
                       feature.featured_image ? (vue.openBlock(), vue.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)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_9$1))
                     ])
                   ])
@@ -50393,19 +50411,21 @@ ${escapeText(this.code(index, length))}
               }), 128))
             ], 4),
             vue.createElementVNode("footer", _hoisted_10$1, [
-              vue.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"
-              }, [
-                vue.createVNode(vue.unref(ArrowLeft), { class: "w-6 h-6 text-gray-500" })
-              ]),
-              vue.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"
-              }, [
-                vue.createVNode(vue.unref(ArrowRight), { class: "w-6 h-6 text-gray-500" })
+              vue.createElementVNode("div", _hoisted_11$1, [
+                vue.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"
+                }, [
+                  vue.createVNode(vue.unref(ArrowLeft), { class: "w-6 h-6 text-gray-500" })
+                ]),
+                vue.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"
+                }, [
+                  vue.createVNode(vue.unref(ArrowRight), { class: "w-6 h-6 text-gray-500" })
+                ])
               ])
             ])
           ])
@@ -50455,9 +50475,10 @@ ${escapeText(this.code(index, length))}
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.page.sections, (section, index) => {
             return vue.openBlock(), vue.createElementBlock("div", null, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(currentComponent(section)), {
+                id: `section-${index}`,
                 key: index,
                 section
-              }, null, 8, ["section"]))
+              }, null, 8, ["id", "section"]))
             ]);
           }), 256))
         ]);
@@ -50878,65 +50899,68 @@ ${escapeText(this.code(index, length))}
           vue.createElementVNode("div", _hoisted_2, [
             vue.createElementVNode("div", _hoisted_3, [
               vue.createVNode(_sfc_main$I, { title: "Description" }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_4, [
-                    vue.createElementVNode("div", _hoisted_5, [
+                default: vue.withCtx(() => {
+                  var _a, _b;
+                  return [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      vue.createElementVNode("div", _hoisted_5, [
+                        vue.createVNode(_sfc_main$P, {
+                          "is-vertical": "",
+                          field: "icon",
+                          "label-text": "Icon *",
+                          value: form.value.icon
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.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"]),
+                        vue.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: vue.withCtx(() => [
+                            vue.withDirectives(vue.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), [
+                              [vue.vModelText, form.value.title]
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["label-text", "value"])
+                      ]),
                       vue.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: vue.withCtx(() => [
-                          vue.createVNode(_sfc_main$G, {
-                            id: "icon",
-                            modelValue: form.value.icon,
-                            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.icon = $event)
+                          vue.createVNode(QuillEditor, {
+                            modelValue: form.value.description,
+                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.description = $event)
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
-                      }, 8, ["value"]),
-                      vue.createVNode(_sfc_main$P, {
-                        "is-vertical": "",
-                        field: "title",
-                        "label-text": "Title *",
-                        class: "w-full",
-                        value: form.value.title,
-                        limit: 51
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.withDirectives(vue.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), [
-                            [vue.vModelText, form.value.title]
-                          ])
-                        ]),
-                        _: 1
-                      }, 8, ["value"])
-                    ]),
-                    vue.createVNode(_sfc_main$P, {
-                      "is-vertical": "",
-                      field: "description",
-                      "label-text": "Supporting Text *",
-                      class: "w-full mb-4",
-                      value: descriptionWordCount.value,
-                      "show-count": true
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.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") ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {