@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/testimonial/testimonial-2.schema.ts

@@ -11,49 +11,40 @@ const DUMMY_ICON = {
   },
 };
 
-const MEDIA = {
-  placeholder: {
-    id: "7141014160938075687",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-      "1080w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w":
-        "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-      path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-    },
+const MEDIA_1 = {
+  id: "74dXDI5ZKCpa",
+  filename: "testimonial-2\\.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-LkpnHvjYrfCD-828w.webp 828w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_2 = {
+  id: "iPDeNfZlYmpbt",
+  filename: "testimonial-2-variant-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/testimonial-2-variant-2-R6egsNbOwq7t4-1080w.webp 1080w",
   },
-  //   openQoute: {
-  //     object: "media",
-  //     id: "9GFUqRMqQKAX",
-  //     workspace_id: "WLZ1TXTD",
-  //     filename: "“.svg",
-  //     kind: "image",
-  //     path: "WLZ1TXTD/-9GFhqRMqQKVE.svg",
-  //     location: "https://static.levocdn.com/WLZ1TXTD/-9GFhqRMqQKVE.svg",
-  //     metadata: {
-  //       etag: '"834462315a88cc87897a300e4b2f5d45"',
-  //       mimetype: "image/svg+xml",
-  //       size: 1115,
-  //     },
-  //     srcset: {},
-  //     created_at: "2025-04-27T11:33:42.633Z",
-  //     updated_at: "2025-04-27T11:33:42.633Z",
-  //     created_by: null,
-  //     updated_by: null,
-  //   },
+  mimetype: "image/png",
 };
 
 const TESTIMONIALS_CONTENT = [
@@ -65,7 +56,7 @@ const TESTIMONIALS_CONTENT = [
     icon: DUMMY_ICON,
     "testimonial-info": null,
     "author-wrapper": null,
-    cover: MEDIA?.placeholder,
+    cover: MEDIA_1,
     cover_embed: null,
     "testimonial-text":
       "Switching to this platform has completely transformed how we handle financial reporting. The automation features are intuitive and have saved our team countless hours.",
@@ -80,7 +71,7 @@ const TESTIMONIALS_CONTENT = [
     icon: DUMMY_ICON,
     "testimonial-info": null,
     "author-wrapper": null,
-    cover: MEDIA?.placeholder,
+    cover: MEDIA_1,
     cover_embed: null,
     "testimonial-text":
       "In an industry where every second counts, having real-time analytics and secure integrations has made all the difference for our clients and internal teams.",
@@ -95,7 +86,7 @@ const TESTIMONIALS_CONTENT = [
     icon: DUMMY_ICON,
     "testimonial-info": null,
     "author-wrapper": null,
-    cover: MEDIA?.placeholder,
+    cover: MEDIA_1,
     cover_embed: null,
     "testimonial-text":
       "The platform's ability to scale with our growth while maintaining transparency across all financial touchpoints is simply unmatched.",
@@ -110,7 +101,7 @@ const TESTIMONIALS_CONTENT = [
     icon: DUMMY_ICON,
     "testimonial-info": null,
     "author-wrapper": null,
-    cover: MEDIA?.placeholder,
+    cover: MEDIA_1,
     cover_embed: null,
     "testimonial-text":
       "We've seen a 30% improvement in financial process efficiency since adopting this tool. Its collaborative dashboards and user-friendly design stand out.",
@@ -126,128 +117,36 @@ const DEFAULT_CONTENT = {
   "header-content": null,
   "badge-container": null,
   "badge-text": "Beta Review",
+  "text-container": null,
   title: "Loved by Industrial People",
+  description:
+    "Loved by Industrial People Loved by Industrial People Loved by Industrial People Loved by Industrial People Loved by Industrial People ",
   testimonials: TESTIMONIALS_CONTENT,
   "carousel-navigation": null,
   "carousel-navigation-pill": null,
   title_two: " ",
 };
-
-export type ITestimonial2Content = typeof DEFAULT_CONTENT;
-
-const TESTIMONIAL_STYLE = {
-  testimonial: {
-    display: "flex",
-    "box-shadow": "default",
-    "border-radius": "base",
-    "align-items": "stretch",
-    overflow: "hidden",
-    tablet: {
-      "flex-direction": "column",
-    },
-  },
-  "cover-container": {
-    "max-width": "45%",
-    tablet: {
-      "max-width": "100%",
-    },
-  },
-  cover: {
-    height: "100%",
-    width: "100%",
-    "object-fit": "cover",
-    tablet: {
-      "max-width": "100%",
-    },
-  },
-  cover_embed: {},
-  "testimonial-content-wrapper": {
-    display: "flex",
-    flex: "1",
-    "align-items": "center",
-    "row-gap": "7xl",
-    "column-gap": "7xl",
-    "border-top-right-radius": "3xl",
-    "border-bottom-right-radius": "3xl",
-    padding: "7xl",
-    tablet: {
-      flex: "unset",
-      padding: "4xl",
-      "border-top-right-radius": "0",
-      "border-bottom-left-radius": "3xl",
-      "border-bottom-right-radius": "3xl",
-    },
-    mobile: {
-      padding: "lg",
-    },
-  },
-  "testimonial-content": {
-    display: "flex",
-    flex: "1",
-    "align-items": "flex-start",
-    "row-gap": "xl",
-    "column-gap": "xl",
-    mobile: {
-      "column-gap": "sm",
-    },
-  },
-  icon: {
-    height: "auto",
-    width: "40px",
-    tablet: {
-      height: "auto",
-      width: "28px",
-    },
-    mobile: {
-      height: "auto",
-      width: "20px",
-    },
-  },
-  "testimonial-info": {
-    display: "flex",
-    flex: "1",
-    "flex-direction": "column",
-    "row-gap": "7xl",
-    tablet: {
-      "row-gap": "xl",
-    },
-  },
-  "testimonial-text": {
-    color: "var(--color-text-1)",
-    "font-size": "3xl",
-    "font-weight": "semibold",
-    tablet: {
-      "font-size": "2xl",
-    },
-    mobile: {
-      "font-size": "lg",
-    },
-  },
-  "author-wrapper": {
-    display: "flex",
-    "flex-direction": "column",
-    "row-gap": "4xs",
-  },
-  "author-name": {
-    color: "var(--color-text-1)",
-    "font-size": "2xl",
-    "font-weight": "bold",
-    mobile: {
-      "font-size": "lg",
-    },
-  },
-  "author-position": {
-    color: "var(--color-text-2)",
-    "font-size": "base",
-    mobile: {
-      "font-size": "sm",
-    },
-  },
+const DEFAULT_CONTENT_VARIANT_2 = {
+  layout: null,
+  container: null,
+  header: null,
+  "header-content": null,
+  "badge-container": null,
+  "badge-text": "Beta Review",
+  "text-container": null,
+  title: "Loved by Industrial People",
+  description:
+    "Loved by Industrial People Loved by Industrial People Loved by Industrial People Loved by Industrial People Loved by Industrial People ",
+  testimonials: TESTIMONIALS_CONTENT.map((v) => ({
+    ...v,
+    cover: MEDIA_2,
+  })),
+  "carousel-navigation": null,
+  "carousel-navigation-pill": null,
+  title_two: " ",
 };
 
-const TESTIMONIALS_STYLES = Array(4)
-  ?.fill(0)
-  ?.map((_) => TESTIMONIAL_STYLE);
+export type ITestimonial2Content = typeof DEFAULT_CONTENT;
 
 export const Testimonial2: IBlock = {
   category_id: "testimonial",
@@ -313,6 +212,15 @@ export const Testimonial2: IBlock = {
         max_characters: 18,
       },
     },
+    {
+      key: "text-container",
+      label: "Text Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the block header elements, such as the badge and main title, providing spacing and alignment.",
+      },
+    },
     {
       key: "title",
       label: "Title",
@@ -324,6 +232,11 @@ export const Testimonial2: IBlock = {
         max_characters: 45,
       },
     },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+    },
     {
       key: "carousel-navigation-top-container",
       label: "Carousel Navigation Top Container",
@@ -503,34 +416,15 @@ export const Testimonial2: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "10xl",
-          "padding-bottom": "10xl",
-          "padding-right": "8xl",
-          "padding-left": "8xl",
-          "media:max:768px": {
-            "padding-top": "5xl",
-            "padding-bottom": "5xl",
-            "padding-right": "5xl",
-            "padding-left": "5xl",
-          },
-          "media:max:480px": {
-            "padding-top": "2xl",
-            "padding-bottom": "2xl",
-            "padding-right": "2xl",
-            "padding-left": "2xl",
-          },
-        },
+        layout: {},
         container: {
-          width: "100%",
           display: "flex",
           "flex-direction": "column",
           "row-gap": "7xl",
-          "media:max:768px": {
+          tablet: {
             "row-gap": "3xl",
           },
-          "media:max:480px": {
+          mobile: {
             "row-gap": "4xl",
           },
         },
@@ -559,7 +453,7 @@ export const Testimonial2: IBlock = {
           "column-gap": "2xs",
         },
         "badge-container": {
-          "border-radius": "20px",
+          "border-radius": "2xl",
           "background-color": "brandSecondary",
           "padding-left": "lg",
           "padding-right": "lg",
@@ -567,21 +461,10 @@ export const Testimonial2: IBlock = {
           "padding-bottom": "4xs",
         },
         "badge-text": {
-          "font-size": "base",
-          "line-height": 1.625,
           "font-weight": 500,
-          mobile: {
-            "font-size": "sm",
-          },
-        },
-        title: {
-          "font-size": "4xl",
-          "line-height": 1.625,
-          "font-weight": 700,
-          mobile: {
-            "font-size": "2xl",
-          },
+          color: "brandSecondaryForeground",
         },
+        title: {},
         title_two: {
           display: "none",
         },
@@ -619,197 +502,1276 @@ export const Testimonial2: IBlock = {
         testimonials_levoGroup: {
           number_of_slides: 1,
         },
-        testimonials: TESTIMONIALS_STYLES,
-      },
-      content: DEFAULT_CONTENT,
-      config: {
-        testimonials_levoGroup: {
-          carousel: {
-            loop: true,
-          },
-        },
-      },
-    },
-    {
-      title: "Bottom Navigation",
-      key: "bottom-navigation",
-      styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "10xl",
-          "padding-bottom": "10xl",
-          "padding-right": "8xl",
-          "padding-left": "8xl",
-          "media:max:768px": {
-            "padding-top": "5xl",
-            "padding-bottom": "5xl",
-            "padding-right": "5xl",
-            "padding-left": "5xl",
-          },
-          "media:max:480px": {
-            "padding-top": "2xl",
-            "padding-bottom": "2xl",
-            "padding-right": "2xl",
-            "padding-left": "2xl",
-          },
-        },
-        container: {
-          width: "100%",
-          display: "flex",
-          "flex-direction": "column",
-          "row-gap": "7xl",
-          "media:max:768px": {
-            "row-gap": "3xl",
-          },
-          "media:max:480px": {
-            "row-gap": "4xl",
-          },
-        },
-        header: {
-          position: "relative",
-          display: "flex",
-          width: "100%",
-          "align-items": "center",
-          "row-gap": "2xs",
-          "column-gap": "2xs",
-          mobile: {
-            "flex-direction": "column",
-            "row-gap": "md",
-          },
-        },
-        "header-content": {
-          display: "flex",
-          flex: "1",
-          "flex-direction": "column",
-          "align-items": "center",
-          "justify-content": "center",
-          "row-gap": "2xs",
-          "column-gap": "2xs",
-        },
-        "badge-container": {
-          "border-radius": "20px",
-          "background-color": "brandSecondary",
-          "padding-left": "lg",
-          "padding-right": "lg",
-          "padding-top": "4xs",
-          "padding-bottom": "4xs",
-        },
-        "badge-text": {
-          "font-size": "base",
-          "line-height": 1.625,
-          "font-weight": 500,
-          mobile: {
-            "font-size": "sm",
-          },
-        },
-        title: {
-          "font-size": "4xl",
-          "line-height": 1.625,
-          "font-weight": 700,
-          mobile: {
-            "font-size": "2xl",
-          },
-        },
-        "carousel-navigation-top-container": {
-          display: "none",
-        },
-        "carousel-navigation-bottom-container": {
-          display: "flex",
-          "justify-content": "center",
-          "margin-top": "base",
-        },
-        "carousel-navigation": {
-          display: "flex",
-          "column-gap": "2xs",
-          "align-items": "center",
-        },
-        "carousel-navigation-pill": {
-          width: "8px",
-          height: "8px",
-          "border-radius": "8px",
-          "background-color": "brandSecondary",
-        },
-        testimonials_levoGroup: {
-          number_of_slides: 1,
-        },
-        testimonials: Array(4)
-          ?.fill(0)
-          ?.map((_) => ({
-            ...TESTIMONIAL_STYLE,
+        testimonials: [
+          {
             testimonial: {
-              ...TESTIMONIAL_STYLE["testimonial"],
-              border: "1px solid",
-              "border-color": "var(--color-border)",
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
             },
+            cover_embed: {},
             "testimonial-content-wrapper": {
-              ...TESTIMONIAL_STYLE["testimonial-content-wrapper"],
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
               "row-gap": "7xl",
               "column-gap": "7xl",
-              padding: "9xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
               tablet: {
-                ...TESTIMONIAL_STYLE["testimonial-content-wrapper"]["tablet"],
+                flex: "unset",
                 padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
               },
               mobile: {
-                ...TESTIMONIAL_STYLE["testimonial-content-wrapper"]["mobile"],
                 padding: "lg",
               },
             },
-            "cover-container": {
-              ...TESTIMONIAL_STYLE["cover-container"],
-              "max-width": "571px",
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
             },
-            cover: {
-              ...TESTIMONIAL_STYLE["cover"],
-              "max-width": "571px",
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
             },
             "testimonial-info": {
-              ...TESTIMONIAL_STYLE["testimonial-info"],
-              "row-gap": "3xl",
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
               tablet: {
-                ...TESTIMONIAL_STYLE["testimonial-info"]["tablet"],
-                "row-gap": "3xl",
+                "row-gap": "xl",
               },
             },
             "testimonial-text": {
-              ...TESTIMONIAL_STYLE["testimonial-text"],
-              "font-size": "xl",
-              "font-weight": "bold",
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
               tablet: {
-                "font-size": "xl",
+                height: "auto",
+                width: "28px",
               },
               mobile: {
-                "font-size": "base",
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
+              tablet: {
+                "row-gap": "xl",
               },
             },
+            "testimonial-text": {
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
             "author-wrapper": {
-              ...TESTIMONIAL_STYLE["author-wrapper"],
-              "row-gap": "5xs",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
             },
             "author-name": {
-              ...TESTIMONIAL_STYLE["author-name"],
-              "font-size": "lg",
-              "font-weight": "bold",
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
               mobile: {
-                "font-size": "base",
+                padding: "lg",
               },
             },
-            "author-position": {
-              ...TESTIMONIAL_STYLE["author-position"],
-              "font-size": "sm",
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
               mobile: {
-                "font-size": "sm",
+                "column-gap": "sm",
               },
             },
-          })),
-      },
-      content: DEFAULT_CONTENT,
-      config: {
-        testimonials_levoGroup: {
-          carousel: {
-            loop: true,
-          },
-        },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
+              tablet: {
+                "row-gap": "xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
+              tablet: {
+                "row-gap": "xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
+              tablet: {
+                "row-gap": "xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
+              tablet: {
+                "row-gap": "xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "cover-container": {
+              "max-width": "45%",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "7xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "7xl",
+              tablet: {
+                "row-gap": "xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+              "font-size": "2xl",
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "4xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        testimonials_levoGroup: {
+          carousel: {
+            loop: true,
+          },
+        },
+        "badge-text": {
+          selectedVariants: {
+            Typography_Variants: "Body",
+          },
+        },
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        testimonials: [
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            "author-position": {
+              selectedVariants: {},
+            },
+          },
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+          },
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+          },
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+          },
+        ],
+      },
+    },
+    {
+      title: "Bottom Navigation",
+      key: "bottom-navigation",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "7xl",
+          tablet: {
+            "row-gap": "3xl",
+          },
+          mobile: {
+            "row-gap": "4xl",
+          },
+        },
+        header: {
+          position: "relative",
+          display: "flex",
+          width: "100%",
+          "align-items": "center",
+          "row-gap": "2xs",
+          "column-gap": "2xs",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "md",
+          },
+        },
+        "header-content": {
+          display: "flex",
+          flex: "1",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "row-gap": "2xs",
+          "column-gap": "2xs",
+        },
+        "badge-container": {
+          "border-radius": "2xl",
+          "background-color": "brandSecondary",
+          "padding-left": "lg",
+          "padding-right": "lg",
+          "padding-top": "4xs",
+          "padding-bottom": "4xs",
+        },
+        "badge-text": {
+          color: "brandSecondaryForeground",
+          "font-weight": 500,
+        },
+        title: {
+          "text-align": "center",
+        },
+        "carousel-navigation-top-container": {
+          display: "none",
+        },
+        "carousel-navigation-bottom-container": {
+          display: "flex",
+          "justify-content": "center",
+          "margin-top": "base",
+        },
+        "carousel-navigation": {
+          display: "flex",
+          "column-gap": "2xs",
+          "align-items": "center",
+        },
+        "carousel-navigation-pill": {
+          width: "8px",
+          height: "8px",
+          "border-radius": "8px",
+          "background-color": "brandSecondary",
+        },
+        testimonials_levoGroup: {
+          number_of_slides: 1,
+        },
+        testimonials: [
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+            },
+            "cover-container": {
+              "max-width": "571px",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+              "max-width": "571px",
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "9xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "3xl",
+              tablet: {
+                "row-gap": "3xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "5xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+            },
+            "cover-container": {
+              "max-width": "571px",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+              "max-width": "571px",
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "9xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "3xl",
+              tablet: {
+                "row-gap": "3xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "5xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+            },
+            "cover-container": {
+              "max-width": "571px",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+              "max-width": "571px",
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "9xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "3xl",
+              tablet: {
+                "row-gap": "3xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "5xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+          {
+            testimonial: {
+              display: "flex",
+              "box-shadow": "default",
+              "border-radius": "base",
+              "align-items": "stretch",
+              overflow: "hidden",
+              tablet: {
+                "flex-direction": "column",
+              },
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+            },
+            "cover-container": {
+              "max-width": "571px",
+              tablet: {
+                "max-width": "100%",
+              },
+            },
+            cover: {
+              height: "100%",
+              width: "100%",
+              "object-fit": "cover",
+              tablet: {
+                "max-width": "100%",
+              },
+              "max-width": "571px",
+            },
+            cover_embed: {},
+            "testimonial-content-wrapper": {
+              display: "flex",
+              flex: "1",
+              "align-items": "center",
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              "border-top-right-radius": "3xl",
+              "border-bottom-right-radius": "3xl",
+              padding: "9xl",
+              tablet: {
+                flex: "unset",
+                padding: "4xl",
+                "border-top-right-radius": "0",
+                "border-bottom-left-radius": "3xl",
+                "border-bottom-right-radius": "3xl",
+              },
+              mobile: {
+                padding: "lg",
+              },
+            },
+            "testimonial-content": {
+              display: "flex",
+              flex: "1",
+              "align-items": "flex-start",
+              "row-gap": "xl",
+              "column-gap": "xl",
+              mobile: {
+                "column-gap": "sm",
+              },
+            },
+            icon: {
+              height: "auto",
+              width: "40px",
+              tablet: {
+                height: "auto",
+                width: "28px",
+              },
+              mobile: {
+                height: "auto",
+                width: "20px",
+              },
+            },
+            "testimonial-info": {
+              display: "flex",
+              flex: "1",
+              "flex-direction": "column",
+              "row-gap": "3xl",
+              tablet: {
+                "row-gap": "3xl",
+              },
+            },
+            "testimonial-text": {
+              "font-weight": 600,
+            },
+            "author-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "5xs",
+            },
+            "author-name": {
+              "font-weight": 700,
+            },
+            "author-position": {},
+          },
+        ],
+        description: {
+          "text-align": "center",
+        },
+      },
+      content: DEFAULT_CONTENT_VARIANT_2,
+      config: {
+        testimonials_levoGroup: {
+          carousel: {
+            loop: true,
+          },
+        },
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        testimonials: [
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            "author-position": {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            "author-position": {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            "author-position": {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            "testimonial-text": {
+              selectedVariants: {
+                Typography_Variants: "Lead",
+              },
+            },
+            "author-name": {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            "author-position": {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+        ],
       },
     },
   ],