@levo-so/blocks 0.1.54 → 0.1.59

package/src/blocks/carousel/carousel-2.schema.ts

@@ -0,0 +1,1128 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_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",
+  },
+};
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header: null,
+  "header-content": null,
+  title: "Our Trainers",
+  description:
+    "More Than Instructors — They're Mentors Who Push, Inspire, and Guide You Toward Your Strongest Self, One Session at a Time.",
+  team: [
+    {
+      card: null,
+      info: null,
+      "name-position-wrapper": null,
+      name: "Lisa Kudro",
+      description: "Senior Fitness Trainer",
+      social: [
+        {
+          icon: {
+            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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+            },
+          },
+        },
+      ],
+      img: DEFAULT_IMAGE,
+    },
+    {
+      card: null,
+      info: null,
+      "name-position-wrapper": null,
+      name: "Lisa Kudro",
+      description: "Senior Fitness Trainer",
+      social: [
+        {
+          icon: {
+            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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+            },
+          },
+        },
+      ],
+      img: DEFAULT_IMAGE,
+    },
+    {
+      card: null,
+      info: null,
+      "name-position-wrapper": null,
+      name: "Lisa Kudro",
+      description: "Senior Fitness Trainer",
+      social: [
+        {
+          icon: {
+            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="var(--color-icon-primary)"/>\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="var(--color-icon-primary)"/>\n</svg>',
+            },
+          },
+        },
+      ],
+      img: DEFAULT_IMAGE,
+    },
+  ],
+  "carousel-navigation-container": null,
+  "carousel-navigation": null,
+  "carousel-navigation-pill": null,
+  "carousel-navigation-arrow-left": " ",
+  "carousel-navigation-arrow-right": " ",
+  "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>',
+    },
+  },
+  cta_wrapper: null,
+  cta: "Explore All Trainers",
+};
+
+export type ICarousel2Content = typeof DEFAULT_CONTENT;
+
+export const Carousel2: IBlock = {
+  category_id: "carousel",
+  title: "Carousel 2",
+  key: "carousel-2",
+  version: "v1",
+  prompt_description:
+    "Team carousel showcasing team member profiles with background images, names, positions and social icons, featuring a header with title and description, and a call-to-action button below.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Defines the overall layout structure for the team grid block, providing consistent spacing and alignment.",
+      },
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Main container providing padding and centering for the team section.",
+      },
+    },
+    {
+      key: "header",
+      label: "Header",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the section title and description, positioned above the team grid.",
+      },
+    },
+    {
+      key: "header-content",
+      label: "Header Content",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Wrapper for title and description.",
+      },
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "Main heading for the team section. Use a clear, engaging title that introduces the team.",
+        min_characters: 8,
+        max_characters: 30,
+      },
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Descriptive text explaining the team's role or mission. Keep it engaging and professional.",
+        min_characters: 50,
+        max_characters: 200,
+      },
+    },
+    {
+      key: "carousel-navigation-container",
+      label: "Carousel Navigation Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the carousel navigation dots, positioned below the team carousel.",
+      },
+    },
+    {
+      key: "carousel-navigation",
+      label: "Carousel Navigation",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the navigation pills or dots indicating carousel position.",
+      },
+    },
+    {
+      key: "carousel-navigation-pill",
+      label: "Carousel Navigation Pill",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Individual navigation dot for the carousel, indicating current position.",
+      },
+    },
+    {
+      key: "carousel-navigation-arrow-left",
+      label: "Left Arrow",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description: "Arrow button to slide carousel to the left.",
+      },
+    },
+    {
+      key: "carousel-navigation-arrow-right",
+      label: "Right Arrow",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description: "Arrow button to slide carousel to the right.",
+      },
+    },
+    {
+      key: "carousel-navigation-top-container",
+      label: "Carousel Navigation Top Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for navigation arrows in the header.",
+      },
+    },
+    {
+      key: "team",
+      label: "Team Members",
+      field_interface: "CarouselWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "card",
+          label: "Card Container",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Wrapper for each team member card, providing structure and spacing with background image.",
+          },
+        },
+        {
+          key: "img",
+          label: "Card Image",
+          field_interface: "MediaWidget",
+        },
+        {
+          key: "info",
+          label: "Member Info",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for team member information including name, position, and social links.",
+          },
+        },
+        {
+          key: "name-position-wrapper",
+          label: "Name Position Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Container for name and position that allows flex styling and proper spacing.",
+          },
+        },
+        {
+          key: "name",
+          label: "Member Name",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Full name of the team member. Use professional, clear naming.",
+            min_characters: 8,
+            max_characters: 30,
+          },
+        },
+        {
+          key: "description",
+          label: "Description/Position",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Full name of the team member. Use professional, clear naming.",
+            min_characters: 8,
+            max_characters: 30,
+          },
+        },
+        {
+          key: "social",
+          label: "Social Links",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "icon",
+              label: "Social Icon",
+              field_interface: "IconWidget",
+              hint: {
+                prompt_description:
+                  "Social media platform icon, typically LinkedIn for professional teams. Can be any social media platform icon.",
+                orientation: "square",
+                size: "icon",
+                usecase: "icon",
+              },
+            },
+          ],
+          hint: {
+            prompt_description:
+              "Collection of social media icons for the team member, typically just LinkedIn.",
+            min_items: 1,
+            max_items: 3,
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "A grid of team member cards showcasing the team with professional photos and contact information.",
+        min_items: 3,
+        max_items: 12,
+      },
+    },
+    {
+      key: "cta_wrapper",
+      label: "CTA Wrapper",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for the call-to-action button, positioned below the team grid.",
+      },
+    },
+    {
+      key: "cta",
+      label: "CTA Button",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description:
+          "Call-to-action button to encourage further engagement with the team or company.",
+        min_characters: 10,
+        max_characters: 30,
+      },
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      config: {
+        team_levoGroup: {
+          carousel: {
+            loop: true,
+          },
+        },
+        "carousel-navigation-arrow-left": {
+          button_icons: {
+            left: {
+              enabled: true,
+            },
+          },
+        },
+        "carousel-navigation-arrow-right": {
+          button_icons: {
+            right: {
+              enabled: true,
+            },
+          },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      styles: {
+        layout: {
+          "background-color": "white",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
+          mobile: {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+          },
+        },
+        container: {
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "padding-left": "xl",
+          "padding-right": "xl",
+        },
+        header: {
+          "margin-bottom": "3xl",
+          mobile: {
+            "margin-bottom": "2xl",
+            "flex-direction": "column",
+            "justify-content": "center",
+            "align-items": "center",
+          },
+          display: "flex",
+          "justify-content": "space-between",
+          "align-items": "end",
+          "flex-direction": "row",
+          "column-gap": "none",
+        },
+        "header-content": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xs",
+          "max-width": "600px",
+        },
+        title: {
+          "font-size": "5xl",
+          "font-weight": "700",
+          color: "text-1",
+          "line-height": "1.2",
+          "margin-bottom": "none",
+          width: "100%",
+          mobile: {
+            "font-size": "3xl",
+            "text-align": "center",
+          },
+        },
+        description: {
+          "font-size": "lg",
+          color: "text-2",
+          "line-height": "1.6",
+          "text-align": "left",
+          "margin-bottom": "none",
+          mobile: {
+            "text-align": "center",
+          },
+        },
+        team_levoGroup: {
+          number_of_slides: 3,
+          "column-gap": "xl",
+          mobile: {
+            number_of_slides: 1,
+          },
+          tablet: {
+            number_of_slides: 2,
+          },
+        },
+        team: [
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "base",
+              "padding-right": "base",
+              "box-shadow": "none",
+              position: "absolute",
+              bottom: "20px",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {},
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+            img: {
+              "min-height": "500px",
+              "object-fit": "cover",
+              position: "relative",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "base",
+              "padding-right": "base",
+              "box-shadow": "none",
+              position: "absolute",
+              bottom: "20px",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {},
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+            img: {
+              "min-height": "500px",
+              "object-fit": "cover",
+              position: "relative",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "base",
+              "padding-right": "base",
+              "box-shadow": "none",
+              position: "absolute",
+              bottom: "20px",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {},
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+            img: {
+              "min-height": "500px",
+              "object-fit": "cover",
+              position: "relative",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "base",
+              "padding-right": "base",
+              "box-shadow": "none",
+              position: "absolute",
+              bottom: "20px",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {},
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+            img: {
+              "min-height": "500px",
+              "object-fit": "cover",
+              position: "relative",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "base",
+              "padding-right": "base",
+              "box-shadow": "none",
+              position: "absolute",
+              bottom: "20px",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {},
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+            img: {
+              "min-height": "500px",
+              "object-fit": "cover",
+              position: "relative",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "base",
+              "padding-right": "base",
+              "box-shadow": "none",
+              position: "absolute",
+              bottom: "20px",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {},
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+            img: {
+              "min-height": "500px",
+              "object-fit": "cover",
+              position: "relative",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              padding: "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              position: "relative",
+              "min-height": "500px",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "none",
+              "padding-right": "none",
+              "box-shadow": "none",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {
+              color: "white",
+            },
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              padding: "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "none",
+              "padding-right": "none",
+              "box-shadow": "none",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {
+              color: "white",
+            },
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "center",
+              "border-radius": "lg",
+              padding: "lg",
+              "box-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
+              "min-height": "500px",
+              position: "relative",
+              "margin-left": "4xs",
+              "margin-right": "4xs",
+            },
+            info: {
+              display: "flex",
+              "flex-direction": "row",
+              "align-items": "center",
+              "justify-content": "space-between",
+              width: "100%",
+              "margin-top": "auto",
+              "padding-top": "none",
+              "padding-bottom": "none",
+              "padding-left": "none",
+              "padding-right": "none",
+              "box-shadow": "none",
+            },
+            "name-position-wrapper": {
+              display: "flex",
+              "flex-direction": "column",
+              "align-items": "flex-start",
+              "row-gap": "4xs",
+            },
+            name: {
+              color: "white",
+            },
+            description: {
+              "font-size": "base",
+              color: "text-2",
+              "font-weight": "400",
+              display: "none",
+            },
+            social_levoGroup: {
+              display: "flex",
+              "justify-content": "center",
+              "column-gap": "xs",
+            },
+            social: [
+              {
+                icon: {
+                  width: "40px",
+                  height: "40px",
+                  "object-fit": "contain",
+                  "border-style": "solid",
+                  "border-width": "1px",
+                  "border-color": "brand",
+                  "border-radius": "full",
+                  "background-color": "white",
+                  display: "block",
+                  padding: "xs",
+                  "font-size": "40px",
+                },
+              },
+            ],
+          },
+        ],
+        cta_wrapper: {
+          display: "flex",
+          "justify-content": "center",
+          "margin-top": "3xl",
+          mobile: {
+            "margin-top": "2xl",
+          },
+        },
+        cta: {
+          "background-color": "brand",
+          color: "white",
+          "padding-top": "base",
+          "padding-bottom": "base",
+          "padding-left": "xl",
+          "padding-right": "xl",
+          "border-radius": "lg",
+          "font-size": "base",
+          "font-weight": "600",
+          "border-style": "none",
+        },
+        "carousel-navigation-container": {
+          display: "flex",
+          "justify-content": "center",
+          "margin-top": "2xl",
+        },
+        "carousel-navigation": {
+          display: "flex",
+          "column-gap": "2xs",
+          "align-items": "center",
+          filter: "none",
+        },
+        "carousel-navigation-pill": {
+          width: "8px",
+          height: "8px",
+          "border-radius": "8px",
+          "background-color": "var(--color-border)",
+          cursor: "pointer",
+          filter: "none",
+          transition: "all 0.3s ease",
+        },
+        "carousel-navigation-arrow-left": {
+          "border-radius": "3xl",
+          width: "40px",
+          height: "40px",
+          padding: "0",
+        },
+        "carousel-navigation-arrow-right": {
+          "border-radius": "3xl",
+          width: "40px",
+          height: "40px",
+          padding: "0",
+        },
+        "carousel-navigation-top-container": {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "2xs",
+        },
+        "carousel-navigation-arrow-left_leftIcon": {
+          height: "22px",
+          width: "22px",
+          "font-size": "22px",
+        },
+        "carousel-navigation-arrow-right_rightIcon": {
+          height: "22px",
+          width: "22px",
+          "font-size": "22px",
+        },
+      },
+    },
+  ],
+};