@levo-so/blocks 0.1.1 → 0.1.52

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

@@ -0,0 +1,816 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DUMMY_ICON = {
+  kind: "icon",
+  data: {
+    id: "archive-minus",
+    label: "Archive Minus",
+    tags: ["archive", "custom", "directional", "minus"],
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+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",
+    },
+  },
+  //   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,
+  //   },
+};
+
+const TESTIMONIALS_CONTENT = [
+  {
+    testimonial: null,
+    "cover-container": null,
+    "testimonial-content-wrapper": null,
+    "testimonial-content": null,
+    icon: DUMMY_ICON,
+    "testimonial-info": null,
+    "author-wrapper": null,
+    cover: MEDIA?.placeholder,
+    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.",
+    "author-name": "Daniel Kim",
+    "author-position": "Finance Operations Lead",
+  },
+  {
+    testimonial: null,
+    "cover-container": null,
+    "testimonial-content-wrapper": null,
+    "testimonial-content": null,
+    icon: DUMMY_ICON,
+    "testimonial-info": null,
+    "author-wrapper": null,
+    cover: MEDIA?.placeholder,
+    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.",
+    "author-name": "Amelia Rodriguez",
+    "author-position": "VP of Digital Banking Solutions",
+  },
+  {
+    testimonial: null,
+    "cover-container": null,
+    "testimonial-content-wrapper": null,
+    "testimonial-content": null,
+    icon: DUMMY_ICON,
+    "testimonial-info": null,
+    "author-wrapper": null,
+    cover: MEDIA?.placeholder,
+    cover_embed: null,
+    "testimonial-text":
+      "The platform's ability to scale with our growth while maintaining transparency across all financial touchpoints is simply unmatched.",
+    "author-name": "Omar Hassan",
+    "author-position": "Chief Financial Officer",
+  },
+  {
+    testimonial: null,
+    "cover-container": null,
+    "testimonial-content-wrapper": null,
+    "testimonial-content": null,
+    icon: DUMMY_ICON,
+    "testimonial-info": null,
+    "author-wrapper": null,
+    cover: MEDIA?.placeholder,
+    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.",
+    "author-name": "Priya Nair",
+    "author-position": "Head of Financial Strategy",
+  },
+];
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header: null,
+  "header-content": null,
+  "badge-container": null,
+  "badge-text": "Beta Review",
+  title: "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 TESTIMONIALS_STYLES = Array(4)
+  ?.fill(0)
+  ?.map((_) => TESTIMONIAL_STYLE);
+
+export const Testimonial2: IBlock = {
+  category_id: "testimonial",
+  title: "Testimonial 2",
+  key: "testimonial-2",
+  version: "v1",
+  prompt_description:
+    "Two-column testimonial carousel with a large image on the left and a featured quote, name, and title on the right, plus visual indicators for sliding through reviews.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Defines the overall two-column layout structure for the testimonial carousel block, ensuring balanced visual distribution between the testimonial image and the quote content.",
+      },
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Acts as the main container, providing padding and alignment to centralize the testimonial block within the page for visual clarity.",
+      },
+    },
+    {
+      key: "header",
+      label: "Header",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the block header elements, such as the badge and main title, providing spacing and alignment.",
+      },
+    },
+    {
+      key: "header-content",
+      label: "Header Content",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Positions the badge and main headline, ensuring they are grouped above the carousel content for emphasis.",
+      },
+    },
+    {
+      key: "badge-container",
+      label: "Badge Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Visual container framing the badge text (e.g., 'Beta Review') with rounded/capsule styling. Used for emphasis above the main heading.",
+      },
+    },
+    {
+      key: "badge-text",
+      label: "Badge Text",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Short badge phrase indicating product status or review type. Use a concise, upbeat tone. Should fit visually into a pill-shaped badge above the headline.",
+        min_characters: 8,
+        max_characters: 18,
+      },
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "Primary headline for the testimonial carousel. Use a confident, aspirational tone to convey trust and appeal. Should be impactful and concise to fit prominently above the carousel content.",
+        min_characters: 18,
+        max_characters: 45,
+      },
+    },
+    {
+      key: "carousel-navigation-top-container",
+      label: "Carousel Navigation Top Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for the top navigation.",
+      },
+    },
+    {
+      key: "carousel-navigation-bottom-container",
+      label: "Carousel Navigation Bottom Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for the bottom navigation.",
+      },
+    },
+    {
+      key: "carousel-navigation",
+      label: "Carousel Navigation",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the navigation pills or dots indicating the number of testimonials, typically placed top-right for visual balance.",
+      },
+    },
+    {
+      key: "carousel-navigation-pill",
+      label: "Carousel Navigation Pill",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Single visual navigation dot or pill to indicate the current position within the testimonial carousel. One pill per testimonial.",
+      },
+    },
+    {
+      key: "title_two",
+      label: "Title 2",
+      field_interface: "HeadingWidget",
+    },
+    {
+      key: "testimonials",
+      label: "Testimonials",
+      field_interface: "CarouselWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "testimonial",
+          label: "Testimonial",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Wrapper for a single testimonial's content, organizing the image, quote, and author details together in a visually cohesive unit.",
+          },
+        },
+        {
+          key: "cover-container",
+          label: "Cover Container",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for the testimonial cover image, providing shape (rounded corners/square) and consistent sizing across testimonials.",
+          },
+        },
+        {
+          key: "cover",
+          label: "Cover Image",
+          field_interface: "MediaWidget",
+          hint: {
+            prompt_description:
+              "Large, simple image representing the testimonial or theme. Use stylized artwork or generic illustrations rather than specific faces. Should be visually neutral and balanced to complement text.",
+            orientation: "square",
+            size: "large",
+            usecase: "hero",
+          },
+        },
+        {
+          key: "cover_embed",
+          label: "Cover Embed",
+          field_interface: "IframeWidget",
+          hint: {
+            prompt_description:
+              "Optional embed content for the testimonial. Can be used to display embedded videos, interactive content, or other iframe-based media alongside the testimonial.",
+          },
+        },
+        {
+          key: "testimonial-content-wrapper",
+          label: "Testimonial Content Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container holding both the testimonial quote text and author details, ensuring clear vertical spacing and alignment next to the image.",
+          },
+        },
+        {
+          key: "testimonial-content",
+          label: "Testimonial Content",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Holds the actual testimonial quote, possibly with a quote icon and spacing above author details.",
+          },
+        },
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+          hint: {
+            prompt_description:
+              "Decorative quote symbol or icon to visually indicate the start of the testimonial text. Should be visually subtle and brand-aligned.",
+            orientation: "square",
+            size: "icon",
+            usecase: "icon",
+          },
+        },
+        {
+          key: "testimonial-info",
+          label: "Testimonial Info",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for author attribution details (name and position), often styled with subtle spacing under the quote.",
+          },
+        },
+        {
+          key: "testimonial-text",
+          label: "Testimonial Text",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Main testimonial quote text. Should be genuine, first-person, and enthusiastic; highlight positive impact or specific product benefits in 2–4 lines. Tone is conversational but credible.",
+            min_characters: 100,
+            max_characters: 260,
+          },
+        },
+        {
+          key: "author-wrapper",
+          label: "Author Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for grouping the author’s name and position, styling them with appropriate hierarchy below the quote.",
+          },
+        },
+        {
+          key: "author-name",
+          label: "Author Name",
+          field_interface: "HeadingWidget",
+          hint: {
+            prompt_description:
+              "The full name of the person giving the testimonial. Use a real-sounding name in title case. Should be clearly legible and bolded.",
+            min_characters: 8,
+            max_characters: 24,
+          },
+        },
+        {
+          key: "author-position",
+          label: "Author Position",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Author's professional title or role. Use a business-appropriate, formal title relevant to the industry. Subdued styling under the name.",
+            min_characters: 12,
+            max_characters: 36,
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "A carousel of individual testimonials highlighting user experiences with the platform. Each item includes a thematic image, a featured quote, and the author’s name and position. Focus on financial/industrial credibility and approachable, genuine feedback.",
+        min_items: 3,
+        max_items: 5,
+      },
+    },
+  ],
+  layouts: [
+    {
+      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",
+          },
+        },
+        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",
+          },
+          tablet: {
+            "margin-bottom": "base",
+          },
+        },
+        "header-content": {
+          display: "flex",
+          flex: "1",
+          "flex-direction": "column",
+          "align-items": "flex-start",
+          "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",
+          },
+        },
+        title_two: {
+          display: "none",
+        },
+        "carousel-navigation-top-container": {
+          display: "flex",
+          tablet: {
+            display: "none",
+          },
+          mobile: {
+            display: "none",
+          },
+        },
+        "carousel-navigation-bottom-container": {
+          display: "none",
+          tablet: {
+            display: "flex",
+            "justify-content": "center",
+          },
+          mobile: {
+            display: "flex",
+            "justify-content": "center",
+          },
+        },
+        "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: 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,
+            testimonial: {
+              ...TESTIMONIAL_STYLE["testimonial"],
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+            },
+            "testimonial-content-wrapper": {
+              ...TESTIMONIAL_STYLE["testimonial-content-wrapper"],
+              "row-gap": "7xl",
+              "column-gap": "7xl",
+              padding: "9xl",
+              tablet: {
+                ...TESTIMONIAL_STYLE["testimonial-content-wrapper"]["tablet"],
+                padding: "4xl",
+              },
+              mobile: {
+                ...TESTIMONIAL_STYLE["testimonial-content-wrapper"]["mobile"],
+                padding: "lg",
+              },
+            },
+            "cover-container": {
+              ...TESTIMONIAL_STYLE["cover-container"],
+              "max-width": "571px",
+            },
+            cover: {
+              ...TESTIMONIAL_STYLE["cover"],
+              "max-width": "571px",
+            },
+            "testimonial-info": {
+              ...TESTIMONIAL_STYLE["testimonial-info"],
+              "row-gap": "3xl",
+              tablet: {
+                ...TESTIMONIAL_STYLE["testimonial-info"]["tablet"],
+                "row-gap": "3xl",
+              },
+            },
+            "testimonial-text": {
+              ...TESTIMONIAL_STYLE["testimonial-text"],
+              "font-size": "xl",
+              "font-weight": "bold",
+              tablet: {
+                "font-size": "xl",
+              },
+              mobile: {
+                "font-size": "base",
+              },
+            },
+            "author-wrapper": {
+              ...TESTIMONIAL_STYLE["author-wrapper"],
+              "row-gap": "5xs",
+            },
+            "author-name": {
+              ...TESTIMONIAL_STYLE["author-name"],
+              "font-size": "lg",
+              "font-weight": "bold",
+              mobile: {
+                "font-size": "base",
+              },
+            },
+            "author-position": {
+              ...TESTIMONIAL_STYLE["author-position"],
+              "font-size": "sm",
+              mobile: {
+                "font-size": "sm",
+              },
+            },
+          })),
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        testimonials_levoGroup: {
+          carousel: {
+            loop: true,
+          },
+        },
+      },
+    },
+  ],
+};