@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/features/features-1/variants/default.ts

@@ -28,40 +28,57 @@ export const DEFAULT_CONTENT = {
         "Elevate your smile with holistic dental care, promoting oral health and confidence.",
       caption: " ",
       icon: DUMMY_ICON,
-      cta: "Donate Now",
+      ctas_levoGroup: null,
+      ctas: [
+        {
+          cta: "Donate Now",
+        },
+      ],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
       title: "Pulmonology",
-      description:
-        "Specialized pulmonology care for optimal respiratory health and well-being.",
+      description: "Specialized pulmonology care for optimal respiratory health and well-being.",
       caption: " ",
       icon: DUMMY_ICON,
-      cta: "Donate Now",
+      ctas_levoGroup: null,
+      ctas: [
+        {
+          cta: "Donate Now",
+        },
+      ],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
       title: "Hematology",
-      description:
-        "Specialized pulmonology care for optimal respiratory health and well-being.",
+      description: "Specialized pulmonology care for optimal respiratory health and well-being.",
       caption: " ",
       icon: DUMMY_ICON,
-      cta: "Donate Now",
+      ctas_levoGroup: null,
+      ctas: [
+        {
+          cta: "Donate Now",
+        },
+      ],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
       title: "Infection",
-      description:
-        "Expert care for infections, ensuring swift diagnosis and effective treatment.",
+      description: "Expert care for infections, ensuring swift diagnosis and effective treatment.",
       caption: " ",
       icon: DUMMY_ICON,
-      cta: "Donate Now",
+      ctas_levoGroup: null,
+      ctas: [
+        {
+          cta: "Donate Now",
+        },
+      ],
     },
     {
       content_wrapper: null,
@@ -72,18 +89,27 @@ export const DEFAULT_CONTENT = {
         "Comprehensive dialysis services, providing vital kidney care for a healthier life.",
       caption: " ",
       icon: DUMMY_ICON,
-      cta: "Donate Now",
+      ctas_levoGroup: null,
+      ctas: [
+        {
+          cta: "Donate Now",
+        },
+      ],
     },
     {
       content_wrapper: null,
       text_wrapper: null,
       icon_wrapper: null,
       title: "Generalist",
-      description:
-        "Generalist doctors addressing common health concerns with personalized care.",
+      description: "Generalist doctors addressing common health concerns with personalized care.",
       caption: " ",
       icon: DUMMY_ICON,
-      cta: "Donate Now",
+      ctas_levoGroup: null,
+      ctas: [
+        {
+          cta: "Donate Now",
+        },
+      ],
     },
   ],
 };
@@ -95,15 +121,8 @@ export const defaultFeatures1Variant: IBlockLayouts = {
     layout: {
       display: "flex",
       width: "100%",
-      padding: "80px 112px",
       "flex-direction": "column",
       "align-items": "center",
-      tablet: {
-        padding: "60px 60px",
-      },
-      mobile: {
-        padding: "40px",
-      },
     },
     container: {
       display: "flex",
@@ -128,12 +147,10 @@ export const defaultFeatures1Variant: IBlockLayouts = {
     },
     title: {
       "text-align": "center",
-      color: "text-1",
     },
     description: {
       "max-width": "672px",
       "text-align": "center",
-      color: "text-2",
     },
     specialties_levoGroup: {
       display: "grid",
@@ -151,46 +168,55 @@ export const defaultFeatures1Variant: IBlockLayouts = {
     },
     specialties: Array(6)
       .fill(0)
-      .map((v) => {
-        return {
-          content_wrapper: {
-            "border-radius": "xl",
-            "border-width": "1px",
-            "border-style": "solid",
-            "border-color": "var(--color-border)",
-            display: "flex",
-            "flex-direction": "column",
-            "row-gap": "lg",
-            padding: "2xl",
-          },
-          icon_wrapper: {
-            display: "flex",
-            "justify-content": "center",
-            "align-items": "center",
-          },
-          icon: {
-            height: "16",
-            width: "16",
-            "border-radius": "none",
-            "background-color": "brandSecondary",
-          },
-          text_wrapper: {
-            display: "flex",
-            width: "100%",
-            "flex-direction": "column",
-            "align-items": "center",
-            "row-gap": "sm",
+      .map((v) => ({
+        content_wrapper: {
+          "border-radius": "xl",
+          "border-width": "1px",
+          "border-style": "solid",
+          "border-color": "var(--color-border)",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+          padding: "2xl",
+        },
+        icon_wrapper: {
+          display: "flex",
+          "justify-content": "center",
+          "align-items": "center",
+        },
+        icon: {
+          height: "16",
+          width: "16",
+          "border-radius": "none",
+          "background-color": "brandSecondary",
+        },
+        text_wrapper: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+        },
+        title: {
+          "font-weight": 700,
+        },
+        description: {
+          "text-align": "center",
+          "max-width": "266px",
+        },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "xs",
+        },
+        ctas: [
+          {
+            cta: {
+              display: "flex",
+              "column-gap": "xs",
+            },
           },
-          title: {
-            "font-size": "2xl",
-            "font-weight": "bold",
-          },
-          description: {
-            "text-align": "center",
-            "max-width": "266px",
-          },
-        };
-      }),
+        ],
+      })),
   },
   content: DEFAULT_CONTENT,
   config: {
@@ -202,5 +228,93 @@ export const defaultFeatures1Variant: IBlockLayouts = {
         level: 2,
       },
     },
+    specialties: [
+      {
+        title: {
+          heading: {
+            level: "4",
+          },
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        description: {
+          selectedVariants: {},
+        },
+        cta: {
+          selectedVariants: {},
+          button_icons: {
+            right: {
+              enabled: true,
+            },
+          },
+        },
+      },
+      {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        description: {
+          selectedVariants: {},
+        },
+        cta: {
+          selectedVariants: {},
+        },
+      },
+      {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        description: {
+          selectedVariants: {},
+        },
+        cta: {
+          selectedVariants: {},
+        },
+      },
+      {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        description: {
+          selectedVariants: {},
+        },
+        cta: {
+          selectedVariants: {},
+        },
+      },
+      {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        description: {
+          selectedVariants: {},
+        },
+        cta: {
+          selectedVariants: {},
+        },
+      },
+      {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        description: {
+          selectedVariants: {},
+        },
+        cta: {
+          selectedVariants: {},
+        },
+      },
+    ],
   },
 };

package/src/blocks/features/features-1/variants/index.ts

@@ -1,7 +1,7 @@
+import { DEFAULT_CONTENT, defaultFeatures1Variant } from "./default";
 import { stylizedCardsV1Features1Variant } from "./stylized-cards-v1";
 import { stylizedCardsV2Features1Variant } from "./stylized-cards-v2";
 import { stylizedCardsV3Features1Variant } from "./stylized-cards-v3";
-import { defaultFeatures1Variant, DEFAULT_CONTENT } from "./default";
 
 export {
   stylizedCardsV1Features1Variant,