@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -0,0 +1,990 @@
+import type { IBlock } from "@levo-so/studio";
+
+const MEDIA = {
+  id: "vxmyzMseZ4pK",
+  filename: "hero-2.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo.png",
+  srcset: {
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-2-MqnYyg8ypOfo-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
+const DUMMY_ICON = {
+  kind: "icon",
+  data: {
+    id: "archive-minus",
+    label: "Archive Minus",
+    tags: ["archive", "custom", "directional", "minus"],
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14.5 11.4H9.5C9.09 11.4 8.75 11.06 8.75 10.65C8.75 10.24 9.09 9.90002 9.5 9.90002H14.5C14.91 9.90002 15.25 10.24 15.25 10.65C15.25 11.06 14.91 11.4 14.5 11.4Z" fill="var(--color-icon-primary)"/>\n<path d="M4.92957 22.75C4.50957 22.75 4.11957 22.65 3.76957 22.45C2.99957 22 2.55957 21.09 2.55957 19.96V5.86C2.55957 3.32 4.62957 1.25 7.16957 1.25H16.8196C19.3596 1.25 21.4296 3.32 21.4296 5.86V19.95C21.4296 21.08 20.9896 21.99 20.2196 22.44C19.4496 22.89 18.4396 22.84 17.4496 22.29L12.5696 19.58C12.2796 19.42 11.7096 19.42 11.4196 19.58L6.53957 22.29C5.99957 22.59 5.44957 22.75 4.92957 22.75ZM7.17957 2.75C5.46957 2.75 4.06957 4.15 4.06957 5.86V19.95C4.06957 20.54 4.23957 20.98 4.53957 21.15C4.83957 21.33 5.30957 21.27 5.81957 20.98L10.6996 18.27C11.4396 17.86 12.5596 17.86 13.2996 18.27L18.1796 20.98C18.6896 21.27 19.1596 21.33 19.4596 21.15C19.7596 20.97 19.9296 20.53 19.9296 19.95V5.86C19.9296 4.15 18.5296 2.75 16.8196 2.75H7.17957Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const DEFAULT_CONTENT = {
+  // Main Layout
+  layout: null,
+
+  // Hero Section
+  hero_layout: null,
+  hero_container: null,
+  hero_content_wrapper: null,
+  hero_tagline: "We're Hiring",
+  hero_title: "Join Our Team and Shape the Future",
+  hero_description:
+    "We're looking for passionate individuals to join our growing team. Explore exciting career opportunities and be part of a company that values innovation, collaboration, and personal growth.",
+  hero_button: "View All Jobs",
+  hero_ctas: [] as { button: string }[],
+  hero_image_wrapper: null,
+  hero_image_desktop: MEDIA,
+  hero_image_mobile: MEDIA,
+
+  // Job Details Section
+  details_layout: null,
+  details_container: null,
+  details_content: null,
+
+  // Sidebar
+  details_sidebar: null,
+  info_cards: [
+    {
+      card: null,
+      heading: "Job Overview",
+      items: [
+        {
+          item_wrapper: null,
+          label: "Job Type",
+          value: "Full-time",
+        },
+        {
+          item_wrapper: null,
+          label: "Experience",
+          value: "3-5 years",
+        },
+        {
+          item_wrapper: null,
+          label: "Work Mode",
+          value: "Remote / Hybrid",
+        },
+        {
+          item_wrapper: null,
+          label: "Schedule",
+          value: "9 AM to 6 PM",
+        },
+      ],
+      button: "Apply Now",
+    },
+  ],
+
+  // Social section
+  social_section: null,
+  social_title: "Share This Job",
+  social_icons: [{ icon: DUMMY_ICON }, { icon: DUMMY_ICON }, { icon: DUMMY_ICON }],
+
+  // Job content
+  job_content: null,
+
+  // Job meta
+  job_meta: null,
+  meta_icons: [
+    {
+      icon_wrapper: null,
+      icon: DUMMY_ICON,
+      text: "Engineering",
+    },
+    {
+      icon_wrapper: null,
+      icon: DUMMY_ICON,
+      text: "San Francisco",
+    },
+  ],
+  meta_details: null,
+  date_wrapper: null,
+  calendar_icon: DUMMY_ICON,
+  posted_date: "2025-01-16T10:23:31.297Z",
+  duration_wrapper: null,
+  duration_icon: DUMMY_ICON,
+  application_deadline: "30 Days Left",
+
+  // Description
+  description_section: null,
+  description_title: "Job Description",
+  description_content:
+    "We are seeking a talented and motivated individual to join our team. In this role, you will be responsible for developing innovative solutions, collaborating with cross-functional teams, and contributing to our company's growth. The ideal candidate has strong technical skills, excellent communication abilities, and a passion for creating impactful work.",
+
+  // Application Form
+  application_form: null,
+};
+
+export type IJobs1Content = typeof DEFAULT_CONTENT;
+
+export const Jobs1: IBlock = {
+  category_id: "jobs",
+  title: "Jobs 1",
+  key: "jobs-1",
+  version: "v1",
+  prompt_description:
+    "Full job listing page with a hero section featuring tagline, title, description, and CTA buttons, followed by a two-column job details section with sidebar containing job info cards and social sharing, and main content area with job description and application form.",
+  content_schema: [
+    // Main Layout
+    {
+      key: "layout",
+      label: "Page Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Main wrapper for the entire job listing page. Contains both the hero section and job details section.",
+      },
+    },
+
+    // Hero Section
+    {
+      key: "hero_layout",
+      label: "Hero Section Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Layout wrapper for the hero section. Controls spacing, background, and overall structure of the hero area.",
+      },
+    },
+    {
+      key: "hero_container",
+      label: "Hero Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Container for hero content. Ensures proper horizontal margins and centers content for desktop and mobile.",
+      },
+    },
+    {
+      key: "hero_content_wrapper",
+      label: "Hero Content Wrapper",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Wrapper providing padding and alignment for hero text content and call-to-action buttons.",
+      },
+    },
+    {
+      key: "hero_tagline",
+      label: "Hero Tagline",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Short, attention-grabbing phrase above the main headline. Should be concise and use an aspirational tone.",
+        min_characters: 10,
+        max_characters: 40,
+      },
+    },
+    {
+      key: "hero_title",
+      label: "Hero Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "Main headline of the hero section. Should immediately communicate the opportunity and be bold and clear.",
+        min_characters: 30,
+        max_characters: 80,
+      },
+    },
+    {
+      key: "hero_description",
+      label: "Hero Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Supporting text that elaborates on the company culture and what makes this opportunity unique.",
+        min_characters: 100,
+        max_characters: 300,
+      },
+    },
+    {
+      key: "hero_button",
+      label: "Hero Button",
+      field_interface: "ButtonWidget",
+      hint: {
+        prompt_description:
+          "Primary call-to-action button. Clear, action-oriented text to prompt users to explore jobs.",
+        min_characters: 8,
+        max_characters: 24,
+      },
+    },
+    {
+      key: "hero_ctas",
+      label: "Additional CTA Buttons",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "button",
+          label: "Button",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description: "Additional call-to-action button",
+            min_characters: 8,
+            max_characters: 18,
+          },
+        },
+      ],
+    },
+    {
+      key: "hero_image_wrapper",
+      label: "Hero Image Wrapper",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Container for positioning and scaling the hero illustration or imagery.",
+      },
+    },
+    {
+      key: "hero_image_desktop",
+      label: "Hero Image (Desktop)",
+      field_interface: "MediaWidget",
+      hint: {
+        prompt_description:
+          "Main illustrative image for desktop. Should visually reinforce the career opportunity theme.",
+        orientation: "landscape",
+        size: "large",
+        usecase: "hero",
+      },
+    },
+    {
+      key: "hero_image_mobile",
+      label: "Hero Image (Mobile)",
+      field_interface: "MediaWidget",
+      hint: {
+        prompt_description: "Optimized version of the hero image for mobile screens.",
+        orientation: "portrait",
+        size: "medium",
+        usecase: "hero",
+      },
+    },
+
+    // Job Details Section
+    {
+      key: "details_layout",
+      label: "Details Section Layout",
+      field_interface: "LayoutWidget",
+      hint: {
+        prompt_description:
+          "Layout wrapper for the job details section. Controls spacing and background of the details area.",
+      },
+    },
+    {
+      key: "details_container",
+      label: "Details Container",
+      field_interface: "ContainerWidget",
+      hint: {
+        prompt_description:
+          "Container for job details content. Ensures proper spacing and max-width constraints.",
+      },
+    },
+    {
+      key: "details_content",
+      label: "Details Content Wrapper",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Main wrapper for the two-column layout of job details.",
+      },
+    },
+
+    // Sidebar
+    {
+      key: "details_sidebar",
+      label: "Sidebar",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Left sidebar container for job info cards and social sharing.",
+      },
+    },
+    {
+      key: "info_cards",
+      label: "Job Info Cards",
+      field_interface: "BoxWidget",
+      kind: "group",
+      hint: {
+        prompt_description:
+          "Cards displaying key job information like type, experience, and work mode.",
+      },
+      fields: [
+        {
+          key: "card",
+          label: "Card",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "heading",
+          label: "Card Heading",
+          field_interface: "HeadingWidget",
+          hint: {
+            prompt_description: "Heading for the info card section.",
+            usecase: "title",
+            min_characters: 8,
+            max_characters: 30,
+          },
+        },
+        {
+          key: "items",
+          label: "Info Items",
+          field_interface: "BoxWidget",
+          kind: "group",
+          hint: {
+            prompt_description: "Repeatable label-value pairs for job information.",
+          },
+          fields: [
+            {
+              key: "item_wrapper",
+              label: "Item Wrapper",
+              field_interface: "BoxWidget",
+            },
+            {
+              key: "label",
+              label: "Label",
+              field_interface: "HeadingWidget",
+              hint: {
+                prompt_description:
+                  "Label describing the job attribute (e.g., Job Type, Experience).",
+                usecase: "label",
+                min_characters: 5,
+                max_characters: 25,
+              },
+            },
+            {
+              key: "value",
+              label: "Value",
+              field_interface: "TypographyWidget",
+              hint: {
+                prompt_description: "Value for the job attribute (e.g., Full-time, 3-5 years).",
+                usecase: "description",
+                min_characters: 3,
+                max_characters: 50,
+              },
+            },
+          ],
+        },
+        {
+          key: "button",
+          label: "Card Button",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description: "Call-to-action button for the card (e.g., Apply Now).",
+            usecase: "button",
+            min_characters: 5,
+            max_characters: 20,
+          },
+        },
+      ],
+    },
+
+    // Social section
+    {
+      key: "social_section",
+      label: "Social Sharing Section",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for social media sharing section.",
+      },
+    },
+    {
+      key: "social_title",
+      label: "Social Section Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description: "Title for the social sharing section.",
+        usecase: "title",
+        min_characters: 5,
+        max_characters: 25,
+      },
+    },
+    {
+      key: "social_icons",
+      label: "Social Icons",
+      field_interface: "BoxWidget",
+      kind: "group",
+      hint: {
+        prompt_description: "Social media platform icons for sharing the job listing.",
+      },
+      fields: [
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+          hint: {
+            prompt_description: "Social media platform icon.",
+            orientation: "square",
+            size: "icon",
+            usecase: "icon",
+          },
+        },
+      ],
+    },
+
+    // Job content
+    {
+      key: "job_content",
+      label: "Job Content Area",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Main job content area containing meta info and description.",
+      },
+    },
+
+    // Job meta
+    {
+      key: "job_meta",
+      label: "Job Meta Information",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for job metadata like department, location, and dates.",
+      },
+    },
+    {
+      key: "meta_icons",
+      label: "Meta Info Icons",
+      field_interface: "BoxWidget",
+      kind: "group",
+      hint: {
+        prompt_description:
+          "Icons with text displaying job attributes like department and location.",
+      },
+      fields: [
+        {
+          key: "icon_wrapper",
+          label: "Icon Wrapper",
+          field_interface: "BoxWidget",
+        },
+        {
+          key: "icon",
+          label: "Icon",
+          field_interface: "IconWidget",
+          hint: {
+            prompt_description: "Icon representing a job attribute.",
+            orientation: "square",
+            size: "icon",
+            usecase: "icon",
+          },
+        },
+        {
+          key: "text",
+          label: "Text",
+          field_interface: "TypographyWidget",
+          hint: {
+            prompt_description:
+              "Text describing the job attribute (e.g., Engineering, San Francisco).",
+            usecase: "label",
+            min_characters: 5,
+            max_characters: 30,
+          },
+        },
+      ],
+    },
+    {
+      key: "meta_details",
+      label: "Meta Details",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for posting date and application deadline.",
+      },
+    },
+    {
+      key: "date_wrapper",
+      label: "Date Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "calendar_icon",
+      label: "Calendar Icon",
+      field_interface: "IconWidget",
+      hint: {
+        prompt_description: "Calendar icon for posting date.",
+        orientation: "square",
+        size: "icon",
+        usecase: "icon",
+      },
+    },
+    {
+      key: "posted_date",
+      label: "Posted Date",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description: "Date when the job was posted.",
+        usecase: "date",
+        min_characters: 8,
+        max_characters: 20,
+      },
+    },
+    {
+      key: "duration_wrapper",
+      label: "Deadline Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "duration_icon",
+      label: "Deadline Icon",
+      field_interface: "IconWidget",
+      hint: {
+        prompt_description: "Clock or timer icon for application deadline.",
+        orientation: "square",
+        size: "icon",
+        usecase: "icon",
+      },
+    },
+    {
+      key: "application_deadline",
+      label: "Application Deadline",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description: "Time remaining or deadline for applications.",
+        usecase: "reading_time",
+        min_characters: 5,
+        max_characters: 20,
+      },
+    },
+
+    // Description
+    {
+      key: "description_section",
+      label: "Description Section",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for job description content.",
+      },
+    },
+    {
+      key: "description_title",
+      label: "Description Title",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description: "Title for the job description section.",
+        usecase: "title",
+        min_characters: 10,
+        max_characters: 30,
+      },
+    },
+    {
+      key: "description_content",
+      label: "Job Description",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Full job description including responsibilities, requirements, and benefits.",
+        usecase: "description",
+        min_characters: 200,
+        max_characters: 8000,
+      },
+    },
+    {
+      key: "application_form",
+      label: "Application Form",
+      field_interface: "FormWidget",
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        layout: {},
+        hero_layout: {},
+        hero_container: {},
+        hero_content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "justify-content": "center",
+          "row-gap": "lg",
+          "column-gap": "lg",
+        },
+        hero_tagline: {
+          "text-align": "center",
+          "text-transform": "uppercase",
+        },
+        hero_title: {
+          "text-align": "center",
+        },
+        hero_description: {
+          "max-width": "600px",
+          "text-align": "center",
+        },
+        hero_button: {},
+        hero_image_wrapper: {},
+        hero_image_desktop: {
+          "object-fit": "contain",
+          display: "block",
+          "border-radius": "base",
+          tablet: {
+            display: "block",
+          },
+          mobile: {
+            display: "none",
+          },
+        },
+        hero_image_mobile: {
+          "object-fit": "contain",
+          display: "none",
+          "border-radius": "base",
+          tablet: {
+            display: "none",
+          },
+          mobile: {},
+        },
+        details_layout: {
+          width: "100%",
+          "padding-top": "8xl",
+          "padding-bottom": "8xl",
+          "padding-left": "6xl",
+          "padding-right": "6xl",
+          mobile: {
+            "padding-top": "5xl",
+            "padding-bottom": "5xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+        },
+        details_container: {
+          width: "100%",
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        details_content: {
+          display: "flex",
+          "column-gap": "4xl",
+          "row-gap": "4xl",
+          mobile: {
+            "flex-direction": "column",
+          },
+        },
+        details_sidebar: {
+          width: "100%",
+          "flex-shrink": "0",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+          flex: "0.8 0 0%",
+          mobile: {
+            width: "100%",
+          },
+          "max-width": "256px",
+        },
+        info_cards_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+        },
+        info_cards: [
+          {
+            card: {
+              "padding-top": "xl",
+              "padding-bottom": "xl",
+              "padding-left": "lg",
+              "padding-right": "lg",
+              "border-radius": "lg",
+              border: "1px solid",
+              "border-color": "brand",
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            heading: {
+              "margin-bottom": "base",
+            },
+            items_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "sm",
+              "margin-bottom": "xs",
+            },
+            items: [
+              {
+                item_wrapper: {
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                label: {
+                  color: "text-1",
+                  "font-weight": 700,
+                  display: "block",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                value: {
+                  "font-size": "sm",
+                  color: "text-2",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                item_wrapper: {
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                label: {
+                  color: "text-1",
+                  "font-weight": 700,
+                  display: "block",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                value: {
+                  "font-size": "sm",
+                  color: "text-2",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                item_wrapper: {
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                label: {
+                  color: "text-1",
+                  "font-weight": 700,
+                  display: "block",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                value: {
+                  "font-size": "sm",
+                  color: "text-2",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                item_wrapper: {
+                  display: "flex",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                label: {
+                  color: "text-1",
+                  "font-weight": 700,
+                  display: "block",
+                  "flex-direction": "column",
+                  "row-gap": "none",
+                },
+                value: {
+                  "font-size": "sm",
+                  color: "text-2",
+                  "line-height": "1.5",
+                },
+              },
+            ],
+          },
+        ],
+        social_section: {
+          "padding-top": "2xl",
+          "border-top": "1px solid",
+          "border-color": "brand",
+        },
+        social_title: {
+          "font-size": "lg",
+          "font-weight": "semibold",
+          "margin-bottom": "lg",
+          color: "text-1",
+        },
+        social_icons_levoGroup: {
+          display: "flex",
+          "column-gap": "base",
+        },
+        social_icons: [
+          {
+            icon: {
+              width: "32px",
+              height: "32px",
+            },
+          },
+          {
+            icon: {
+              width: "32px",
+              height: "32px",
+            },
+          },
+          {
+            icon: {
+              width: "32px",
+              height: "32px",
+            },
+          },
+        ],
+        job_content: {
+          flex: "2",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+        },
+        job_meta: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
+          "padding-top": "xl",
+          "padding-bottom": "xl",
+          "border-top": "1px solid",
+          "border-bottom": "1px solid",
+          "border-color": "brand",
+        },
+        meta_icons_levoGroup: {
+          display: "flex",
+          "column-gap": "2xl",
+          "row-gap": "lg",
+          "flex-wrap": "wrap",
+        },
+        meta_icons: [
+          {
+            icon_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "xs",
+            },
+            icon: {
+              width: "24px",
+              height: "24px",
+            },
+            text: {
+              "font-size": "sm",
+              "font-weight": "medium",
+              color: "text-1",
+            },
+          },
+          {
+            icon_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "xs",
+            },
+            icon: {
+              width: "24px",
+              height: "24px",
+            },
+            text: {
+              "font-size": "sm",
+              "font-weight": "medium",
+              color: "text-1",
+            },
+          },
+        ],
+        meta_details: {
+          display: "flex",
+          "column-gap": "2xl",
+          "row-gap": "lg",
+          "flex-wrap": "wrap",
+        },
+        date_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "xs",
+        },
+        calendar_icon: {
+          width: "20px",
+          height: "20px",
+        },
+        posted_date: {
+          "font-size": "sm",
+          color: "text-2",
+        },
+        duration_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "xs",
+        },
+        duration_icon: {
+          width: "20px",
+          height: "20px",
+        },
+        application_deadline: {
+          "font-size": "sm",
+          color: "text-2",
+        },
+        description_section: {
+          display: "flex",
+          "flex-direction": "column",
+        },
+        description_title: {
+          color: "text-1",
+          "font-size": "3xl",
+          "font-weight": 700,
+          "margin-bottom": "5xl",
+        },
+        description_content: {
+          "font-size": "base",
+          "line-height": "1.7",
+          color: "text-1",
+        },
+        application_form: {
+          width: "100%",
+          "background-color": "background-3",
+          height: "fit-content",
+          "max-width": "512px",
+          flex: "1.5 1 0",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        hero_title: {
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+          heading: {
+            level: "1",
+          },
+        },
+        hero_tagline: {
+          selectedVariants: {},
+        },
+        hero_description: {
+          selectedVariants: {},
+        },
+        info_cards: [
+          {
+            heading: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            items: [
+              {
+                item_wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                item_wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                item_wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                item_wrapper: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+        ],
+        application_form: {
+          form: {
+            submit_button_label: "Submit Application",
+          },
+        },
+      },
+    },
+  ],
+};