@levo-so/blocks 0.1.0 → 0.1.2

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

@@ -0,0 +1,1793 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header: null,
+  "header-content": null,
+  title: "Featured Solutions Overview",
+  description:
+    "Discover comprehensive business solutions designed to accelerate growth and streamline operations across multiple industries.",
+  "carousel-container": null,
+  "carousel-navigation-arrow-left": " ",
+  "carousel-navigation-arrow-right": " ",
+  "carousel-navigation-bottom-container": null,
+  "carousel-navigation-bottom": null,
+  "carousel-navigation-arrow-left-bottom": " ",
+  "carousel-navigation-arrow-right-bottom": " ",
+  cards: [
+    {
+      card: null,
+      "image-container": null,
+      image: {
+        id: "hjB4vGY2wTjw",
+        filename: "image.png",
+        kind: "image",
+        location: "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW.png",
+        srcset: {
+          "1080w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1080w.webp",
+          "1200w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1200w.webp",
+          "1920w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1920w.webp",
+          "320w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-320w.webp",
+          "640w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-640w.webp",
+          "750w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-750w.webp",
+          "828w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-828w.webp",
+          path: "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-640w.webp 640w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-750w.webp 750w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-828w.webp 828w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1080w.webp 1080w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1200w.webp 1200w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1920w.webp 1920w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-320w.webp 320w",
+        },
+        mimetype: "image/png",
+      },
+      "content-container": null,
+      "header-container": null,
+      "card-title": "Enterprise Analytics Platform",
+      "card-description":
+        "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
+      stats: [
+        {
+          stat_card: null,
+          number: "99.9%",
+          label: "Uptime",
+        },
+        {
+          stat_card: null,
+          number: "500K+",
+          label: "Data Points",
+        },
+        {
+          stat_card: null,
+          number: "24/7",
+          label: "Support",
+        },
+      ],
+      cta: "Learn More",
+    },
+    {
+      card: null,
+      "image-container": null,
+      image: {
+        id: "hjB4vGY2wTjw",
+        filename: "image.png",
+        kind: "image",
+        location: "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW.png",
+        srcset: {
+          "1080w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1080w.webp",
+          "1200w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1200w.webp",
+          "1920w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1920w.webp",
+          "320w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-320w.webp",
+          "640w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-640w.webp",
+          "750w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-750w.webp",
+          "828w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-828w.webp",
+          path: "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-640w.webp 640w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-750w.webp 750w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-828w.webp 828w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1080w.webp 1080w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1200w.webp 1200w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1920w.webp 1920w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-320w.webp 320w",
+        },
+        mimetype: "image/png",
+      },
+      "content-container": null,
+      "header-container": null,
+      "card-title": "Enterprise Analytics Platform",
+      "card-description":
+        "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
+      stats: [
+        {
+          stat_card: null,
+          number: "99.9%",
+          label: "Uptime",
+        },
+        {
+          stat_card: null,
+          number: "500K+",
+          label: "Data Points",
+        },
+        {
+          stat_card: null,
+          number: "24/7",
+          label: "Support",
+        },
+      ],
+      cta: "Learn More",
+    },
+    {
+      card: null,
+      "image-container": null,
+      image: {
+        id: "hjB4vGY2wTjw",
+        filename: "image.png",
+        kind: "image",
+        location: "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW.png",
+        srcset: {
+          "1080w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1080w.webp",
+          "1200w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1200w.webp",
+          "1920w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1920w.webp",
+          "320w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-320w.webp",
+          "640w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-640w.webp",
+          "750w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-750w.webp",
+          "828w":
+            "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-828w.webp",
+          path: "https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-640w.webp 640w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-750w.webp 750w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-828w.webp 828w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1080w.webp 1080w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1200w.webp 1200w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-1920w.webp 1920w, https://space.levo.in.net/W6OEVMW8/image-9GFGqRTHaylW-320w.webp 320w",
+        },
+        mimetype: "image/png",
+      },
+      "content-container": null,
+      "header-container": null,
+      "card-title": "Enterprise Analytics Platform",
+      "card-description":
+        "Advanced data analytics and business intelligence solutions for enterprise-level decision making.",
+      stats: [
+        {
+          stat_card: null,
+          number: "99.9%",
+          label: "Uptime",
+        },
+        {
+          stat_card: null,
+          number: "500K+",
+          label: "Data Points",
+        },
+        {
+          stat_card: null,
+          number: "24/7",
+          label: "Support",
+        },
+      ],
+      cta: "Learn More",
+    },
+  ],
+  "carousel-navigation-arrow-left_leftIcon": {
+    kind: "icon",
+    data: {
+      id: "arrow-left",
+      label: "Arrow Left",
+      tags: ["arrow", "custom", "directional", "left"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+  "carousel-navigation-arrow-right_rightIcon": {
+    kind: "icon",
+    data: {
+      id: "arrow-right-1",
+      label: "Arrow Right 1",
+      tags: ["arrow", "custom", "directional", "right"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+  "carousel-navigation-arrow-left-bottom_leftIcon": {
+    kind: "icon",
+    data: {
+      id: "arrow-left",
+      label: "Arrow Left",
+      tags: ["arrow", "custom", "directional", "left"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="currentColor"/>\n<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+  "carousel-navigation-arrow-right-bottom_rightIcon": {
+    kind: "icon",
+    data: {
+      id: "arrow-right-1",
+      label: "Arrow Right 1",
+      tags: ["arrow", "custom", "directional", "right"],
+      svgCode:
+        '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.4301 18.82C14.2401 18.82 14.0501 18.75 13.9001 18.6C13.6101 18.31 13.6101 17.83 13.9001 17.54L19.4401 12L13.9001 6.46C13.6101 6.17 13.6101 5.69 13.9001 5.4C14.1901 5.11 14.6701 5.11 14.9601 5.4L21.0301 11.47C21.3201 11.76 21.3201 12.24 21.0301 12.53L14.9601 18.6C14.8101 18.75 14.6201 18.82 14.4301 18.82Z" fill="currentColor"/>\n<path d="M20.33 12.75H3.5C3.09 12.75 2.75 12.41 2.75 12C2.75 11.59 3.09 11.25 3.5 11.25H20.33C20.74 11.25 21.08 11.59 21.08 12C21.08 12.41 20.74 12.75 20.33 12.75Z" fill="currentColor"/>\n</svg>',
+    },
+  },
+};
+
+export type ICards7Content = typeof DEFAULT_CONTENT;
+
+export const Cards7: IBlock = {
+  category_id: "cards",
+  title: "Cards 7",
+  key: "cards-7",
+  version: "v1",
+  prompt_description:
+    "Interactive carousel showcasing feature cards with left-aligned images and right-aligned content including title, description, stats, and CTA button. Includes navigation arrows positioned on the left and right of the carousel.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Defines the overall layout structure for the cards carousel block with proper spacing and alignment.",
+      },
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Main container providing centered alignment and responsive padding for the entire cards section.",
+      },
+    },
+    {
+      key: "header",
+      label: "Header",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the section header elements including title and description.",
+      },
+    },
+    {
+      key: "header-content",
+      label: "Header Content",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Wrapper for organizing header title and description with proper spacing.",
+      },
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "Main section heading that introduces the featured cards. Should be compelling and descriptive of the solutions or features being showcased.",
+        min_characters: 20,
+        max_characters: 60,
+      },
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Supporting text that provides additional context about the featured cards and their benefits. Should complement the main title.",
+        min_characters: 80,
+        max_characters: 200,
+      },
+    },
+    {
+      key: "carousel-container",
+      label: "Carousel Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container that holds the carousel and navigation arrows, positioning them horizontally with proper spacing.",
+      },
+    },
+    {
+      key: "carousel-navigation-arrow-left",
+      label: "Carousel Navigation Arrow Left",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description:
+          "Left navigation arrow to go to the previous card in the carousel. Positioned on the left side of the carousel.",
+      },
+    },
+    {
+      key: "carousel-navigation-arrow-right",
+      label: "Carousel Navigation Arrow Right",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description:
+          "Right navigation arrow to go to the next card in the carousel. Positioned on the right side of the carousel.",
+      },
+    },
+    {
+      key: "carousel-navigation-bottom-container",
+      label: "Carousel Navigation Bottom Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the bottom navigation arrows that appears on tablet and mobile devices below the carousel.",
+      },
+    },
+    {
+      key: "carousel-navigation-bottom",
+      label: "Carousel Navigation Bottom",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Bottom navigation wrapper that holds the left and right arrow buttons for tablet and mobile views.",
+      },
+    },
+    {
+      key: "carousel-navigation-arrow-left-bottom",
+      label: "Carousel Navigation Arrow Left Bottom",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description:
+          "Left navigation arrow for bottom navigation. Visible on tablet and mobile to go to the previous card.",
+      },
+    },
+    {
+      key: "carousel-navigation-arrow-right-bottom",
+      label: "Carousel Navigation Arrow Right Bottom",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description:
+          "Right navigation arrow for bottom navigation. Visible on tablet and mobile to go to the next card.",
+      },
+    },
+    {
+      key: "cards",
+      label: "Cards",
+      field_interface: "CarouselWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "card",
+          label: "Card",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Individual card container that organizes the image and content in a horizontal layout.",
+          },
+        },
+        {
+          key: "image-container",
+          label: "Image Container",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for the card image, providing consistent sizing and positioning on the left side.",
+          },
+        },
+        {
+          key: "image",
+          label: "Image",
+          field_interface: "ImageWidget",
+          hint: {
+            prompt_description:
+              "Visual representation of the featured solution or service. Should be professional and relevant to the card content.",
+            orientation: "landscape",
+            size: "large",
+          },
+        },
+        {
+          key: "content-container",
+          label: "Content Container",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Right-side container that holds all text content, stats, and CTA button with proper vertical spacing.",
+          },
+        },
+        {
+          key: "header-container",
+          label: "Header Container",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for the card's title and description, positioned at the top of the content area.",
+          },
+        },
+        {
+          key: "card-title",
+          label: "Card Title",
+          field_interface: "HeadingWidget",
+          hint: {
+            prompt_description:
+              "Primary heading for the individual card. Should clearly identify the solution or feature being presented.",
+            min_characters: 15,
+            max_characters: 50,
+          },
+        },
+        {
+          key: "card-description",
+          label: "Card Description",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Detailed description of the card's solution or feature, explaining its benefits and capabilities.",
+            min_characters: 60,
+            max_characters: 150,
+          },
+        },
+        {
+          key: "stats",
+          label: "Stats",
+          kind: "group",
+          field_interface: "BoxWidget",
+          fields: [
+            {
+              key: "stat_card",
+              label: "Stat Card",
+              field_interface: "BoxWidget",
+              hint: {
+                prompt_description:
+                  "Individual stat container holding a metric number and its descriptive label.",
+              },
+            },
+            {
+              key: "number",
+              label: "Number",
+              field_interface: "HeadingWidget",
+              hint: {
+                prompt_description:
+                  "The metric value or statistic (e.g., '99.9%', '500K+', '24/7'). Should be impactful and relevant.",
+                min_characters: 2,
+                max_characters: 8,
+              },
+            },
+            {
+              key: "label",
+              label: "Label",
+              field_interface: "TypographyWidget",
+              hint: {
+                prompt_description:
+                  "Descriptive label explaining what the number represents (e.g., 'Uptime', 'Users', 'Support').",
+                min_characters: 4,
+                max_characters: 20,
+              },
+            },
+          ],
+          hint: {
+            prompt_description:
+              "Collection of key performance metrics or statistics that demonstrate the value and effectiveness of the featured solution.",
+            min_items: 3,
+            max_items: 4,
+          },
+        },
+        {
+          key: "cta",
+          label: "CTA Button",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description:
+              "Call-to-action button encouraging users to learn more or engage with the featured solution.",
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "Carousel of feature cards showcasing different solutions or services. Each card combines visual content with detailed information and key metrics.",
+        min_items: 3,
+        max_items: 6,
+      },
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {
+          "padding-top": "7xl",
+          "padding-bottom": "7xl",
+          "padding-left": "lg",
+          "padding-right": "lg",
+          mobile: {
+            "padding-top": "4xl",
+            "padding-bottom": "4xl",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+          tablet: {
+            "padding-left": "none",
+            "padding-right": "none",
+            "padding-top": "none",
+            "padding-bottom": "none",
+          },
+        },
+        container: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "max-width": "none",
+          tablet: {
+            "margin-left": "auto",
+            "padding-left": "xl",
+            "padding-right": "xl",
+          },
+        },
+        header: {
+          "text-align": "center",
+          "margin-bottom": "4xl",
+          mobile: {
+            "margin-bottom": "2xl",
+          },
+        },
+        "header-content": {
+          "max-width": "800px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        title: {
+          color: "text-1",
+          "margin-bottom": "lg",
+        },
+        description: {
+          color: "text-2",
+        },
+        "carousel-container": {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "lg",
+          position: "relative",
+          mobile: {
+            "flex-direction": "column",
+            "row-gap": "lg",
+          },
+          tablet: {
+            "padding-left": "none",
+            "padding-right": "none",
+          },
+        },
+        "carousel-navigation-arrow-left": {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "border-radius": "50%",
+          "background-color": "white",
+          color: "text-2",
+          cursor: "pointer",
+          "font-size": "lg",
+          "font-weight": "500",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+          "border-color": "transparent",
+          "border-width": "0px",
+          "border-style": "solid",
+          _hover: {
+            opacity: "0.9",
+          },
+          width: "48px",
+          height: "48px",
+          border: "1px solid var(--color-border)",
+          transition: "opacity 0.3s ease, cursor 0.3s ease",
+          mobile: {
+            width: "40px",
+            height: "40px",
+            filter: "none",
+            "padding-top": "none",
+            "padding-bottom": "none",
+            "padding-left": "none",
+            "padding-right": "none",
+          },
+          tablet: {
+            display: "none",
+          },
+        },
+        "carousel-navigation-arrow-right": {
+          width: "48px",
+          height: "48px",
+          "border-radius": "50%",
+          "background-color": "white",
+          border: "1px solid var(--color-border)",
+          cursor: "pointer",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          mobile: {
+            width: "40px",
+            height: "40px",
+            filter: "none",
+            "font-size": "xs",
+          },
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+          "column-gap": "none",
+          color: "text-3",
+          tablet: {
+            filter: "none",
+            display: "none",
+          },
+        },
+        cards_levoGroup: {
+          flex: "1",
+          mobile: {
+            "max-width": "100%",
+            order: "1",
+          },
+          number_of_slides: 1,
+          tablet: {
+            number_of_slides: 1,
+          },
+        },
+        cards: [
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {
+                width: "100%",
+              },
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+                "padding-top": "none",
+              },
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            "card-description": {
+              color: "text-2",
+              tablet: {
+                "max-width": "600px",
+              },
+            },
+            stats_levoGroup: {
+              display: "grid",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              tablet: {
+                "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+                "row-gap": "lg",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            stats: [
+              {
+                number: {
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {
+                width: "100%",
+              },
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+                "padding-top": "none",
+              },
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            "card-description": {
+              color: "text-2",
+              tablet: {
+                "max-width": "600px",
+              },
+            },
+            stats_levoGroup: {
+              display: "grid",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              tablet: {
+                "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+                "row-gap": "lg",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            stats: [
+              {
+                number: {
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {
+                width: "100%",
+              },
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+                "padding-top": "none",
+              },
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            "card-description": {
+              color: "text-2",
+              tablet: {
+                "max-width": "600px",
+              },
+            },
+            stats_levoGroup: {
+              display: "grid",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              tablet: {
+                "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+                "row-gap": "lg",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            stats: [
+              {
+                number: {
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                  tablet: {
+                    "font-size": "2xl",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {
+                width: "100%",
+              },
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+                "padding-top": "none",
+              },
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            "card-description": {
+              color: "text-2",
+              tablet: {
+                "max-width": "600px",
+              },
+            },
+            stats_levoGroup: {
+              display: "grid",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              tablet: {
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            stats: [
+              {
+                number: {
+                  tablet: {
+                    "font-size": "base",
+                  },
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {
+                width: "100%",
+              },
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-top": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+              },
+              tablet: {
+                "flex-direction": "column",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+              tablet: {
+                "font-size": "xl",
+              },
+            },
+            "card-description": {
+              color: "text-2",
+              tablet: {
+                "max-width": "600px",
+              },
+            },
+            stats_levoGroup: {
+              display: "grid",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+              "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+              tablet: {
+                "grid-template-columns": "repeat(2, minmax(0, 1fr))",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            stats: [
+              {
+                number: {
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                },
+              },
+              {
+                number: {
+                  "font-size": "3xl",
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+                width: "fit-content",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {},
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+                "padding-top": "none",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+            },
+            "card-description": {
+              color: "text-2",
+            },
+            stats_levoGroup: {
+              display: "flex",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+                width: "fit-content",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {},
+            },
+            image: {
+              width: "100%",
+              height: "100%",
+              "object-fit": "cover",
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-top": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+              },
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+            },
+            "card-description": {
+              color: "text-2",
+            },
+            stats_levoGroup: {
+              display: "flex",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+              },
+            },
+            stat_card: {
+              "text-align": "center",
+              mobile: {
+                flex: "1 1 calc(50% - 4px)",
+                "min-width": "80px",
+              },
+            },
+            number: {
+              color: "text-1",
+              "margin-bottom": "xs",
+            },
+            label: {
+              color: "text-2",
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+                width: "fit-content",
+              },
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+                "padding-top": "none",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+                width: "100%",
+                height: "100%",
+              },
+              tablet: {},
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            stats_levoGroup: {
+              display: "flex",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+              },
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+            },
+            image: {
+              mobile: {
+                width: "100%",
+                height: "100%",
+                "object-fit": "cover",
+              },
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "background-color": "white",
+              "border-radius": "base",
+              "box-shadow": "lg",
+              overflow: "hidden",
+              "align-items": "stretch",
+              mobile: {
+                "flex-direction": "column",
+                "min-height": "auto",
+                "row-gap": "base",
+              },
+              "border-style": "solid",
+              "border-width": "1px",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              tablet: {
+                "flex-direction": "column",
+                "align-items": "start",
+                width: "fit-content",
+              },
+            },
+            "content-container": {
+              flex: "1",
+              padding: "2xl",
+              display: "flex",
+              "flex-direction": "column",
+              "justify-content": "space-between",
+              mobile: {
+                padding: "lg",
+                "padding-left": "none",
+                "padding-top": "none",
+                "padding-right": "none",
+                "padding-bottom": "none",
+              },
+            },
+            "image-container": {
+              flex: "0 0 40%",
+              mobile: {
+                flex: "none",
+              },
+              tablet: {},
+            },
+            "header-container": {
+              "margin-bottom": "lg",
+            },
+            stats_levoGroup: {
+              display: "flex",
+              "column-gap": "lg",
+              "margin-bottom": "lg",
+              mobile: {
+                "flex-wrap": "wrap",
+                "row-gap": "sm",
+                "column-gap": "sm",
+              },
+            },
+            cta: {
+              "align-self": "flex-start",
+              "border-color": "border",
+              "padding-top": "sm",
+              "padding-bottom": "sm",
+              "padding-left": "lg",
+              "padding-right": "lg",
+            },
+            "card-title": {
+              "margin-bottom": "sm",
+            },
+            image: {
+              mobile: {
+                "object-fit": "cover",
+                width: "100%",
+                height: "100%",
+              },
+            },
+          },
+        ],
+        "carousel-navigation-arrow-left_leftIcon": {
+          height: "22px",
+          width: "22px",
+          "font-size": "22px",
+        },
+        "carousel-navigation-arrow-right_rightIcon": {
+          height: "24px",
+          width: "24px",
+        },
+        "carousel-navigation-bottom-container": {
+          display: "none",
+          "justify-content": "center",
+          "margin-top": "2xl",
+          tablet: {
+            display: "flex",
+          },
+          mobile: {
+            display: "flex",
+          },
+        },
+        "carousel-navigation-bottom": {
+          display: "flex",
+          "column-gap": "sm",
+          "align-items": "center",
+        },
+        "carousel-navigation-arrow-left-bottom": {
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          "border-radius": "50%",
+          "background-color": "white",
+          color: "text-2",
+          cursor: "pointer",
+          "font-size": "lg",
+          "font-weight": "500",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+          "border-color": "transparent",
+          "border-width": "0px",
+          "border-style": "solid",
+          _hover: {
+            opacity: "0.9",
+          },
+          width: "48px",
+          height: "48px",
+          border: "1px solid var(--color-border)",
+          transition: "opacity 0.3s ease, cursor 0.3s ease",
+          "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
+          mobile: {
+            width: "40px",
+            height: "40px",
+          },
+        },
+        "carousel-navigation-arrow-right-bottom": {
+          width: "48px",
+          height: "48px",
+          "border-radius": "50%",
+          "background-color": "white",
+          border: "1px solid var(--color-border)",
+          cursor: "pointer",
+          display: "flex",
+          "align-items": "center",
+          "justify-content": "center",
+          transition: "opacity 0.3s ease, cursor 0.3s ease",
+          "box-shadow": "0 2px 8px rgba(0, 0, 0, 0.1)",
+          "padding-top": "none",
+          "padding-bottom": "none",
+          "padding-left": "none",
+          "padding-right": "none",
+          color: "text-2",
+          mobile: {
+            width: "40px",
+            height: "40px",
+          },
+        },
+        "carousel-navigation-arrow-left-bottom_leftIcon": {
+          height: "22px",
+          width: "22px",
+          "font-size": "22px",
+        },
+        "carousel-navigation-arrow-right-bottom_rightIcon": {
+          height: "22px",
+          width: "22px",
+          "font-size": "22px",
+        },
+      },
+      config: {
+        cards_levoGroup: {
+          carousel: {
+            loop: false,
+          },
+        },
+        "carousel-navigation-arrow-left": {
+          button_icons: {
+            left: {
+              enabled: true,
+            },
+          },
+        },
+        "carousel-navigation-arrow-right": {
+          button_icons: {
+            right: {
+              enabled: true,
+            },
+          },
+        },
+        "carousel-navigation-arrow-left-bottom": {
+          button_icons: {
+            left: {
+              enabled: true,
+            },
+          },
+        },
+        "carousel-navigation-arrow-right-bottom": {
+          button_icons: {
+            right: {
+              enabled: true,
+            },
+          },
+        },
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+        "card-title": {
+          heading: {
+            level: 3,
+          },
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        number: {
+          heading: {
+            level: 4,
+          },
+          selectedVariants: {
+            Heading_Level: "H4",
+          },
+        },
+      },
+      content: DEFAULT_CONTENT,
+    },
+  ],
+};