@levo-so/blocks 0.1.100 → 0.1.102

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

@@ -1,105 +1,67 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DUMMY_ICON = {
+const STAR_ICON = {
   kind: "icon",
   data: {
     id: "star",
     label: "Star",
-    tags: ["custom", "directional", "star", "support-like-question"],
     svgCode:
-      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" fill="var(--color-icon-primary)"/>\n</svg>',
+      '<svg viewBox="0 0 24 24" fill="#F5A524" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.25l2.996 6.073 6.704.974-4.85 4.727 1.145 6.676L12 17.541l-5.995 3.159 1.145-6.676L2.3 9.297l6.704-.974L12 2.25z"/></svg>',
   },
 };
 
+const STARS_FIVE = [
+  { star: STAR_ICON },
+  { star: STAR_ICON },
+  { star: STAR_ICON },
+  { star: STAR_ICON },
+  { star: STAR_ICON },
+];
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   header_container: null,
-  title: "Client Testimonials",
+  title: "Trusted by payments and finance teams",
   description:
-    "Hear what our valued customers have to say about their experience with our services",
+    "CFOs, heads of payments, and platform engineers on what changed after switching settlement, KYC, and ledger workflows to us.",
   testimonials_levoGroup: null,
   testimonials: [
     {
       card: null,
       content_container: null,
       title_desc_box: null,
-      title: "Exceptional Service Quality",
+      title: "Settlement windows dropped from T+2 to same-day",
       description:
-        "The team delivered outstanding results that exceeded our expectations. Their attention to detail and professional approach made the entire process smooth and efficient.",
+        "We moved card and ACH settlement off legacy rails onto their ledger in eleven weeks. Auth rates lifted 2.3 points and reconciliation breaks fell by ninety percent.",
       persona_container: null,
-      persona_name: "Sarah Johnson",
-      stars: [
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-      ],
+      persona_name: "Priya Menon",
+      designation: "Head of Payments, Northbank",
+      stars: STARS_FIVE,
     },
     {
       card: null,
       content_container: null,
       title_desc_box: null,
-      title: "Professional Expertise",
+      title: "PCI DSS Level 1 without the audit scramble",
       description:
-        "Working with this team has been a game-changer for our business. Their expertise and innovative solutions helped us achieve remarkable results.",
+        "Tokenization and network token routing took three untrusted systems out of scope. We passed our Level 1 attestation with zero findings and shaved six weeks off the audit cycle.",
       persona_container: null,
-      persona_name: "Michael Chen",
-      stars: [
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-      ],
+      persona_name: "Marcus Holloway",
+      designation: "VP Engineering, Finch Issuer Services",
+      stars: STARS_FIVE,
     },
     {
       card: null,
       content_container: null,
       title_desc_box: null,
-      title: "Outstanding Results",
+      title: "KYC onboarding that actually converts",
       description:
-        "The transformation we experienced was remarkable. The team delivered exactly what they promised and went above and beyond our expectations.",
+        "Document, selfie, and sanctions checks now complete in under ninety seconds. Drop-off through KYC fell from 38 percent to 11 percent and first-deposit conversion climbed almost 2x.",
       persona_container: null,
-      persona_name: "Emily Rodriguez",
-      stars: [
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-        {
-          star: DUMMY_ICON,
-        },
-      ],
+      persona_name: "Elena Rossi",
+      designation: "CFO, Stride Neobank",
+      stars: STARS_FIVE,
     },
   ],
   "carousel-navigation-container": null,
@@ -221,157 +183,511 @@ export const Testimonial7: IBlock = {
   ],
   layouts: [
     {
-      key: "default",
-      title: "Default",
+      key: "grid",
+      title: "Grid",
       styles: {
-        layout: {},
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
         container: {},
         header_container: {
           "text-align": "center",
-          "margin-bottom": "2xl",
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "base",
         },
         title: {
-          "margin-bottom": "base",
+          "max-width": "720px",
         },
         description: {
-          "max-width": "600px",
-          "margin-left": "auto",
-          "margin-right": "auto",
+          "max-width": "640px",
+          color: "text-2",
         },
         testimonials_levoGroup: {
-          number_of_slides: 1,
+          number_of_slides: 3,
+          tablet: {
+            number_of_slides: 2,
+          },
+          mobile: {
+            number_of_slides: 1,
+          },
+        },
+        testimonials_levoGroupItem: {
+          card: {
+            height: "100%",
+            "margin-left": "sm",
+            "margin-right": "sm",
+            display: "flex",
+            "flex-direction": "column",
+            "border-radius": "lg",
+            "box-shadow": "default",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "border-color": "border",
+            "border-width": "1px",
+            "background-color": "background-1",
+          },
+          content_container: {
+            display: "flex",
+            "flex-direction": "column",
+            gap: "lg",
+            height: "100%",
+          },
+          title_desc_box: {
+            "text-align": "left",
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+          },
+          title: {
+            "font-weight": 600,
+          },
+          description: {
+            color: "text-2",
+            "line-height": "1.6",
+          },
+          persona_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            gap: "2xs",
+            "margin-top": "auto",
+            "padding-top": "md",
+            "border-top": "1px solid",
+            "border-color": "border",
+          },
+          persona_name: {
+            "font-weight": 600,
+          },
+          designation: {
+            color: "text-2",
+            "font-size": "sm",
+          },
+          stars: {
+            display: "flex",
+            gap: "2xs",
+            "margin-bottom": "xs",
+          },
+          star: {
+            color: "brand",
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": 0,
+          },
+        },
+        testimonials: [{}, {}, {}],
+        "carousel-navigation-container": {
+          display: "none",
+        },
+        "carousel-navigation": {
+          display: "none",
+        },
+        "carousel-navigation-pill": {
+          display: "none",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
         },
         testimonials: [
           {
-            card: {
-              "border-radius": "base",
-              "box-shadow": "default",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-color": "border",
-              "border-width": "1px",
-            },
-            content_container: {
-              display: "flex",
-              "flex-direction": "column",
-              gap: "lg",
-            },
-            title_desc_box: {
-              "text-align": "center",
-            },
-            title: {
-              "font-weight": 600,
-              "margin-bottom": "sm",
-            },
-            description: {},
-            persona_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              gap: "sm",
-            },
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
             persona_name: {
-              "font-weight": 600,
-            },
-            stars: {
-              display: "flex",
-              gap: "2xs",
-            },
-            star: {
-              color: "warning",
-              width: "16px",
-              height: "16px",
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
           },
           {
-            card: {
-              "border-radius": "base",
-              "box-shadow": "default",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-color": "border",
-              "border-width": "1px",
-            },
-            content_container: {
-              display: "flex",
-              "flex-direction": "column",
-              gap: "lg",
-            },
-            title_desc_box: {
-              "text-align": "center",
-            },
-            title: {
-              "font-weight": 600,
-              "margin-bottom": "sm",
-            },
-            description: {},
-            persona_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              gap: "sm",
-            },
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
             persona_name: {
-              "font-weight": 600,
-            },
-            stars: {
-              display: "flex",
-              gap: "2xs",
-            },
-            star: {
-              color: "warning",
-              width: "16px",
-              height: "16px",
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
           },
           {
-            card: {
-              "border-radius": "base",
-              "box-shadow": "default",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-color": "border",
-              "border-width": "1px",
-            },
-            content_container: {
-              display: "flex",
-              "flex-direction": "column",
-              gap: "lg",
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
+            persona_name: {
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
-            title_desc_box: {
-              "text-align": "center",
+          },
+        ],
+      },
+    },
+    {
+      key: "large_card",
+      title: "Large Card",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        header_container: {
+          "text-align": "center",
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "base",
+        },
+        title: {
+          "max-width": "720px",
+        },
+        description: {
+          "max-width": "640px",
+          color: "text-2",
+        },
+        testimonials_levoGroup: {
+          number_of_slides: 1,
+        },
+        testimonials_levoGroupItem: {
+          card: {
+            height: "100%",
+            "border-radius": "2xl",
+            "box-shadow": "lg",
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            "padding-left": "3xl",
+            "padding-right": "3xl",
+            "border-color": "border",
+            "border-width": "1px",
+            "max-width": "760px",
+            "margin-left": "auto",
+            "margin-right": "auto",
+            "background-color": "background-1",
+          },
+          content_container: {
+            display: "flex",
+            "flex-direction": "column",
+            gap: "xl",
+          },
+          title_desc_box: {
+            "text-align": "center",
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "base",
+          },
+          title: {
+            "font-weight": 700,
+            "font-size": "2xl",
+            "line-height": "1.3",
+          },
+          description: {
+            "font-size": "lg",
+            "line-height": "1.7",
+            color: "text-2",
+          },
+          persona_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            gap: "2xs",
+          },
+          stars: {
+            display: "flex",
+            gap: "xs",
+            "margin-bottom": "sm",
+          },
+          star: {
+            color: "brand",
+            width: "22px",
+            height: "22px",
+            "font-size": "22px",
+            "flex-shrink": 0,
+          },
+          persona_name: {
+            "font-weight": 700,
+            "font-size": "lg",
+          },
+          designation: {
+            color: "text-2",
+            "font-size": "sm",
+          },
+        },
+        testimonials: [{}, {}, {}],
+        "carousel-navigation-container": {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+          "padding-top": "xl",
+        },
+        "carousel-navigation": {
+          display: "flex",
+          "column-gap": "sm",
+        },
+        "carousel-navigation-pill": {
+          width: "10px",
+          height: "10px",
+          "border-radius": "50%",
+          "border-color": "border",
+          "border-width": "1px",
+          cursor: "pointer",
+          "background-color": "transparent",
+          transition: "all 0.2s ease",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        testimonials_levoGroup: {
+          carousel: { loop: true },
+        },
+        title: {
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        testimonials: [
+          {
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
+            persona_name: {
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
-            title: {
-              "font-weight": 600,
-              "margin-bottom": "sm",
+          },
+          {
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
+            persona_name: {
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
-            description: {},
-            persona_container: {
-              display: "flex",
-              "flex-direction": "column",
-              "align-items": "center",
-              gap: "sm",
+          },
+          {
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
+            persona_name: {
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
+          },
+        ],
+      },
+    },
+    {
+      key: "minimal",
+      title: "Minimal",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        header_container: {
+          "text-align": "left",
+          "margin-bottom": "2xl",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+        },
+        title: {
+          "max-width": "640px",
+        },
+        description: {
+          "max-width": "640px",
+          color: "text-2",
+        },
+        testimonials_levoGroup: {
+          number_of_slides: 1,
+        },
+        testimonials_levoGroupItem: {
+          card: {
+            "padding-top": "md",
+            "padding-bottom": "md",
+            "max-width": "720px",
+          },
+          content_container: {
+            display: "flex",
+            "flex-direction": "column",
+            gap: "lg",
+          },
+          title_desc_box: {
+            "text-align": "left",
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+          },
+          title: {
+            "font-weight": 500,
+            "font-style": "italic",
+          },
+          description: {
+            color: "text-2",
+            "line-height": "1.7",
+          },
+          persona_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "flex-start",
+            gap: "2xs",
+          },
+          stars: {
+            display: "flex",
+            gap: "3xs",
+            "margin-bottom": "2xs",
+          },
+          star: {
+            color: "brand",
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+            "flex-shrink": 0,
+          },
+          persona_name: {
+            "font-weight": 600,
+            "font-size": "sm",
+          },
+          designation: {
+            color: "text-2",
+            "font-size": "sm",
+          },
+        },
+        testimonials: [{}, {}, {}],
+        "carousel-navigation-container": {
+          display: "none",
+        },
+        "carousel-navigation": {
+          display: "none",
+        },
+        "carousel-navigation-pill": {
+          display: "none",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        testimonials_levoGroup: {
+          carousel: { loop: true },
+        },
+        title: {
+          selectedVariants: { Heading_Level: "H2" },
+        },
+        testimonials: [
+          {
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
             persona_name: {
-              "font-weight": 600,
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
-            stars: {
-              display: "flex",
-              gap: "2xs",
+          },
+          {
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
+            persona_name: {
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
-            star: {
-              color: "warning",
-              width: "16px",
-              height: "16px",
+          },
+          {
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
+            persona_name: {
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
           },
         ],
+      },
+    },
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        header_container: {
+          "text-align": "center",
+          "margin-bottom": "3xl",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "base",
+        },
+        title: {
+          "max-width": "720px",
+        },
+        description: {
+          "max-width": "640px",
+          color: "text-2",
+        },
+        testimonials_levoGroup: {
+          number_of_slides: 1,
+        },
+        testimonials_levoGroupItem: {
+          card: {
+            "border-radius": "lg",
+            "box-shadow": "default",
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+            "border-color": "border",
+            "border-width": "1px",
+            "max-width": "720px",
+            "margin-left": "auto",
+            "margin-right": "auto",
+            "background-color": "background-1",
+          },
+          content_container: {
+            display: "flex",
+            "flex-direction": "column",
+            gap: "lg",
+          },
+          title_desc_box: {
+            "text-align": "center",
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "sm",
+          },
+          title: {
+            "font-weight": 600,
+          },
+          description: {
+            color: "text-2",
+            "line-height": "1.6",
+          },
+          persona_container: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            gap: "2xs",
+          },
+          stars: {
+            display: "flex",
+            gap: "2xs",
+            "margin-bottom": "xs",
+          },
+          star: {
+            color: "brand",
+            width: "18px",
+            height: "18px",
+            "font-size": "18px",
+            "flex-shrink": 0,
+          },
+          persona_name: {
+            "font-weight": 600,
+          },
+          designation: {
+            color: "text-2",
+            "font-size": "sm",
+          },
+        },
+        testimonials: [{}, {}, {}],
         "carousel-navigation-container": {
           display: "flex",
           "justify-content": "center",
@@ -396,68 +712,34 @@ export const Testimonial7: IBlock = {
       content: DEFAULT_CONTENT,
       config: {
         testimonials_levoGroup: {
-          carousel: {
-            loop: true,
-          },
+          carousel: { loop: true },
         },
         title: {
-          selectedVariants: {
-            Heading_Level: "H2",
-          },
+          selectedVariants: { Heading_Level: "H2" },
         },
         testimonials: [
           {
-            description: {
-              selectedVariants: {},
-            },
-            title: {
-              selectedVariants: {
-                Typography_Variants: "Lead",
-              },
-            },
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
             persona_name: {
-              heading: {
-                level: "5",
-              },
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
+              heading: { level: "5" },
+              selectedVariants: { Heading_Level: "H6" },
             },
           },
           {
-            description: {
-              selectedVariants: {},
-            },
-            title: {
-              selectedVariants: {
-                Typography_Variants: "Lead",
-              },
-            },
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
             persona_name: {
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
-              heading: {
-                level: "5",
-              },
+              selectedVariants: { Heading_Level: "H6" },
+              heading: { level: "5" },
             },
           },
           {
-            description: {
-              selectedVariants: {},
-            },
-            title: {
-              selectedVariants: {
-                Typography_Variants: "Lead",
-              },
-            },
+            description: { selectedVariants: {} },
+            title: { selectedVariants: { Typography_Variants: "Lead" } },
             persona_name: {
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
-              heading: {
-                level: "5",
-              },
+              selectedVariants: { Heading_Level: "H6" },
+              heading: { level: "5" },
             },
           },
         ],