@levo-so/blocks 0.1.1 → 0.1.2

package/src/blocks/content/content-1.schema.ts

@@ -0,0 +1,884 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  layout: null,
+  container: null,
+  header_wrapper: null,
+  header_content: null,
+  title: "Career Platform Overview",
+  description:
+    "<p>A fair platform for every student. Our AI-powered network matches college students and freshers with top employers based on skills and interests. Get your first job and kickstart your career with equal opportunity.</p>",
+  sections: [
+    {
+      section: null,
+      container: null,
+      content_wrapper: null,
+      section_content: null,
+      tag: "Colleges",
+      text_content: null,
+      title: "Connect with Verified Employers Instantly",
+      description:
+        "<p>Provide your students an upskilling platform and diverse job board to increase their hiring opportunities.</p>",
+      button: "Learn More",
+      image_wrapper: null,
+      image_desktop: {
+        id: "VbX6m3WedsSB",
+        kind: "image",
+        location:
+          "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri.webp",
+        srcset: {
+          "1080w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1080w.webp",
+          "1200w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1200w.webp",
+          "1920w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1920w.webp",
+          "320w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-320w.webp",
+          "640w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-640w.webp",
+          "750w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-750w.webp",
+          "828w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-828w.webp",
+          path: "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-320w.webp 320w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-640w.webp 640w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-828w.webp 828w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-750w.webp 750w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1200w.webp 1200w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1080w.webp 1080w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1920w.webp 1920w",
+        },
+      },
+      image_mobile: {
+        id: "7141014160938075687",
+        location:
+          "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+        kind: "image",
+        mimetype: "image/png",
+        srcset: {
+          "1080w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+          "1200w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+          "1920w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+          "320w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+          "640w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+          "750w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+          "828w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+          path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+        },
+      },
+    },
+    {
+      section: null,
+      container: null,
+      content_wrapper: null,
+      section_content: null,
+      tag: "Colleges",
+      text_content: null,
+      title: "Connect with Verified Employers Instantly",
+      description:
+        "<p>Provide your students an upskilling platform and diverse job board to increase their hiring opportunities.</p>",
+      button: "Learn More",
+      image_wrapper: null,
+      image_desktop: {
+        id: "VbX6m3WedsSB",
+        kind: "image",
+        location:
+          "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri.webp",
+        srcset: {
+          "1080w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1080w.webp",
+          "1200w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1200w.webp",
+          "1920w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1920w.webp",
+          "320w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-320w.webp",
+          "640w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-640w.webp",
+          "750w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-750w.webp",
+          "828w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-828w.webp",
+          path: "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-320w.webp 320w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-640w.webp 640w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-828w.webp 828w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-750w.webp 750w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1200w.webp 1200w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1080w.webp 1080w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1920w.webp 1920w",
+        },
+      },
+      image_mobile: {
+        id: "7141014160938075687",
+        location:
+          "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+        kind: "image",
+        mimetype: "image/png",
+        srcset: {
+          "1080w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+          "1200w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+          "1920w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+          "320w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+          "640w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+          "750w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+          "828w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+          path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+        },
+      },
+    },
+    {
+      section: null,
+      container: null,
+      content_wrapper: null,
+      section_content: null,
+      tag: "Colleges",
+      text_content: null,
+      title: "Connect with Verified Employers Instantly",
+      description:
+        "<p>Provide your students an upskilling platform and diverse job board to increase their hiring opportunities.</p>",
+      button: "Learn More",
+      image_wrapper: null,
+      image_desktop: {
+        id: "VbX6m3WedsSB",
+        kind: "image",
+        location:
+          "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri.webp",
+        srcset: {
+          "1080w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1080w.webp",
+          "1200w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1200w.webp",
+          "1920w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1920w.webp",
+          "320w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-320w.webp",
+          "640w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-640w.webp",
+          "750w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-750w.webp",
+          "828w":
+            "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-828w.webp",
+          path: "https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-320w.webp 320w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-640w.webp 640w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-828w.webp 828w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-750w.webp 750w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1200w.webp 1200w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1080w.webp 1080w, https://space.levo.in.net/WZZKMUBH/image-JtayEtmtSQji-1920w-Ncz6XHJr6Lri-1920w.webp 1920w",
+        },
+      },
+      image_mobile: {
+        id: "7141014160938075687",
+        location:
+          "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+        kind: "image",
+        mimetype: "image/png",
+        srcset: {
+          "1080w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+          "1200w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+          "1920w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+          "320w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+          "640w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+          "750w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+          "828w":
+            "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+          path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+        },
+      },
+    },
+  ],
+};
+
+export type IContent1Content = typeof DEFAULT_CONTENT;
+
+export const Content1: IBlock = {
+  category_id: "content",
+  title: "Content 1",
+  key: "content-1",
+  version: "v1",
+  prompt_description:
+    "Centered headline and description at the top, followed by a split section: large bold heading, supporting text, and button on the left, with a feature graphic or screenshot on the right.",
+  content_schema: [
+    {
+      key: "layout",
+      label: "Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Provides the overall page layout. Typically, this widget manages spacing and positions for all other content blocks, ensuring proper alignment and whitespace.",
+      },
+    },
+    {
+      key: "container",
+      label: "Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Acts as the primary content container, constraining content width and maintaining central alignment for desktop and mobile views.",
+      },
+    },
+    {
+      key: "header_wrapper",
+      label: "Header Wrapper",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "A wrapper for the header section to apply spacing, background, or layout organization around the main heading and description.",
+      },
+    },
+    {
+      key: "header_content",
+      label: "Header Content",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Groups the header title and introductory description, ensuring cohesive vertical alignment and consistent padding.",
+      },
+    },
+    {
+      key: "title",
+      label: "Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "Main headline introducing the platform. Should be bold, clear, and inviting, conveying the overall purpose in a single line. Tone: aspirational, professional, inclusive.",
+        min_characters: 20,
+        max_characters: 48,
+      },
+    },
+    {
+      key: "description",
+      label: "Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Introductory paragraph explaining the platform’s value proposition for students. Tone: clear, supportive, professional. Should summarize the main features and mission in 1-3 sentences.",
+        min_characters: 100,
+        max_characters: 240,
+      },
+    },
+    {
+      key: "sections",
+      label: "Sections",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "section",
+          label: "Section",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "A single horizontal or vertical section grouping related content and visual elements, such as an info card and an illustration or call-to-action.",
+          },
+        },
+        {
+          key: "container",
+          label: "Container",
+          field_interface: "LayoutWidget",
+          hint: {
+            prompt_description:
+              "Positions this section within the larger layout grid and manages its spacing and alignment.",
+          },
+        },
+        {
+          key: "content_wrapper",
+          label: "Content Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Encloses the main content portion (left side: tag, title, description, CTA), arranging them vertically for clarity and balance.",
+          },
+        },
+        {
+          key: "section_content",
+          label: "Section Content",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Contains both content and accompanying media (e.g., image), ensuring side-by-side or top-bottom stacking as per device.",
+          },
+        },
+        {
+          key: "tag",
+          label: "Tag",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "A small label (e.g., 'Colleges') above the section headline, used for categorization or highlighting key audiences. Tone: neutral, informative.",
+            min_characters: 4,
+            max_characters: 18,
+          },
+        },
+        {
+          key: "text_content",
+          label: "Text Content",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Groups the textual components (tag, title, description, button) for precise alignment within the section.",
+          },
+        },
+        {
+          key: "title",
+          label: "Title",
+          field_interface: "HeadingWidget",
+          hint: {
+            prompt_description:
+              "Section headline describing the specific feature or action promoted on this card. Should be persuasive and concise. Tone: energetic, action-oriented.",
+            min_characters: 36,
+            max_characters: 64,
+          },
+        },
+        {
+          key: "description",
+          label: "description",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "A short explanatory paragraph elaborating on the section headline, highlighting benefits and actions for the user. Tone: helpful, encouraging.",
+            min_characters: 60,
+            max_characters: 160,
+          },
+        },
+        {
+          key: "button",
+          label: "Button",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description:
+              "Primary call-to-action. The button label should encourage deeper engagement or next steps (e.g., 'Learn More'). Tone: direct, concise.",
+            min_characters: 6,
+            max_characters: 24,
+          },
+        },
+        {
+          key: "image_wrapper",
+          label: "Image Wrapper",
+          field_interface: "BoxWidget",
+          hint: {
+            prompt_description:
+              "Holds the visual card or illustration. Used to control sizing and positioning for images relative to text.",
+          },
+        },
+        {
+          key: "image_desktop",
+          label: "Image Desktop",
+          field_interface: "MediaWidget",
+          hint: {
+            prompt_description:
+              "Main visual illustrating the section’s message for desktop screens. Should clearly show relevant UI mockups, platform features, or value props. Typically landscape, large, and content-rich.",
+            orientation: "landscape",
+            size: "large",
+            usecase: "other",
+          },
+        },
+        {
+          key: "image_mobile",
+          label: "Image Mobile",
+          field_interface: "MediaWidget",
+          hint: {
+            prompt_description:
+              "Mobile-optimized version of the above visual. Should fit smaller screens while maintaining clarity and brand alignment. Landscape or square aspect ratio, medium to large size.",
+            orientation: "landscape",
+            size: "medium",
+            usecase: "other",
+          },
+        },
+      ],
+      hint: {
+        prompt_description:
+          "Repeating sections used to showcase platform features or CTAs with supporting visuals and text. Each card includes a tag, headline, description, action button, and accompanying illustration. Design supports multiple (3 visible) sections.",
+        min_items: 1,
+        max_items: 6,
+      },
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "default",
+      styles: {
+        layout: {
+          width: "100%",
+          "padding-top": "9xl",
+          "padding-bottom": "0",
+          "media:max:768px": {
+            "padding-top": "7xl",
+            "padding-bottom": "0",
+          },
+        },
+        container: {
+          width: "100%",
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "padding-right": "3xl",
+          "padding-left": "3xl",
+        },
+        header_wrapper: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+        },
+        header_content: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "margin-bottom": "base",
+          display: "flex",
+          "max-width": "768px",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "row-gap": "xl",
+          "media:min:768px": {
+            "margin-bottom": "3xl",
+          },
+          "media:min:1024px": {
+            "margin-bottom": "8xl",
+          },
+        },
+        title: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "max-width": "768px",
+          "text-align": "center",
+          "font-size": "4xl",
+          "font-weight": 800,
+          color: "text1",
+          "media:min:1024px": {
+            "font-size": "5xl",
+          },
+        },
+        description: {
+          "margin-left": "auto",
+          "margin-right": "auto",
+          "max-width": "3xl",
+          "padding-left": "base",
+          "padding-right": "base",
+          "text-align": "center",
+          "font-size": "base",
+          "font-weight": 400,
+          "line-height": 1.5,
+          color: "text2",
+        },
+        sections_levoGroup: {
+          "margin-top": "3xl",
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "row-gap": "5xl",
+          "media:min:768px": {
+            "margin-top": "3xl",
+            "row-gap": "0",
+          },
+        },
+        sections: [
+          {
+            section: {
+              "padding-left": "9xl",
+              "padding-right": "9xl",
+              "padding-top": "9xl",
+              "padding-bottom": "9xl",
+              "media:max:768px": {
+                "padding-left": "3xl",
+                "padding-right": "3xl",
+                "padding-top": "3xl",
+                "padding-bottom": "3xl",
+              },
+              "media:max:480px": {
+                "padding-left": "base",
+                "padding-right": "base",
+                "padding-top": "base",
+                "padding-bottom": "base",
+              },
+            },
+            container: {
+              width: "100%",
+              "margin-left": "auto",
+              "margin-right": "auto",
+              "padding-right": "3xl",
+              "padding-left": "3xl",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "row-gap": "sm",
+              "flex-direction": "row",
+              "media:min:1536px": {
+                "padding-right": "12xl",
+                "padding-left": "12xl",
+              },
+              "media:min:768px": {
+                "column-gap": "12xl",
+                "row-gap": "12xl",
+                "padding-left": "10xl",
+                "padding-right": "10xl",
+              },
+              "media:max:480px": {
+                "flex-direction": "column-reverse",
+              },
+            },
+            content_wrapper: {
+              width: "100%",
+              "max-width": "50%",
+              flex: "1",
+            },
+            section_content: {
+              "margin-top": "sm",
+              "margin-bottom": "sm",
+              display: "flex",
+              "flex-direction": "column",
+              "column-gap": "base",
+              "row-gap": "base",
+              "media:min:768px": {
+                display: "flex",
+                "max-width": "448px",
+                "column-gap": "3xl",
+                "row-gap": "3xl",
+              },
+            },
+            tag: {
+              "max-width": "max-content",
+              "border-radius": "lg",
+              border: "1px solid",
+              "border-color": "border",
+              "background-color": "background-1",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "2xs",
+              "padding-bottom": "2xs",
+              "font-size": "xs",
+              "font-weight": 600,
+              color: "text-1",
+            },
+            text_content: {
+              display: "flex",
+              "flex-direction": "column",
+              "column-gap": "2xs",
+              "row-gap": "2xs",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              color: "text-1",
+              "media:min:1024px": {
+                "font-size": "4xl",
+              },
+            },
+            description: {
+              "font-size": "base",
+              "font-weight": 400,
+              color: "text-2",
+            },
+            button: {
+              "max-width": "max-content",
+              "border-radius": "3xl",
+              "padding-left": "xl",
+              "padding-right": "xl",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "font-size": "sm",
+              "font-weight": 600,
+            },
+            image_wrapper: {
+              width: "100%",
+              "max-width": "50%",
+              height: "100%",
+              flex: "1",
+            },
+            image_desktop: {
+              height: "100%",
+              width: "100%",
+              "border-radius": "xl",
+              "object-fit": "cover",
+              display: "none",
+              "media:min:640px": {
+                display: "block",
+              },
+            },
+            image_mobile: {
+              height: "100%",
+              width: "100%",
+              "border-radius": "xl",
+              "object-fit": "cover",
+              display: "block",
+              "media:min:640px": {
+                display: "none",
+              },
+            },
+          },
+          {
+            section: {
+              "padding-left": "9xl",
+              "padding-right": "9xl",
+              "padding-top": "9xl",
+              "padding-bottom": "9xl",
+              "media:max:768px": {
+                "padding-left": "3xl",
+                "padding-right": "3xl",
+                "padding-top": "3xl",
+                "padding-bottom": "3xl",
+              },
+              "media:max:480px": {
+                "padding-left": "base",
+                "padding-right": "base",
+                "padding-top": "base",
+                "padding-bottom": "base",
+              },
+            },
+            container: {
+              width: "100%",
+              "margin-left": "auto",
+              "margin-right": "auto",
+              "padding-right": "3xl",
+              "padding-left": "3xl",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "row-gap": "sm",
+              "flex-direction": "row-reverse",
+              "media:min:1536px": {
+                "padding-right": "12xl",
+                "padding-left": "12xl",
+              },
+              "media:min:768px": {
+                "column-gap": "12xl",
+                "row-gap": "12xl",
+                "padding-left": "10xl",
+                "padding-right": "10xl",
+              },
+              "media:max:480px": {
+                "flex-direction": "column-reverse",
+              },
+            },
+            content_wrapper: {
+              width: "100%",
+              "max-width": "50%",
+              flex: "1",
+            },
+            section_content: {
+              "margin-top": "sm",
+              "margin-bottom": "sm",
+              display: "flex",
+              "flex-direction": "column",
+              "column-gap": "base",
+              "row-gap": "base",
+              "media:min:768px": {
+                display: "flex",
+                "max-width": "448px",
+                "column-gap": "3xl",
+                "row-gap": "3xl",
+              },
+            },
+            tag: {
+              "max-width": "max-content",
+              "border-radius": "lg",
+              border: "1px solid",
+              "border-color": "border",
+              "background-color": "background-1",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "2xs",
+              "padding-bottom": "2xs",
+              "font-size": "xs",
+              "font-weight": 600,
+              color: "text-1",
+            },
+            text_content: {
+              display: "flex",
+              "flex-direction": "column",
+              "column-gap": "2xs",
+              "row-gap": "2xs",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              color: "text-1",
+              "media:min:1024px": {
+                "font-size": "4xl",
+              },
+            },
+            description: {
+              "font-size": "base",
+              "font-weight": 400,
+              color: "text-2",
+            },
+            button: {
+              "max-width": "max-content",
+              "border-radius": "3xl",
+              "padding-left": "xl",
+              "padding-right": "xl",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "font-size": "sm",
+              "font-weight": 600,
+            },
+            image_wrapper: {
+              width: "100%",
+              "max-width": "50%",
+              height: "100%",
+              flex: "1",
+            },
+            image_desktop: {
+              height: "100%",
+              width: "100%",
+              "border-radius": "xl",
+              "object-fit": "cover",
+              display: "none",
+              "media:min:640px": {
+                display: "block",
+              },
+            },
+            image_mobile: {
+              height: "100%",
+              width: "100%",
+              "border-radius": "xl",
+              "object-fit": "cover",
+              display: "block",
+              "media:min:640px": {
+                display: "none",
+              },
+            },
+          },
+          {
+            section: {
+              "padding-left": "9xl",
+              "padding-right": "9xl",
+              "padding-top": "9xl",
+              "padding-bottom": "9xl",
+              "media:max:768px": {
+                "padding-left": "3xl",
+                "padding-right": "3xl",
+                "padding-top": "3xl",
+                "padding-bottom": "3xl",
+              },
+              "media:max:480px": {
+                "padding-left": "base",
+                "padding-right": "base",
+                "padding-top": "base",
+                "padding-bottom": "base",
+              },
+            },
+            container: {
+              width: "100%",
+              "margin-left": "auto",
+              "margin-right": "auto",
+              "padding-right": "3xl",
+              "padding-left": "3xl",
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "sm",
+              "row-gap": "sm",
+              "flex-direction": "row",
+              "media:min:1536px": {
+                "padding-right": "12xl",
+                "padding-left": "12xl",
+              },
+              "media:min:768px": {
+                "column-gap": "12xl",
+                "row-gap": "12xl",
+                "padding-left": "10xl",
+                "padding-right": "10xl",
+              },
+              "media:max:480px": {
+                "flex-direction": "column-reverse",
+              },
+            },
+            content_wrapper: {
+              width: "100%",
+              "max-width": "50%",
+              flex: "1",
+            },
+            section_content: {
+              "margin-top": "sm",
+              "margin-bottom": "sm",
+              display: "flex",
+              "flex-direction": "column",
+              "column-gap": "base",
+              "row-gap": "base",
+              "media:min:768px": {
+                display: "flex",
+                "max-width": "448px",
+                "column-gap": "3xl",
+                "row-gap": "3xl",
+              },
+            },
+            tag: {
+              "max-width": "max-content",
+              "border-radius": "lg",
+              border: "1px solid",
+              "border-color": "border",
+              "background-color": "background-1",
+              "padding-left": "base",
+              "padding-right": "base",
+              "padding-top": "2xs",
+              "padding-bottom": "2xs",
+              "font-size": "xs",
+              "font-weight": 600,
+              color: "text-1",
+            },
+            text_content: {
+              display: "flex",
+              "flex-direction": "column",
+              "column-gap": "2xs",
+              "row-gap": "2xs",
+            },
+            title: {
+              "font-size": "2xl",
+              "font-weight": 700,
+              color: "text-1",
+              "media:min:1024px": {
+                "font-size": "4xl",
+              },
+            },
+            description: {
+              "font-size": "base",
+              "font-weight": 400,
+              color: "text-2",
+            },
+            button: {
+              "max-width": "max-content",
+              "border-radius": "3xl",
+              "padding-left": "xl",
+              "padding-right": "xl",
+              "padding-top": "base",
+              "padding-bottom": "base",
+              "font-size": "sm",
+              "font-weight": 600,
+            },
+            image_wrapper: {
+              width: "100%",
+              "max-width": "50%",
+              height: "100%",
+              flex: "1",
+            },
+            image_desktop: {
+              height: "100%",
+              width: "100%",
+              "border-radius": "xl",
+              "object-fit": "cover",
+              display: "none",
+              "media:min:640px": {
+                display: "block",
+              },
+            },
+            image_mobile: {
+              height: "100%",
+              width: "100%",
+              "border-radius": "xl",
+              "object-fit": "cover",
+              display: "block",
+              "media:min:640px": {
+                display: "none",
+              },
+            },
+          },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {},
+    },
+  ],
+};