@levo-so/blocks 0.1.58 → 0.1.60

package/src/blocks/features/features-4.schema.ts

@@ -11,24 +11,55 @@ const DUMMY_ICON = {
   },
 };
 
-const PRODUCT_IMAGE = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+const MEDIA_1 = {
+  id: "n3q3FfSsUC2mq",
+  filename: "features-4-1.png",
   kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/features-4-1-yCrPQ3F9zmfOt-1080w.webp 1080w",
+  },
   mimetype: "image/png",
+};
+const MEDIA_VARIANT_1_1 = {
+  id: "yCrPm3F9zmfQQ",
+  filename: "features-4-variant-1-1.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW.png",
   srcset: {
     "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-1080w.webp",
     "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-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",
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/features-4-variant-1-1-oilXwrpqc04IW-640w.webp 640w",
   },
+  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -101,7 +132,101 @@ const DEFAULT_CONTENT = {
   ],
 
   // Right product image
-  product_image: PRODUCT_IMAGE,
+  product_image: MEDIA_1,
+
+  // CTA buttons
+  ctas_levoGroup: null,
+  ctas: [
+    {
+      cta: "Get Started",
+    },
+    {
+      cta: "Learn More",
+    },
+  ],
+};
+const DEFAULT_CONTENT_VARIANT_1_1 = {
+  layout: null,
+  container: null,
+  content_wrapper: null,
+  header_section: null,
+  title: "Enterprise Solutions Overview",
+  subtitle: "Comprehensive Business Technology Platform",
+
+  // Left specifications area
+  specifications_wrapper: null,
+  specifications: [
+    {
+      spec_item: null,
+      icon: DUMMY_ICON,
+      value: "99.9%",
+      label: "Uptime Guarantee",
+    },
+    {
+      spec_item: null,
+      icon: DUMMY_ICON,
+      value: "24/7",
+      label: "Customer Support",
+    },
+    {
+      spec_item: null,
+      icon: DUMMY_ICON,
+      value: "256-bit",
+      label: "Encryption Standard",
+    },
+    {
+      spec_item: null,
+      icon: DUMMY_ICON,
+      value: "10,000+",
+      label: "Active Users",
+    },
+    {
+      spec_item: null,
+      icon: DUMMY_ICON,
+      value: "50TB",
+      label: "Storage Capacity",
+    },
+    {
+      spec_item: null,
+      icon: DUMMY_ICON,
+      value: "12 Months",
+      label: "Warranty Period",
+    },
+  ],
+
+  // Specifications 2 section
+  specifications_2_wrapper: null,
+  specifications_2_title: "Service Level Agreements",
+  specifications_2_description:
+    "We believe in simple, science-backed nutrition that creates lasting change. Here’s what sets us apart:",
+  specifications_2: [
+    {
+      spec_2_item: null,
+      icon: DUMMY_ICON,
+      value: "Response Time: 4 hours | Resolution: 24 hours",
+      label: "Critical Issue Support",
+    },
+    {
+      spec_2_item: null,
+      icon: DUMMY_ICON,
+      value: "Response Time: 8 hours | Resolution: 48 hours",
+      label: "Standard Issue Support",
+    },
+  ],
+
+  // Right product image
+  product_image: MEDIA_VARIANT_1_1,
+
+  // CTA buttons
+  ctas_levoGroup: null,
+  ctas: [
+    {
+      cta: "Get Started",
+    },
+    {
+      cta: "Learn More",
+    },
+  ],
 };
 
 export type IFeatures4Content = typeof DEFAULT_CONTENT;
