@levo-so/blocks 0.1.1 → 0.1.52

package/src/blocks/testimonial/testimonial-5/variants/testimonialWithLogo.ts

@@ -0,0 +1,887 @@
+import type { IBlockLayouts } from "@levo-so/studio";
+
+const TESTIMONIAL_WITH_LOGO = {
+  layout: null,
+  container: null,
+  header: null,
+  textWrapper: null,
+  title: "What Our Clients Say",
+  description:
+    "Hear from industry leaders about their experience with our innovative supply chain solutions.",
+  testimonials: [
+    {
+      card: null,
+      profileSection: null,
+      avatar: {
+        kind: "icon",
+        data: {
+          id: "user",
+          label: "User",
+          tags: ["custom", "user", "users"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      clientInfo: null,
+      name: "John Smith",
+      position: "Director, Global Supply Chain",
+      quote:
+        "<p>“The use of the Oracle NetSuite ERP in the cloud is very successful. It allows us to have management reports which are available in real-time which is necessary for us to make good business decisions that are essential for our growth and profitability.”</p>",
+      stars: [],
+      org_logo: {
+        kind: "custom",
+        data: {
+          id: "JtadEUC8EngX",
+          filename: "image.png",
+          kind: "image",
+          location:
+            "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT.png",
+          srcset: {
+            "1080w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp",
+            "1200w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp",
+            "1920w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp",
+            "320w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp",
+            "640w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp",
+            "750w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp",
+            "828w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp",
+            path: "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp 1200w",
+          },
+          mimetype: "image/png",
+        },
+      },
+    },
+    {
+      card: null,
+      profileSection: null,
+      avatar: {
+        kind: "icon",
+        data: {
+          id: "user",
+          label: "User",
+          tags: ["custom", "user", "users"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      clientInfo: null,
+      name: "John Smith",
+      position: "Director, Global Supply Chain",
+      quote:
+        "<p>“The use of the Oracle NetSuite ERP in the cloud is very successful. It allows us to have management reports which are available in real-time which is necessary for us to make good business decisions that are essential for our growth and profitability.”</p>",
+      stars: [],
+      org_logo: {
+        kind: "custom",
+        data: {
+          id: "JtadEUC8EngX",
+          filename: "image.png",
+          kind: "image",
+          location:
+            "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT.png",
+          srcset: {
+            "1080w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp",
+            "1200w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp",
+            "1920w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp",
+            "320w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp",
+            "640w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp",
+            "750w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp",
+            "828w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp",
+            path: "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp 1200w",
+          },
+          mimetype: "image/png",
+        },
+      },
+    },
+    {
+      card: null,
+      profileSection: null,
+      avatar: {
+        kind: "icon",
+        data: {
+          id: "user",
+          label: "User",
+          tags: ["custom", "user", "users"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      clientInfo: null,
+      name: "John Smith",
+      position: "Director, Global Supply Chain",
+      quote:
+        "<p>“The use of the Oracle NetSuite ERP in the cloud is very successful. It allows us to have management reports which are available in real-time which is necessary for us to make good business decisions that are essential for our growth and profitability.”</p>",
+      stars: [],
+      org_logo: {
+        kind: "custom",
+        data: {
+          id: "JtadEUC8EngX",
+          filename: "image.png",
+          kind: "image",
+          location:
+            "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT.png",
+          srcset: {
+            "1080w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp",
+            "1200w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp",
+            "1920w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp",
+            "320w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp",
+            "640w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp",
+            "750w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp",
+            "828w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp",
+            path: "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp 1200w",
+          },
+          mimetype: "image/png",
+        },
+      },
+    },
+    {
+      card: null,
+      profileSection: null,
+      avatar: {
+        kind: "icon",
+        data: {
+          id: "user",
+          label: "User",
+          tags: ["custom", "user", "users"],
+          svgCode:
+            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 12.75C8.83 12.75 6.25 10.17 6.25 7C6.25 3.83 8.83 1.25 12 1.25C15.17 1.25 17.75 3.83 17.75 7C17.75 10.17 15.17 12.75 12 12.75ZM12 2.75C9.66 2.75 7.75 4.66 7.75 7C7.75 9.34 9.66 11.25 12 11.25C14.34 11.25 16.25 9.34 16.25 7C16.25 4.66 14.34 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M20.5901 22.75C20.1801 22.75 19.8401 22.41 19.8401 22C19.8401 18.55 16.3202 15.75 12.0002 15.75C7.68015 15.75 4.16016 18.55 4.16016 22C4.16016 22.41 3.82016 22.75 3.41016 22.75C3.00016 22.75 2.66016 22.41 2.66016 22C2.66016 17.73 6.85015 14.25 12.0002 14.25C17.1502 14.25 21.3401 17.73 21.3401 22C21.3401 22.41 21.0001 22.75 20.5901 22.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+        },
+      },
+      clientInfo: null,
+      name: "John Smith",
+      position: "Director, Global Supply Chain",
+      quote:
+        "<p>“The use of the Oracle NetSuite ERP in the cloud is very successful. It allows us to have management reports which are available in real-time which is necessary for us to make good business decisions that are essential for our growth and profitability.”</p>",
+      stars: [],
+      org_logo: {
+        kind: "custom",
+        data: {
+          id: "JtadEUC8EngX",
+          filename: "image.png",
+          kind: "image",
+          location:
+            "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT.png",
+          srcset: {
+            "1080w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp",
+            "1200w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp",
+            "1920w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp",
+            "320w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp",
+            "640w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp",
+            "750w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp",
+            "828w":
+              "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp",
+            path: "https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-k5KjTxZvzhCT-1200w.webp 1200w",
+          },
+          mimetype: "image/png",
+        },
+      },
+    },
+  ],
+  "carousel-navigation-container": null,
+  "carousel-navigation": null,
+  "carousel-navigation-pill": null,
+};
+
+export const testimonialWithLogo: IBlockLayouts = {
+  key: "reversed",
+  title: "Reversed Layout with Stars",
+  styles: {
+    layout: {
+      width: "100%",
+      "padding-top": "10xl",
+      "padding-bottom": "10xl",
+      "padding-right": "none",
+      "padding-left": "none",
+      "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: {
+      display: "block",
+      "flex-direction": "column",
+      "row-gap": "7xl",
+      "media:max:768px": {
+        "row-gap": "3xl",
+      },
+      "media:max:480px": {
+        "row-gap": "4xl",
+      },
+    },
+    header: {
+      display: "flex",
+      "justify-content": "center",
+      "margin-bottom": "3xl",
+      tablet: {
+        "margin-bottom": "2xl",
+      },
+    },
+    textWrapper: {
+      display: "flex",
+      "flex-direction": "row",
+      "align-items": "center",
+      "text-align": "center",
+      "row-gap": "sm",
+      width: "100%",
+      "justify-content": "space-between",
+    },
+    title: {
+      "font-size": "3xl",
+      "font-weight": "bold",
+      color: "var(--color-text-1)",
+      tablet: {
+        "font-size": "2xl",
+      },
+      "text-align": "left",
+    },
+    description: {
+      "font-size": "lg",
+      color: "var(--color-text-2)",
+      tablet: {
+        "font-size": "base",
+      },
+      "text-align": "left",
+      "max-width": "400px",
+    },
+    testimonials_levoGroup: {
+      number_of_slides: 2,
+      tablet: {
+        number_of_slides: 1,
+      },
+      mobile: {
+        number_of_slides: 1,
+      },
+    },
+    testimonials: [
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+          "justify-content": "space-between",
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+        org_logo: {
+          height: "80px",
+          width: "80px",
+          "font-size": "80px",
+          "object-fit": "contain",
+        },
+        profileSection_content: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+          "justify-content": "space-between",
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+        org_logo: {
+          height: "80px",
+          width: "80px",
+          "font-size": "80px",
+          "object-fit": "contain",
+        },
+        profileSection_content: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+          "justify-content": "space-between",
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+        org_logo: {
+          height: "80px",
+          width: "80px",
+          "font-size": "80px",
+          "object-fit": "contain",
+        },
+        profileSection_content: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+          "justify-content": "space-between",
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+        org_logo: {
+          height: "80px",
+          width: "80px",
+          "font-size": "80px",
+          "object-fit": "contain",
+        },
+        profileSection_content: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+          "justify-content": "space-between",
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+        org_logo: {
+          height: "80px",
+          width: "80px",
+          "font-size": "80px",
+          "object-fit": "contain",
+        },
+        profileSection_content: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          "border-color": "var(--color-border)",
+          height: "100%",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column-reverse",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          "border-color": "var(--color-border)",
+          height: "100%",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+      },
+      {
+        card: {
+          display: "flex",
+          "flex-direction": "column",
+          "background-color": "var(--color-background)",
+          "border-radius": "2xl",
+          "box-shadow": "lg",
+          padding: "2xl",
+          "row-gap": "xl",
+          border: "1px solid",
+          "border-color": "var(--color-border)",
+          height: "100%",
+          mobile: {
+            padding: "lg",
+            "row-gap": "lg",
+          },
+        },
+        profileSection: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          mobile: {
+            "column-gap": "sm",
+          },
+        },
+        avatar: {
+          height: "64px",
+          width: "64px",
+          "border-radius": "50%",
+          "object-fit": "cover",
+          border: "2px solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            height: "48px",
+            width: "48px",
+          },
+        },
+        clientInfo: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "4xs",
+        },
+        name: {
+          color: "var(--color-text-1)",
+          "font-size": "xl",
+          "font-weight": "bold",
+          mobile: {
+            "font-size": "lg",
+          },
+        },
+        position: {
+          color: "var(--color-text-2)",
+          "font-size": "sm",
+          "font-weight": "medium",
+        },
+        quote: {
+          color: "var(--color-text-1)",
+          "font-size": "base",
+          "line-height": 1.6,
+          "font-style": "italic",
+          mobile: {
+            "font-size": "sm",
+          },
+        },
+      },
+    ],
+    "carousel-navigation-container": {
+      display: "flex",
+      "justify-content": "center",
+      "margin-top": "2xl",
+    },
+    "carousel-navigation": {
+      display: "flex",
+      "column-gap": "sm",
+      "align-items": "center",
+    },
+    "carousel-navigation-pill": {
+      width: "8px",
+      height: "8px",
+      "border-radius": "8px",
+      "background-color": "var(--color-border)",
+      cursor: "pointer",
+      transition: "all 0.3s ease",
+      "&:hover": {
+        "background-color": "var(--color-brand-secondary)",
+      },
+      filter: "none",
+    },
+  },
+  content: TESTIMONIAL_WITH_LOGO,
+  config: {
+    testimonials_levoGroup: {
+      carousel: {
+        loop: true,
+        autoPlay: false,
+      },
+    },
+  },
+};