@levo-so/blocks 0.1.59 → 0.1.61

package/src/blocks/services/service-1.schema.ts

@@ -1,5 +1,23 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA = {
+  id: "1d7oLgELQi66",
+  filename: "services-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-1-PzNoMN1prgDI-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -92,20 +110,17 @@ const DEFAULT_CONTENT = {
     {
       "feature-item": null,
       title: "Expert Team",
-      description:
-        "Seasoned professionals with deep industry knowledge and proven track records.",
+      description: "Seasoned professionals with deep industry knowledge and proven track records.",
     },
     {
       "feature-item": null,
       title: "Custom Solutions",
-      description:
-        "Tailored approaches designed specifically for your unique business challenges.",
+      description: "Tailored approaches designed specifically for your unique business challenges.",
     },
     {
       "feature-item": null,
       title: "24/7 Support",
-      description:
-        "Round-the-clock assistance and dedicated account management.",
+      description: "Round-the-clock assistance and dedicated account management.",
     },
   ],
   "right-container": null,
@@ -113,32 +128,11 @@ const DEFAULT_CONTENT = {
     {
       "card-container": null,
       title: "Strategic Consulting",
-      image: {
-        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",
-        },
-      },
+      image: MEDIA,
       description:
         "Comprehensive business strategy development and market analysis to drive growth and competitive advantage.",
-      cta: "Learn More",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Learn More" }, { cta: "Get Started" }],
       "service-features": [],
     },
     {
@@ -146,7 +140,8 @@ const DEFAULT_CONTENT = {
       title: "Strategic Consulting",
       image: null,
       description: "",
-      cta: "",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "Contact Us" }, { cta: "View Details" }],
       "service-features": [
         {
           icon: {
@@ -217,8 +212,7 @@ export const Service1: IBlock = {
       label: "Main Wrapper",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Main wrapper for the two-column layout. No content needed.",
+        prompt_description: "Main wrapper for the two-column layout. No content needed.",
       },
     },
 
@@ -228,8 +222,7 @@ export const Service1: IBlock = {
       label: "Left Container",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Left side container with main content box. No content needed.",
+        prompt_description: "Left side container with main content box. No content needed.",
       },
     },
     {
@@ -284,7 +277,7 @@ export const Service1: IBlock = {
         {
           key: "question",
           label: "Question",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
           hint: {
             prompt_description:
               "Frequently asked question about services. Should be clear and professional.",
@@ -305,8 +298,7 @@ export const Service1: IBlock = {
         },
       ],
       hint: {
-        prompt_description:
-          "Collapsible FAQ items about services and solutions.",
+        prompt_description: "Collapsible FAQ items about services and solutions.",
         min_items: 3,
         max_items: 6,
       },
@@ -318,8 +310,7 @@ export const Service1: IBlock = {
       label: "Features Section",
       field_interface: "BoxWidget",
       hint: {
-        prompt_description:
-          "Section containing key service features. No content needed.",
+        prompt_description: "Section containing key service features. No content needed.",
       },
     },
     {
@@ -327,8 +318,7 @@ export const Service1: IBlock = {
       label: "Features Title",
       field_interface: "HeadingWidget",
       hint: {
-        prompt_description:
-          "Title for the features section. Should highlight key benefits.",
+        prompt_description: "Title for the features section. Should highlight key benefits.",
         min_characters: 8,
         max_characters: 30,
       },
@@ -344,8 +334,7 @@ export const Service1: IBlock = {
           label: "Title",
           field_interface: "TypographyWidget",
           hint: {
-            prompt_description:
-              "Feature title highlighting a specific service benefit.",
+            prompt_description: "Feature title highlighting a specific service benefit.",
             min_characters: 8,
             max_characters: 30,
           },
@@ -386,8 +375,7 @@ export const Service1: IBlock = {
           label: "Title",
           field_interface: "HeadingWidget",
           hint: {
-            prompt_description:
-              "Service card title. Should be descriptive and professional.",
+            prompt_description: "Service card title. Should be descriptive and professional.",
             min_characters: 10,
             max_characters: 40,
           },
@@ -409,22 +397,29 @@ export const Service1: IBlock = {
           label: "Description",
           field_interface: "TypographyWidget",
           hint: {
-            prompt_description:
-              "Service description explaining the benefits and approach.",
+            prompt_description: "Service description explaining the benefits and approach.",
             min_characters: 40,
             max_characters: 150,
           },
         },
         {
-          key: "cta",
-          label: "CTA Button",
-          field_interface: "ButtonWidget",
-          hint: {
-            prompt_description:
-              "Call-to-action button text. Should be action-oriented and concise.",
-            min_characters: 5,
-            max_characters: 20,
-          },
+          key: "ctas",
+          label: "CTA Buttons",
+          kind: "group",
+          field_interface: "BoxWidget",
+          fields: [
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+              hint: {
+                prompt_description:
+                  "Call-to-action button text. Should be action-oriented and concise.",
+                min_characters: 5,
+                max_characters: 20,
+              },
+            },
+          ],
         },
         {
           key: "service-features",
@@ -442,8 +437,7 @@ export const Service1: IBlock = {
               label: "Icon",
               field_interface: "IconWidget",
               hint: {
-                prompt_description:
-                  "Icon representing the service feature or benefit.",
+                prompt_description: "Icon representing the service feature or benefit.",
                 orientation: "square",
                 size: "icon",
                 usecase: "icon",
@@ -459,8 +453,7 @@ export const Service1: IBlock = {
               label: "Title",
               field_interface: "TypographyWidget",
               hint: {
-                prompt_description:
-                  "Feature title highlighting a specific service advantage.",
+                prompt_description: "Feature title highlighting a specific service advantage.",
                 min_characters: 8,
                 max_characters: 30,
               },
@@ -494,25 +487,8 @@ export const Service1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          "padding-left": "6xl",
-          "padding-right": "6xl",
-          mobile: {
-            "padding-top": "5xl",
-            "padding-bottom": "5xl",
-            "padding-left": "2xl",
-            "padding-right": "2xl",
-          },
-        },
-        container: {
-          width: "100%",
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-        },
+        layout: {},
+        container: {},
         "main-wrapper": {
           display: "flex",
           "column-gap": "6xl",
@@ -535,7 +511,6 @@ export const Service1: IBlock = {
         },
         "content-box": {},
         "main-title": {
-          color: "text-1",
           "margin-bottom": "xs",
         },
         "main-description": {
@@ -559,13 +534,9 @@ export const Service1: IBlock = {
               "padding-bottom": "none",
             },
             question: {
-              "font-size": "lg",
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
             },
             answer: {
-              color: "text-2",
-              "line-height": "1.6",
               "padding-bottom": "lg",
             },
             trigger: {
@@ -591,13 +562,9 @@ export const Service1: IBlock = {
               "padding-bottom": "none",
             },
             question: {
-              "font-size": "lg",
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
             },
             answer: {
-              color: "text-2",
-              "line-height": "1.6",
               "padding-bottom": "lg",
             },
             trigger: {
@@ -623,13 +590,9 @@ export const Service1: IBlock = {
               "padding-bottom": "none",
             },
             question: {
-              "font-size": "lg",
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
             },
             answer: {
-              color: "text-2",
-              "line-height": "1.6",
               "padding-bottom": "lg",
             },
             trigger: {
@@ -655,13 +618,9 @@ export const Service1: IBlock = {
               "padding-bottom": "none",
             },
             question: {
-              "font-size": "lg",
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
             },
             answer: {
-              color: "text-2",
-              "line-height": "1.6",
               "padding-bottom": "lg",
             },
             trigger: {
@@ -686,9 +645,7 @@ export const Service1: IBlock = {
           padding: "base",
         },
         "features-title": {
-          color: "text-1",
-          "margin-bottom": "sm",
-          "font-size": "2xl",
+          "font-weight": 600,
         },
         "features-list_levoGroup": {
           display: "flex",
@@ -704,12 +661,15 @@ export const Service1: IBlock = {
               "column-gap": "sm",
             },
             title: {
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
               "margin-bottom": "xs",
-              padding: "4xs",
-              "background-color": "background-3",
+              "background-color": "brandSecondary",
               "border-radius": "3xl",
+              color: "brandSecondaryForeground",
+              "padding-right": "sm",
+              "padding-left": "sm",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
             },
             description: {
               "font-size": "sm",
@@ -724,12 +684,15 @@ export const Service1: IBlock = {
               "column-gap": "sm",
             },
             title: {
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
               "margin-bottom": "xs",
-              padding: "4xs",
-              "background-color": "background-3",
+              "background-color": "brandSecondary",
               "border-radius": "3xl",
+              color: "brandSecondaryForeground",
+              "padding-right": "sm",
+              "padding-left": "sm",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
             },
             description: {
               "font-size": "sm",
@@ -744,12 +707,15 @@ export const Service1: IBlock = {
               "column-gap": "sm",
             },
             title: {
-              "font-weight": "600",
-              color: "text-1",
+              "font-weight": 600,
               "margin-bottom": "xs",
-              padding: "4xs",
-              "background-color": "background-3",
+              "background-color": "brandSecondary",
               "border-radius": "3xl",
+              color: "brandSecondaryForeground",
+              "padding-right": "sm",
+              "padding-left": "sm",
+              "padding-top": "4xs",
+              "padding-bottom": "4xs",
             },
             description: {
               "font-size": "sm",
@@ -779,25 +745,24 @@ export const Service1: IBlock = {
             "card-container": {
               display: "flex",
               "flex-direction": "column",
-              "row-gap": "lg",
+              "row-gap": "xs",
               "padding-top": "lg",
               "padding-bottom": "lg",
               "padding-left": "lg",
               "padding-right": "lg",
-              "border-radius": "base",
+              "border-radius": "lg",
               "border-width": "1px",
               "border-style": "solid",
               "border-color": "border",
             },
             title: {
-              color: "text-1",
-              "font-size": "lg",
-              "font-weight": "600",
+              "font-weight": 600,
             },
             image: {
+              width: "100%",
+              height: "200px",
               "object-fit": "cover",
               "border-radius": "base",
-              width: "200px",
             },
             description: {
               color: "text-2",
@@ -805,14 +770,19 @@ export const Service1: IBlock = {
               "font-size": "sm",
               "flex-grow": "1",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "sm",
               "margin-top": "auto",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({ cta: {} })),
             "service-features_levoGroup": {
               display: "grid",
-              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-              "row-gap": "lg",
+              "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+              "row-gap": "6xs",
               "column-gap": "lg",
               mobile: {
                 "grid-template-columns": "repeat(1, minmax(0, 1fr))",
@@ -822,62 +792,20 @@ export const Service1: IBlock = {
               {
                 "feature-container": {
                   display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
+                  "column-gap": "2xs",
                 },
                 icon: {
-                  width: "32px",
-                  height: "32px",
+                  width: "22px",
+                  height: "22px",
                   "flex-shrink": "0",
+                  "font-size": "22px",
                 },
                 "text-container": {
                   display: "flex",
                   "flex-direction": "column",
                 },
                 title: {
-                  "font-weight": "600",
-                  color: "text-1",
                   "margin-bottom": "xs",
-                  "font-size": "sm",
                 },
                 description: {
                   "font-size": "xs",
@@ -888,29 +816,20 @@ export const Service1: IBlock = {
               {
                 "feature-container": {
                   display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
+                  "column-gap": "2xs",
                 },
                 icon: {
-                  width: "32px",
-                  height: "32px",
+                  width: "22px",
+                  height: "22px",
                   "flex-shrink": "0",
+                  "font-size": "22px",
                 },
                 "text-container": {
                   display: "flex",
                   "flex-direction": "column",
                 },
                 title: {
-                  "font-weight": "600",
-                  color: "text-1",
                   "margin-bottom": "xs",
-                  "font-size": "sm",
                 },
                 description: {
                   "font-size": "xs",
@@ -921,29 +840,20 @@ export const Service1: IBlock = {
               {
                 "feature-container": {
                   display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
+                  "column-gap": "2xs",
                 },
                 icon: {
-                  width: "32px",
-                  height: "32px",
+                  width: "22px",
+                  height: "22px",
                   "flex-shrink": "0",
+                  "font-size": "22px",
                 },
                 "text-container": {
                   display: "flex",
                   "flex-direction": "column",
                 },
                 title: {
-                  "font-weight": "600",
-                  color: "text-1",
                   "margin-bottom": "xs",
-                  "font-size": "sm",
                 },
                 description: {
                   "font-size": "xs",
@@ -957,7 +867,7 @@ export const Service1: IBlock = {
             "card-container": {
               display: "flex",
               "flex-direction": "column",
-              "row-gap": "lg",
+              "row-gap": "xs",
               "padding-top": "lg",
               "padding-bottom": "lg",
               "padding-left": "lg",
@@ -968,9 +878,7 @@ export const Service1: IBlock = {
               "border-color": "border",
             },
             title: {
-              color: "text-1",
-              "font-size": "lg",
-              "font-weight": "600",
+              "font-weight": 600,
             },
             image: {
               width: "100%",
@@ -984,10 +892,15 @@ export const Service1: IBlock = {
               "font-size": "sm",
               "flex-grow": "1",
             },
-            cta: {
-              width: "fit-content",
+            ctas_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "sm",
               "margin-top": "auto",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({ cta: {} })),
             "service-features_levoGroup": {
               display: "grid",
               "grid-template-columns": "repeat(1, minmax(0, 1fr))",
@@ -1014,9 +927,7 @@ export const Service1: IBlock = {
                   "flex-direction": "column",
                 },
                 title: {
-                  color: "text-1",
                   "margin-bottom": "xs",
-                  "font-size": "sm",
                 },
                 description: {
                   "font-size": "xs",
@@ -1040,9 +951,7 @@ export const Service1: IBlock = {
                   "flex-direction": "column",
                 },
                 title: {
-                  color: "text-1",
                   "margin-bottom": "xs",
-                  "font-size": "sm",
                 },
                 description: {
                   "font-size": "xs",
@@ -1066,108 +975,7 @@ export const Service1: IBlock = {
                   "flex-direction": "column",
                 },
                 title: {
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
                   "margin-bottom": "xs",
-                  "font-size": "sm",
                 },
                 description: {
                   "font-size": "xs",
@@ -1177,566 +985,138 @@ export const Service1: IBlock = {
               },
             ],
           },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        "main-title": {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "features-title": {
+          heading: {
+            level: "4",
+          },
+          selectedVariants: {
+            Heading_Level: "H5",
+          },
+        },
+        "service-cards": [
           {
-            "card-container": {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-style": "solid",
-              "border-color": "border",
-              "background-color": "background-1",
-            },
             title: {
-              color: "text-1",
-              "font-size": "lg",
-              "font-weight": "600",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-              "border-radius": "base",
+              heading: {
+                level: "5",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
             },
             description: {
-              color: "text-2",
-              "line-height": "1.6",
-              "font-size": "sm",
-              "flex-grow": "1",
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
-            cta: {
-              width: "fit-content",
-              "margin-top": "auto",
+            "card-container": {
+              selectedVariants: {},
             },
-            "service-features_levoGroup": {
-              display: "grid",
-              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-              "row-gap": "lg",
-              "column-gap": "lg",
-              mobile: {
-                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          },
+          {
+            title: {
+              heading: {
+                level: "5",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
               },
             },
             "service-features": [
               {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
                 title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
+                  selectedVariants: {
+                    Typography_Variants: "Small",
+                  },
                 },
               },
               {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
                 title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
+                  selectedVariants: {
+                    Typography_Variants: "Small",
+                  },
                 },
               },
               {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
                 title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
+                  selectedVariants: {
+                    Typography_Variants: "Small",
+                  },
                 },
               },
             ],
-          },
-          {
             "card-container": {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-style": "solid",
-              "border-color": "border",
-              "background-color": "background-1",
-            },
-            title: {
-              color: "text-1",
-              "font-size": "lg",
-              "font-weight": "600",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
-            description: {
-              color: "text-2",
-              "line-height": "1.6",
-              "font-size": "sm",
-              "flex-grow": "1",
+              selectedVariants: {},
             },
-            cta: {
-              width: "fit-content",
-              "margin-top": "auto",
-            },
-            "service-features_levoGroup": {
-              display: "grid",
-              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-              "row-gap": "lg",
-              "column-gap": "lg",
-              mobile: {
-                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+          },
+        ],
+        "services-accordion": [
+          {
+            question: {
+              heading: {
+                level: "5",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
               },
             },
-            "service-features": [
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+          },
+          {
+            question: {
+              selectedVariants: {
+                Heading_Level: "H6",
               },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+              heading: {
+                level: "5",
               },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+            },
+          },
+          {
+            question: {
+              selectedVariants: {
+                Heading_Level: "H6",
               },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+              heading: {
+                level: "5",
               },
-            ],
+            },
           },
           {
-            "card-container": {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-style": "solid",
-              "border-color": "border",
-              "background-color": "background-1",
-            },
-            title: {
-              color: "text-1",
-              "font-size": "lg",
-              "font-weight": "600",
-            },
-            image: {
-              width: "100%",
-              height: "200px",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
-            description: {
-              color: "text-2",
-              "line-height": "1.6",
-              "font-size": "sm",
-              "flex-grow": "1",
-            },
-            cta: {
-              width: "fit-content",
-              "margin-top": "auto",
-            },
-            "service-features_levoGroup": {
-              display: "grid",
-              "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-              "row-gap": "lg",
-              "column-gap": "lg",
-              mobile: {
-                "grid-template-columns": "repeat(1, minmax(0, 1fr))",
+            question: {
+              selectedVariants: {
+                Heading_Level: "H6",
               },
             },
-            "service-features": [
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-              {
-                "feature-container": {
-                  display: "flex",
-                  "align-items": "flex-start",
-                  "column-gap": "base",
-                  "padding-top": "lg",
-                  "padding-bottom": "lg",
-                  "padding-left": "lg",
-                  "padding-right": "lg",
-                  "border-radius": "lg",
-                  "background-color": "background-2",
-                },
-                icon: {
-                  width: "32px",
-                  height: "32px",
-                  "flex-shrink": "0",
-                },
-                "text-container": {
-                  display: "flex",
-                  "flex-direction": "column",
-                },
-                title: {
-                  "font-weight": "600",
-                  color: "text-1",
-                  "margin-bottom": "xs",
-                  "font-size": "sm",
-                },
-                description: {
-                  "font-size": "xs",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
-              },
-            ],
           },
         ],
-      },
-      content: DEFAULT_CONTENT,
-      config: {
-        "main-title": {
-          heading: {
-            level: 2,
-          },
-          selectedVariants: {
-            Heading_Level: "H2",
+        "features-list": [
+          {
+            title: {
+              selectedVariants: {},
+            },
           },
-        },
-        "features-title": {
-          heading: {
-            level: 3,
+          {
+            title: {
+              selectedVariants: {},
+            },
           },
-          selectedVariants: {
-            Heading_Level: "H3",
+          {
+            title: {
+              selectedVariants: {},
+            },
           },
-        },
+        ],
       },
     },
   ],