@@ -309,9 +434,17 @@ export const Features4: IBlock = {
       ],
     },
     {
-      key: "cta",
-      label: "CTA",
-      field_interface: "ButtonWidget",
+      key: "ctas",
+      label: "CTA Buttons Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "cta",
+          label: "CTA Button",
+          field_interface: "ButtonWidget",
+        },
+      ],
     },
     {
       key: "product_image",
@@ -331,28 +464,8 @@ export const Features4: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          tablet: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-          },
-        },
-        container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "max-width": "7xl",
-          mobile: {
-            filter: "none",
-          },
-          filter: "none",
-        },
+        layout: {},
+        container: {},
         content_wrapper: {
           display: "flex",
           "align-items": "center",
@@ -368,12 +481,9 @@ export const Features4: IBlock = {
           "margin-bottom": "4xl",
         },
         title: {
-          color: "text-1",
           "margin-bottom": "sm",
         },
-        subtitle: {
-          color: "text-2",
-        },
+        subtitle: {},
         specifications_wrapper: {
           flex: "1",
           "max-width": "50%",
@@ -412,12 +522,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -432,12 +540,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -452,12 +558,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -472,12 +576,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -492,12 +594,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -512,12 +612,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
         ],
         specifications_2_wrapper: {
@@ -529,7 +627,6 @@ export const Features4: IBlock = {
           "border-style": "solid",
         },
         specifications_2_title: {
-          color: "text-1",
           "margin-bottom": "base",
         },
         specifications_2_levoGroup: {
@@ -551,12 +648,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_2_item: {
@@ -571,14 +666,26 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
         ],
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "margin-top": "lg",
+        },
+        ctas: Array(2)
+          .fill(0)
+          .map(() => ({
+            cta: {},
+          })),
         product_image: {
           width: "50%",
           height: "100%",
@@ -602,40 +709,107 @@ export const Features4: IBlock = {
         },
         specifications_2_title: {
           selectedVariants: {
-            Heading_Level: "H2",
+            Heading_Level: "H3",
           },
           heading: {
-            level: 2,
+            level: "3",
           },
         },
+        specifications: [
+          {
+            value: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+        ],
+        specifications_2: [
+          {
+            value: {
+              heading: {
+                level: "5",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+        ],
       },
     },
     {
       title: "Variant 1",
       key: "Variant 1",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          "padding-left": "8xl",
-          "padding-right": "8xl",
-          tablet: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "4xl",
-            "padding-right": "4xl",
-          },
-        },
-        container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
-          mobile: {
-            filter: "none",
-          },
-          filter: "none",
-          "max-width": "auto",
-        },
+        layout: {},
+        container: {},
         content_wrapper: {
           display: "flex",
           "align-items": "center",
@@ -653,12 +827,9 @@ export const Features4: IBlock = {
           display: "none",
         },
         title: {
-          color: "text-1",
           "margin-bottom": "sm",
         },
-        subtitle: {
-          color: "text-2",
-        },
+        subtitle: {},
         specifications_wrapper: {
           flex: "1",
           "max-width": "50%",
@@ -697,12 +868,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -717,12 +886,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -737,12 +904,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -757,12 +922,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -777,12 +940,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
           {
             spec_item: {
@@ -797,12 +958,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              color: "text-1",
               "margin-bottom": "3xs",
+              "font-weight": 700,
             },
-            label: {
-              color: "text-2",
-            },
+            label: {},
           },
         ],
         specifications_2_wrapper: {
@@ -810,9 +969,7 @@ export const Features4: IBlock = {
           padding: "lg",
         },
         specifications_2_title: {
-          color: "text-1",
           "margin-bottom": "base",
-          "font-size": "3xl",
         },
         specifications_2_levoGroup: {
           display: "flex",
@@ -838,35 +995,9 @@ export const Features4: IBlock = {
             },
             value: {
               "margin-bottom": "3xs",
-              "font-size": "base",
-              "font-weight": 400,
-            },
-            label: {
-              color: "text-2",
-              display: "none",
-            },
-          },
-          {
-            spec_2_item: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "sm",
-              "justify-content": "start",
-            },
-            icon: {
-              width: "22px",
-              height: "22px",
-              "margin-top": "none",
-              color: "brand",
-              "font-size": "22px",
-            },
-            value: {
-              "margin-bottom": "3xs",
-              "font-size": "base",
-              "font-weight": 400,
+              "font-weight": 700,
             },
             label: {
-              color: "text-2",
               display: "none",
             },
           },
@@ -886,35 +1017,9 @@ export const Features4: IBlock = {
             },
             value: {
               "margin-bottom": "3xs",
-              "font-size": "base",
-              "font-weight": 400,
-            },
-            label: {
-              color: "text-2",
-              display: "none",
-            },
-          },
-          {
-            spec_2_item: {
-              display: "flex",
-              "align-items": "start",
-              "column-gap": "sm",
-            },
-            icon: {
-              width: "22px",
-              height: "22px",
-              "margin-top": "2xs",
-              color: "brand",
-              "font-size": "22px",
-            },
-            value: {
-              color: "text-1",
-              "margin-bottom": "3xs",
-              "font-size": "lg",
-              "font-weight": 400,
+              "font-weight": 700,
             },
             label: {
-              color: "text-2",
               display: "none",
             },
           },
@@ -930,7 +1035,7 @@ export const Features4: IBlock = {
           },
         },
       },
-      content: DEFAULT_CONTENT,
+      content: DEFAULT_CONTENT_VARIANT_1_1,
       config: {
         title: {
           selectedVariants: {
@@ -942,12 +1047,102 @@ export const Features4: IBlock = {
         },
         specifications_2_title: {
           selectedVariants: {
-            Heading_Level: "H2",
+            Heading_Level: "H3",
           },
           heading: {
-            level: 2,
+            level: "3",
           },
         },
+        specifications_2: [
+          {
+            value: {
+              heading: {
+                level: "5",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+        ],
+        specifications: [
+          {
+            value: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H4",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+          },
+        ],
       },
     },
   ],