@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,96 +1,255 @@
 import type { IBlock } from "@levo-so/studio";
 
-// Extract image object into a constant for reusability
-const CLIENT_IMAGE = {
-  id: "moxjZ3I3wRz93",
-  filename: "testimonial-3.png",
+const IMG_1 = {
+  id: "7453466604275339897",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s.png",
+  location: "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/testimonial-3-try8SJ6V5hI6s-1920w.webp 1920w",
+    "320w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/36733296/pexels-photo-36733296.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const IMG_2 = {
+  id: "7453466604275215569",
+  kind: "image",
+  location: "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/8424885/pexels-photo-8424885.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const IMG_3 = {
+  id: "7453466620030341764",
+  kind: "image",
+  location: "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg",
+  mimetype: "image/jpeg",
+  srcset: {
+    "320w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/7983621/pexels-photo-7983621.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
+  },
+};
+
+const ARROW_LEFT_ICON = {
+  kind: "icon",
+  data: {
+    id: "arrow-left",
+    label: "Arrow Left",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
+  },
+};
+
+const ARROW_RIGHT_ICON = {
+  kind: "icon",
+  data: {
+    id: "arrow-right-1",
+    label: "Arrow Right 1",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
   },
-  mimetype: "image/png",
 };
 
-// Array of testimonials content
 const TESTIMONIALS_CONTENT = [
   {
     testimonial_wrapper: null,
     testimonial_content: null,
     author_box: null,
-    author_name: "Jeni Smith",
-    author_role: "Head of Operations, Shark Ltd.",
+    author_name: "Marcus Chen",
+    author_role: "Head of Payments, Northwind Neobank",
     testimonial_text:
-      "AI-powered solutions transformed our website! The team's expertise in web development and AI-driven automation helped us build a fast, intuitive, and scalable platform. Our user engagement has skyrocketed, and the seamless AI integrations have made a real impact. Highly recommended!",
+      "Our auth rates lifted 3.1% within the first billing cycle after rolling out the new 3DS flow. Settlement now lands in a single T+1 window, and reconciliation against our ledger finally runs clean every morning.",
     testimonial_controls: null,
     image_box: null,
-    client_image: CLIENT_IMAGE,
+    client_image: IMG_1,
   },
   {
     testimonial_wrapper: null,
     testimonial_content: null,
     author_box: null,
-    author_name: "Mike Johnson",
-    author_role: "CTO, Tech Innovations Inc.",
+    author_name: "Priya Raman",
+    author_role: "CFO, Quorum B2B Payments",
     testimonial_text:
-      "The development team exceeded our expectations with their innovative approach to AI integration. Our platform's performance improved dramatically, and the user experience is now seamless across all devices.",
+      "Chargeback volume dropped 42% after we layered their risk signals on top of Plaid balance checks. The tokenization model keeps us in PCI DSS Level 1 scope without dragging every microservice in with us.",
     testimonial_controls: null,
     image_box: null,
-    client_image: CLIENT_IMAGE,
+    client_image: IMG_2,
   },
   {
     testimonial_wrapper: null,
     testimonial_content: null,
     author_box: null,
-    author_name: "Sarah Williams",
-    author_role: "Product Manager, Digital Solutions Co.",
+    author_name: "Daniel Okafor",
+    author_role: "VP Engineering, Vault Crypto Custody",
     testimonial_text:
-      "Working with this team was a game-changer for our business. The AI-powered features they implemented have streamlined our operations and significantly improved our customer satisfaction rates.",
+      "KYC onboarding dropped from eleven minutes to ninety seconds for the median customer. The double-entry ledger primitives let us close books on fiat and crypto legs against the same event stream — an order of magnitude less audit pain.",
     testimonial_controls: null,
     image_box: null,
-    client_image: CLIENT_IMAGE,
+    client_image: IMG_3,
   },
 ];
 
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
-  title: "What Our Clients Say",
+  header: null,
+  title: "Trusted by payments teams",
   description:
-    "What Our Clients Say What Our Clients Say What Our Clients Say What Our Clients Say What Our Clients Say",
+    "How fintech operators moved money faster, lifted auth rates, and kept PCI scope tight with the platform.",
   button_prev: " ",
   button_next: " ",
   testimonials: TESTIMONIALS_CONTENT,
-  button_prev_leftIcon: {
-    kind: "icon",
-    data: {
-      id: "arrow-left",
-      label: "Arrow Left",
-      tags: ["arrow", "custom", "directional", "left"],
-      svgCode:
-        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
+  button_prev_leftIcon: ARROW_LEFT_ICON,
+  button_next_rightIcon: ARROW_RIGHT_ICON,
+};
+
+export type ITestimonial3Content = typeof DEFAULT_CONTENT;
+
+const TESTIMONIALS_CONFIG = [
+  {
+    testimonial_text: {
+      selectedVariants: {
+        Typography_Variants: "Lead",
+      },
+    },
+    author_role: {
+      selectedVariants: {
+        Typography_Variants: "Small",
+      },
+    },
+    author_name: {
+      heading: {
+        level: "4",
+      },
+      selectedVariants: {
+        Heading_Level: "H5",
+      },
     },
   },
-  button_next_rightIcon: {
-    kind: "icon",
-    data: {
-      id: "arrow-right-1",
-      label: "Arrow Right 1",
-      tags: ["arrow", "custom", "directional", "right"],
-      svgCode:
-        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
+  {
+    testimonial_text: {
+      selectedVariants: {
+        Typography_Variants: "Lead",
+      },
+    },
+    author_role: {
+      selectedVariants: {
+        Typography_Variants: "Small",
+      },
+    },
+    author_name: {
+      heading: {
+        level: "4",
+      },
+      selectedVariants: {
+        Heading_Level: "H5",
+      },
     },
   },
+  {
+    testimonial_text: {
+      selectedVariants: {
+        Typography_Variants: "Lead",
+      },
+    },
+    author_role: {
+      selectedVariants: {
+        Typography_Variants: "Small",
+      },
+    },
+    author_name: {
+      heading: {
+        level: "4",
+      },
+      selectedVariants: {
+        Heading_Level: "H5",
+      },
+    },
+  },
+];
+
+const NAV_BTN_STYLE = {
+  width: "40px",
+  height: "40px",
+  padding: "0",
+  "border-radius": "50%",
+  display: "inline-flex",
+  "align-items": "center",
+  "justify-content": "center",
+  "flex-shrink": "0",
 };
 
-export type ITestimonial3Content = typeof DEFAULT_CONTENT;
+const NAV_ICON_STYLE = {
+  width: "16px",
+  height: "16px",
+  "font-size": "16px",
+  color: "white",
+};
+
+const BASE_CONFIG = {
+  button_prev: {
+    button_icons: {
+      left: {
+        enabled: true,
+      },
+    },
+  },
+  button_next: {
+    button_icons: {
+      right: {
+        enabled: true,
+      },
+    },
+  },
+  title: {
+    selectedVariants: {
+      Heading_Level: "H2",
+    },
+  },
+  testimonials: TESTIMONIALS_CONFIG,
+};
 
 export const Testimonial3: IBlock = {
   category_id: "testimonial",
@@ -188,222 +347,408 @@ export const Testimonial3: IBlock = {
   ],
   layouts: [
     {
-      key: "default",
-      title: "Default",
+      key: "centered",
+      title: "Centered",
       styles: {
-        container: {},
+        container: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
         title: {
-          tablet: {
+          "text-align": "center",
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "640px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        testimonials_levoGroupItem: {
+          testimonial_wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            gap: "xl",
+            width: "100%",
+            height: "100%",
+          },
+          testimonial_content: {
             "text-align": "center",
+            "max-width": "640px",
+            width: "100%",
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            order: "2",
+          },
+          author_box: {
+            "margin-bottom": "lg",
+            "text-align": "center",
+          },
+          author_name: {
+            "font-weight": 600,
+            "margin-bottom": "4xs",
+          },
+          author_role: {},
+          testimonial_text: {
+            "margin-bottom": "2xl",
+          },
+          testimonial_controls: {
+            display: "flex",
+            gap: "base",
+            "justify-content": "center",
+            "margin-top": "auto",
+          },
+          image_box: {
+            display: "flex",
+            "justify-content": "center",
+            order: "1",
+          },
+          client_image: {
+            height: "6rem",
+            width: "6rem",
+            "object-fit": "cover",
+            "border-radius": "50%",
+            "aspect-ratio": "1 / 1",
           },
         },
-        testimonials: [
-          {
-            testimonial_wrapper: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "10xl",
-              mobile: {
-                "flex-direction": "column",
-              },
-            },
-            testimonial_content: {
-              flex: "1 1 0%",
-            },
-            author_box: {
-              "margin-bottom": "6xl",
-            },
-            author_name: {
-              "font-weight": 600,
-              "margin-bottom": "4xs",
-            },
-            author_role: {},
-            testimonial_text: {
-              "margin-bottom": "8xl",
-            },
-            testimonial_controls: {
-              display: "flex",
-              gap: "base",
-            },
-            image_box: {
-              flex: "1 1 0%",
-              display: "flex",
-              "justify-content": "center",
-            },
-            client_image: {
-              height: "18rem",
-              "object-fit": "cover",
-              "border-radius": "base",
+        testimonials: [{}, {}, {}],
+        button_prev: { ...NAV_BTN_STYLE },
+        button_next: { ...NAV_BTN_STYLE },
+        button_prev_leftIcon: { ...NAV_ICON_STYLE },
+        button_next_rightIcon: { ...NAV_ICON_STYLE },
+        header: {
+          "margin-bottom": "3xl",
+          "text-align": "center",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          gap: "base",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: BASE_CONFIG,
+    },
+    {
+      key: "image_left",
+      title: "Image Left",
+      styles: {
+        container: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        title: {},
+        description: {
+          "max-width": "640px",
+        },
+        testimonials_levoGroupItem: {
+          testimonial_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "5xl",
+            mobile: {
+              "flex-direction": "column",
             },
           },
-          {
-            testimonial_wrapper: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "10xl",
-              mobile: {
-                "flex-direction": "column",
-              },
-            },
-            testimonial_content: {
-              flex: "1 1 0%",
-            },
-            author_box: {
-              "margin-bottom": "6xl",
-            },
-            author_name: {
-              "font-weight": 600,
-              "margin-bottom": "4xs",
-            },
-            author_role: {},
-            testimonial_text: {
-              "margin-bottom": "8xl",
-            },
-            testimonial_controls: {
-              display: "flex",
-              gap: "base",
-            },
-            image_box: {
-              flex: "1 1 0%",
-              display: "flex",
-              "justify-content": "center",
-            },
-            client_image: {
-              height: "18rem",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
+          testimonial_content: {
+            flex: "1 1 0%",
+            order: "2",
+            display: "flex",
+            "flex-direction": "column",
           },
-          {
-            testimonial_wrapper: {
-              display: "flex",
-              "flex-direction": "row",
-              "align-items": "center",
-              gap: "10xl",
-              mobile: {
-                "flex-direction": "column",
-              },
-            },
-            testimonial_content: {
-              flex: "1 1 0%",
-            },
-            author_box: {
-              "margin-bottom": "6xl",
-            },
-            author_name: {
-              "font-weight": 600,
-              "margin-bottom": "4xs",
-            },
-            author_role: {},
-            testimonial_text: {
-              "margin-bottom": "8xl",
-            },
-            testimonial_controls: {
-              display: "flex",
-              gap: "base",
-            },
-            image_box: {
-              flex: "1 1 0%",
-              display: "flex",
-              "justify-content": "center",
-            },
-            client_image: {
-              height: "18rem",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
+          author_box: {
+            "margin-bottom": "2xl",
+          },
+          author_name: {
+            "font-weight": 600,
+            "margin-bottom": "4xs",
+          },
+          author_role: {},
+          testimonial_text: {
+            "margin-bottom": "3xl",
           },
-        ],
+          testimonial_controls: {
+            display: "flex",
+            gap: "base",
+            "margin-top": "auto",
+          },
+          image_box: {
+            flex: "1 1 0%",
+            display: "flex",
+            "justify-content": "center",
+            order: "1",
+          },
+          client_image: {
+            height: "22rem",
+            width: "100%",
+            "object-fit": "cover",
+            "border-radius": "lg",
+            "aspect-ratio": "4 / 5",
+          },
+        },
+        testimonials: [{}, {}, {}],
+        button_prev: { ...NAV_BTN_STYLE },
+        button_next: { ...NAV_BTN_STYLE },
+        button_prev_leftIcon: { ...NAV_ICON_STYLE },
+        button_next_rightIcon: { ...NAV_ICON_STYLE },
         header: {
-          "margin-bottom": "5xl",
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          gap: "base",
         },
       },
       content: DEFAULT_CONTENT,
-      config: {
-        button_prev: {
-          button_icons: {
-            left: {
-              enabled: true,
-            },
+      config: BASE_CONFIG,
+    },
+    {
+      key: "compact",
+      title: "Compact",
+      styles: {
+        container: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        title: {
+          tablet: {
+            "text-align": "center",
           },
         },
-        button_next: {
-          button_icons: {
-            right: {
-              enabled: true,
+        description: {
+          "max-width": "640px",
+          tablet: {
+            "text-align": "center",
+            "margin-left": "auto",
+            "margin-right": "auto",
+          },
+        },
+        testimonials_levoGroupItem: {
+          testimonial_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "3xl",
+            mobile: {
+              "flex-direction": "column",
             },
           },
+          testimonial_content: {
+            flex: "1 1 0%",
+            display: "flex",
+            "flex-direction": "column",
+          },
+          author_box: {
+            "margin-bottom": "base",
+          },
+          author_name: {
+            "font-weight": 600,
+            "margin-bottom": "4xs",
+          },
+          author_role: {},
+          testimonial_text: {
+            "margin-bottom": "2xl",
+          },
+          testimonial_controls: {
+            display: "flex",
+            gap: "base",
+            "margin-top": "auto",
+          },
+          image_box: {
+            flex: "0 0 auto",
+            display: "flex",
+            "justify-content": "center",
+          },
+          client_image: {
+            height: "12rem",
+            width: "12rem",
+            "object-fit": "cover",
+            "border-radius": "lg",
+            "aspect-ratio": "1 / 1",
+          },
+        },
+        testimonials: [{}, {}, {}],
+        button_prev: { ...NAV_BTN_STYLE },
+        button_next: { ...NAV_BTN_STYLE },
+        button_prev_leftIcon: { ...NAV_ICON_STYLE },
+        button_next_rightIcon: { ...NAV_ICON_STYLE },
+        header: {
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          gap: "base",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: BASE_CONFIG,
+    },
+    {
+      key: "card",
+      title: "Card",
+      styles: {
+        container: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
         },
         title: {
-          selectedVariants: {
-            Heading_Level: "H2",
+          tablet: {
+            "text-align": "center",
           },
         },
-        testimonials: [
-          {
-            testimonial_text: {
-              selectedVariants: {
-                Typography_Variants: "Lead",
-              },
-            },
-            author_role: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            author_name: {
-              heading: {
-                level: "4",
-              },
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
-            },
+        description: {
+          "max-width": "640px",
+          tablet: {
+            "text-align": "center",
+            "margin-left": "auto",
+            "margin-right": "auto",
           },
-          {
-            author_role: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            testimonial_text: {
-              selectedVariants: {
-                Typography_Variants: "Lead",
-              },
-            },
-            author_name: {
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
-              heading: {
-                level: "4",
-              },
+        },
+        testimonials_levoGroupItem: {
+          testimonial_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "4xl",
+            "border-radius": "lg",
+            "box-shadow": "default",
+            "border-color": "border",
+            "border-width": "1px",
+            padding: "2xl",
+            height: "100%",
+            "background-color": "card",
+            mobile: {
+              "flex-direction": "column",
+              padding: "xl",
             },
           },
-          {
-            author_role: {
-              selectedVariants: {
-                Typography_Variants: "Small",
-              },
-            },
-            testimonial_text: {
-              selectedVariants: {
-                Typography_Variants: "Lead",
-              },
-            },
-            author_name: {
-              selectedVariants: {
-                Heading_Level: "H5",
-              },
-              heading: {
-                level: "4",
-              },
+          testimonial_content: {
+            flex: "1 1 0%",
+            display: "flex",
+            "flex-direction": "column",
+          },
+          author_box: {
+            "margin-bottom": "2xl",
+          },
+          author_name: {
+            "font-weight": 600,
+            "margin-bottom": "4xs",
+          },
+          author_role: {},
+          testimonial_text: {
+            "margin-bottom": "3xl",
+          },
+          testimonial_controls: {
+            display: "flex",
+            gap: "base",
+            "margin-top": "auto",
+          },
+          image_box: {
+            flex: "1 1 0%",
+            display: "flex",
+            "justify-content": "center",
+          },
+          client_image: {
+            height: "20rem",
+            width: "100%",
+            "object-fit": "cover",
+            "border-radius": "base",
+            "aspect-ratio": "4 / 5",
+          },
+        },
+        testimonials: [{}, {}, {}],
+        button_prev: { ...NAV_BTN_STYLE },
+        button_next: { ...NAV_BTN_STYLE },
+        button_prev_leftIcon: { ...NAV_ICON_STYLE },
+        button_next_rightIcon: { ...NAV_ICON_STYLE },
+        header: {
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          gap: "base",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: BASE_CONFIG,
+    },
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        container: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        title: {
+          tablet: {
+            "text-align": "center",
+          },
+        },
+        description: {
+          "max-width": "640px",
+          tablet: {
+            "text-align": "center",
+            "margin-left": "auto",
+            "margin-right": "auto",
+          },
+        },
+        testimonials_levoGroupItem: {
+          testimonial_wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            gap: "5xl",
+            mobile: {
+              "flex-direction": "column",
             },
           },
-        ],
+          testimonial_content: {
+            flex: "1 1 0%",
+            display: "flex",
+            "flex-direction": "column",
+          },
+          author_box: {
+            "margin-bottom": "2xl",
+          },
+          author_name: {
+            "font-weight": 600,
+            "margin-bottom": "4xs",
+          },
+          author_role: {},
+          testimonial_text: {
+            "margin-bottom": "3xl",
+          },
+          testimonial_controls: {
+            display: "flex",
+            gap: "base",
+            "margin-top": "auto",
+          },
+          image_box: {
+            flex: "1 1 0%",
+            display: "flex",
+            "justify-content": "center",
+          },
+          client_image: {
+            height: "22rem",
+            width: "100%",
+            "object-fit": "cover",
+            "border-radius": "lg",
+            "aspect-ratio": "4 / 5",
+          },
+        },
+        testimonials: [{}, {}, {}],
+        button_prev: { ...NAV_BTN_STYLE },
+        button_next: { ...NAV_BTN_STYLE },
+        button_prev_leftIcon: { ...NAV_ICON_STYLE },
+        button_next_rightIcon: { ...NAV_ICON_STYLE },
+        header: {
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          gap: "base",
+        },
       },
+      content: DEFAULT_CONTENT,
+      config: BASE_CONFIG,
     },
   ],
 };