@levo-so/blocks 0.1.54 → 0.1.58

package/src/blocks/blogs/blog-post-2.schema.ts

@@ -11,32 +11,6 @@ const DUMMY_ICON = {
   },
 };
 
-const MEDIA = {
-  placeholder: {
-    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,
@@ -131,6 +105,74 @@ const DEFAULT_CONTENT = {
     "Corporate law governs the formation, operation, and dissolution of corporations. Understanding these fundamentals is crucial for business leaders, entrepreneurs, and legal professionals. This comprehensive guide explores the key principles, regulatory frameworks, and practical applications that shape modern corporate governance.",
 };
 
+const DEFAULT_CONTENT_V1 = {
+  layout: null,
+  container: null,
+  "main-content": null,
+  sidebar: null,
+  "sidebar-cards": [
+    {
+      card: null,
+      heading: "",
+      content: [
+        {
+          title: "Job Type",
+          description: "<p>Full-time</p>",
+        },
+        {
+          title: "<p>Experience</p>",
+          description: "<p>20+ years</p>",
+        },
+        {
+          title: "<p>Mode of Work</p>",
+          description:
+            "<p>Flexible (On-site/Remote/Hybrid with travel capability)</p>",
+        },
+        {
+          title: "<p>Schedule</p>",
+          description: "<p>9 am to 6.30 pm PHT</p>",
+        },
+      ],
+      button: "",
+    },
+  ],
+  "social-section": null,
+  "social-title": "",
+  "social-icons": [],
+  "blog-content": null,
+  "content-meta": null,
+  "content-icons": [],
+  "meta-info": null,
+  "date-wrapper": null,
+  "calendar-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>',
+    },
+  },
+  "publish-date": "2025-01-16T10:23:31.297Z",
+  "time-wrapper": null,
+  "time-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>',
+    },
+  },
+  "reading-time": "12 Minutes",
+  "content-section": null,
+  content:
+    '<p>Career services teams in e-learning companies encounter numerous hurdles that hinder their learners\' placement rates. Despite providing excellent training, many learners struggle to secure positions. This dilemma not only affects learner satisfaction but also impacts referrals and increases customer acquisition costs, which now consume 30% of their revenue. This situation poses a significant threat to the company\'s growth and sustainability, making it imperative to find a solution.</p><p><strong>How do you get your learners placed?</strong></p><p>After conversing with over 400 e-learning founders and placement managers, we\'ve realized a significant reason why their learners struggle to secure placements: they simply aren\'t applying to a sufficient number of job opportunities. On average, learners are only applying to about 20 positions, whereas they should ideally target 200 or more applications.</p><p>We understand that aiming for over 200 applications might seem daunting, but in today\'s job market, with a surplus of applicants and a scarcity of job openings, it\'s a necessity for increasing their chances of success.</p><p><strong>Why is it important to apply to so many jobs?( 200+)</strong></p><p>Applying to over 200 jobs is crucial because the job market is highly competitive. Each major job board receives over 1000 applicants for every fresh job opening. Typically, recruiters only screen around 50 candidates and hire just one. Even in cases of bulk hiring, the ratio of applicants to hire remains low, between 2 and 5%. Simply put, securing a job is a numbers game. The more positions you apply for, the higher your chances of success.</p><p>For instance, if a learner applies to 200 jobs, they\'re likely to be screened for around 30% of them, or approximately 60 jobs. From these, they may receive interview calls for about 30 jobs. Although initial rejections are common due to nerves and a lack of interview experience, candidates improve with practice. After around 10 interviews, they become more comfortable and perform better, eventually receiving job offers from at least 2 of them. Therefore, applying to over 200 jobs significantly increases the probability of receiving interview calls and job offers.</p><p><strong>How can learners apply to 200+ jobs?</strong></p><p>Learners can apply to over 200 jobs through two primary methods:</p><ol><li><p>Outreach by the Placement Team: This involves the placement team sourcing job opportunities and recommending them to learners.</p></li></ol><ol start="2"><li><p>Independent Applications for Market Jobs: Learners can directly apply to job openings available in the market without relying solely on the placement team.</p></li></ol><p>However, it\'s notable that many Indian Ed-tech Placement teams predominantly focus on the jobs sourced by the company. This is often because learners insist on it, given they\'ve invested in the training. However, this approach is counterproductive for learners as it limits their job prospects.</p><p>This trend is unique to India and needs to change. Learners must be encouraged to explore and apply to a broader range of job opportunities independently to enhance their chances of securing employment.</p><p><strong>Global Sights</strong></p><p>Based on insights gathered from conversations with over 120 international e-learning founders and placement managers and 400+ in India, a significant contrast in the approach to job seeking among learners is apparent:</p><p>Globally, Approximately 80% of learners in the e-learning sector secure jobs independently, while only 20% find employment through employers or jobs sourced by e-learning companies. This indicates a strong reliance on individual efforts in the global context.</p><p>India: The trend is reversed, with approximately 80% of placements facilitated by e-learning companies and only 20% through independent learner’s applications. This disproportionate reliance on e-learning efforts in India is not sustainable and calls for a shift towards a more balanced approach.</p><p><strong>Why is over-reliance on e-learning-sourced jobs not a good idea?</strong></p><p>Relying heavily on e-learning-sourced jobs, averaging around 150 per month, is not ideal. However, during the same period, there could be 5000–10,000+ jobs available in the open market. By solely depending on e-learning-sourced opportunities, learners miss out on approximately 90% of the job openings, limiting their prospects significantly.</p><p>Ed-tech companies often struggle to secure enough job opportunities due to manual job sourcing methods. Placement teams spend extensive time screening hundreds of jobs across various job boards, investing 5 to 6 hours daily in this process. Despite their efforts, the response rate from recruiters remains low, with only around 5% responding to outreach attempts. At such low response rate, they will need an army of placement officers to source 500+ jobs for 100 learners every batch. (How to increase response rate from employers in our next article)</p><p>Additionally, the manual approach leads to a narrow focus on just 5 to 7 mainstream job portals, neglecting approximately 40 other potential platforms. As a result, they miss out on roughly 90% of available job opportunities</p><p><strong>So how do e-learning companies enable their learners to apply to 200 + jobs?</strong></p><p>To enable their learners to apply to over 200 jobs, E-learning companies can implement the following solutions:</p><ol><li><p>Encourage Applying to Market Jobs: Counsel learners on the importance of applying to industry jobs independently. Set this expectation at enrollment to ensure they understand the benefits.</p></li></ol><ol start="2"><li><p>Provide Job Application Training: Offer comprehensive training on job application techniques, including customizing resumes, highlighting strengths, and navigating Applicant Tracking Systems (ATS) biases.</p></li></ol><ol start="3"><li><p>Offer Tools: Equip learners with tools to streamline their job search, such as Chrome extensions for auto-filling application forms, AI-powered resume and LinkedIn reviewers, and an automated job tracker. To boast makes it easier for them to apply for and track jobs.</p></li></ol><ol start="4"><li><p>Adopt Automated Job Sourcing Tools: Implement automated tools like AI Job Importer bots to broaden job opportunities beyond mainstream portals. This saves significant time, reducing the daily 6-hour job sourcing task to just 20–25 minutes, resulting in a 95% time- savings.</p></li></ol><ol start="5"><li><p>Gamify application: Gamify job applications with streaks, leaderboards, and challenges. Reward learners with extra credits for tasks like updating resumes and networking. Use virtual rewards and progress tracking to keep them engaged and motivated.</p></li></ol><p><strong>Conclusion:</strong></p><p>By automating repetitive tasks and leveraging smart job sourcing techniques, placement teams can focus on higher-impact activities, such as providing personalized support to candidates and building stronger employer relationships, ultimately leading to better placement outcomes.</p>',
+  content_title: "<p>Job Description</p>",
+};
+
 export type IBlogPost2Content = typeof DEFAULT_CONTENT;
 
 export const BlogPost2: IBlock = {
@@ -201,6 +243,7 @@ export const BlogPost2: IBlock = {
           hint: {
             prompt_description:
               "Main heading for the card section. Should be descriptive and concise.",
+            usecase: "title",
             min_characters: 8,
             max_characters: 40,
           },
@@ -223,10 +266,11 @@ export const BlogPost2: IBlock = {
             {
               key: "title",
               label: "Title",
-              field_interface: "HeadingWidget",
+              field_interface: "TypographyWidget",
               hint: {
                 prompt_description:
                   "Content title describing the service or feature. Keep it concise and impactful.",
+                usecase: "title",
                 min_characters: 10,
                 max_characters: 40,
               },
@@ -238,6 +282,7 @@ export const BlogPost2: IBlock = {
               hint: {
                 prompt_description:
                   "Brief description explaining the service or feature benefits.",
+                usecase: "description",
                 min_characters: 40,
                 max_characters: 120,
               },
@@ -251,6 +296,7 @@ export const BlogPost2: IBlock = {
           hint: {
             prompt_description:
               "Call-to-action button for the card. Use action-oriented text.",
+            usecase: "button",
             min_characters: 5,
             max_characters: 20,
           },
@@ -271,10 +317,11 @@ export const BlogPost2: IBlock = {
     {
       key: "social-title",
       label: "Social Title",
-      field_interface: "HeadingWidget",
+      field_interface: "TypographyWidget",
       hint: {
         prompt_description:
           "Title for the social media section. Keep it short and engaging.",
+        usecase: "title",
         min_characters: 5,
         max_characters: 20,
       },
@@ -358,6 +405,7 @@ export const BlogPost2: IBlock = {
           hint: {
             prompt_description:
               "Brief description of the content feature or highlight.",
+            usecase: "label",
             min_characters: 8,
             max_characters: 30,
           },
@@ -395,6 +443,7 @@ export const BlogPost2: IBlock = {
       field_interface: "TypographyWidget",
       hint: {
         prompt_description: "Publication date of the blog post.",
+        usecase: "date",
         min_characters: 8,
         max_characters: 20,
       },
@@ -421,6 +470,7 @@ export const BlogPost2: IBlock = {
       field_interface: "TypographyWidget",
       hint: {
         prompt_description: "Estimated reading time for the blog post.",
+        usecase: "reading_time",
         min_characters: 5,
         max_characters: 15,
       },
@@ -435,6 +485,11 @@ export const BlogPost2: IBlock = {
         prompt_description: "Main blog content container. No content needed.",
       },
     },
+    {
+      key: "content_title",
+      label: "Content title",
+      field_interface: "TypographyWidget",
+    },
     {
       key: "content",
       label: "Content",
@@ -442,10 +497,16 @@ export const BlogPost2: IBlock = {
       hint: {
         prompt_description:
           "Full blog article content. Should be comprehensive and informative.",
+        usecase: "description",
         min_characters: 200,
         max_characters: 8000,
       },
     },
+    {
+      key: "contact_form",
+      label: "Contact Form",
+      field_interface: "FormWidget",
+    },
   ],
   layouts: [
     {
@@ -787,5 +848,380 @@ export const BlogPost2: IBlock = {
         },
       },
     },
+    {
+      key: "variant-1",
+      title: "Variant 1",
+      styles: {
+        layout: {
+          width: "100%",
+          "padding-top": "8xl",
+          "padding-bottom": "8xl",
+          "padding-left": "6xl",
+          "padding-right": "6xl",
+          mobile: {
+            "padding-top": "5xl",
+            "padding-bottom": "5xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+        },
+        container: {
+          width: "100%",
+          "max-width": "1280px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        "main-content": {
+          display: "flex",
+          "column-gap": "4xl",
+          "row-gap": "4xl",
+          mobile: {
+            "flex-direction": "column",
+          },
+        },
+        sidebar: {
+          width: "20%",
+          "flex-shrink": "0",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+          mobile: {
+            width: "100%",
+          },
+          "border-right": "1px solid",
+          "border-color": "text-3",
+        },
+        "sidebar-cards_levoGroup": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+        },
+        "sidebar-cards": [
+          {
+            card: {},
+            heading: {
+              color: "var(--color-text-1)",
+              "margin-bottom": "base",
+              display: "none",
+            },
+            content_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "border-style": "none",
+              "border-width": "0px",
+            },
+            content: [
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                  "font-weight": 700,
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                  "font-weight": 700,
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                  "font-weight": 700,
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                  "font-weight": 700,
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              "padding-top": "xl",
+              "padding-bottom": "xl",
+              "padding-left": "lg",
+              "padding-right": "lg",
+              "border-radius": "lg",
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+              display: "none",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            image: {
+              width: "48px",
+              height: "48px",
+              "border-radius": "base",
+            },
+            content_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            content: [
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+            ],
+          },
+          {
+            card: {
+              "padding-top": "xl",
+              "padding-bottom": "xl",
+              "padding-left": "lg",
+              "padding-right": "lg",
+              "border-radius": "lg",
+              border: "1px solid",
+              "border-color": "var(--color-border)",
+              display: "none",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            image: {
+              width: "48px",
+              height: "48px",
+              "border-radius": "base",
+            },
+            content_levoGroup: {
+              display: "flex",
+              "flex-direction": "column",
+              "row-gap": "base",
+            },
+            content: [
+              {
+                "content-item": {
+                  "margin-bottom": "sm",
+                },
+                title: {
+                  "margin-bottom": "xs",
+                  color: "var(--color-text-1)",
+                },
+                description: {
+                  "font-size": "sm",
+                  color: "var(--color-text-2)",
+                  "line-height": "1.5",
+                },
+              },
+            ],
+          },
+        ],
+        "social-section": {
+          display: "none",
+        },
+        "social-title": {
+          "font-size": "lg",
+          "font-weight": "semibold",
+          "margin-bottom": "lg",
+          color: "var(--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",
+            },
+          },
+        ],
+        "blog-content": {
+          "flex-grow": "1",
+          display: "block",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+          width: "50%",
+        },
+        "content-meta": {
+          display: "none",
+          "flex-direction": "column",
+          "row-gap": "lg",
+          "padding-top": "xl",
+          "padding-bottom": "xl",
+          "border-top": "1px solid",
+          "border-bottom": "1px solid",
+          "border-color": "var(--color-border)",
+        },
+        "content-icons_levoGroup": {
+          display: "flex",
+          "column-gap": "2xl",
+          "row-gap": "lg",
+          "flex-wrap": "wrap",
+        },
+        "content-icons": [
+          {
+            "icon-wrapper": {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "xs",
+            },
+            icon: {
+              width: "24px",
+              height: "24px",
+            },
+            description: {
+              "font-size": "sm",
+              "font-weight": "medium",
+              color: "var(--color-text-1)",
+            },
+          },
+          {
+            "icon-wrapper": {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "xs",
+            },
+            icon: {
+              width: "24px",
+              height: "24px",
+            },
+            description: {
+              "font-size": "sm",
+              "font-weight": "medium",
+              color: "var(--color-text-1)",
+            },
+          },
+        ],
+        "meta-info": {
+          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",
+        },
+        "publish-date": {
+          "font-size": "sm",
+          color: "var(--color-text-2)",
+        },
+        "time-wrapper": {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "xs",
+        },
+        "time-icon": {
+          width: "20px",
+          height: "20px",
+        },
+        "reading-time": {
+          "font-size": "sm",
+          color: "var(--color-text-2)",
+        },
+        "content-section": {
+          display: "flex",
+          "flex-direction": "column",
+        },
+        content: {
+          "font-size": "base",
+          "line-height": "1.7",
+          color: "var(--color-text-1)",
+        },
+        content_title: {
+          color: "text-1",
+          "font-size": "3xl",
+          "font-weight": 700,
+          "margin-bottom": "5xl",
+        },
+        contact_form: {
+          width: "30%",
+          "background-color": "background-3",
+          height: "fit-content",
+        },
+      },
+      content: DEFAULT_CONTENT_V1,
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
+    },
   ],
 };

package/src/blocks/blogs/blog-post-2.tsx

@@ -3,17 +3,15 @@ import {
   Box,
   Button,
   Container,
+  Form,
   Heading,
   Icon,
-  Image,
   Section,
   Typography,
 } from "@levo-so/studio";
 import dayjs from "dayjs";
 import type React from "react";
-
 import type { IBlogPost2Content } from "./blog-post-2.schema";
-
 const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
   content,
 }) => (
@@ -32,7 +30,6 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
                   elementKey={`sidebar-cards.${index}.card`}
                 >
                   <Heading elementKey={`sidebar-cards.${index}.heading`} />
-
                   {/* Repeatable Titles and Descriptions */}
                   <Box
                     elementKey={`sidebar-cards.${index}.content_levoGroup`}
@@ -46,7 +43,7 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
                         data-levo_group_item
                         elementKey={`sidebar-cards.${index}.content.${contentIndex}.content-item`}
                       >
-                        <Heading
+                        <Typography
                           elementKey={`sidebar-cards.${index}.content.${contentIndex}.title`}
                         />
                         <Typography
@@ -55,16 +52,14 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
                       </Box>
                     ))}
                   </Box>
-
                   <Button elementKey={`sidebar-cards.${index}.button`} />
                 </Box>
               ),
             )}
           </Box>
-
           {/* Social Media Icons */}
           <Box elementKey="social-section">
-            <Heading elementKey="social-title" />
+            <Typography elementKey="social-title" />
             <Box elementKey="social-icons_levoGroup" data-levo_group>
               {(content?.["social-icons"] ?? []).map(
                 (_: unknown, index: number) => (
@@ -78,7 +73,6 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
             </Box>
           </Box>
         </Box>
-
         {/* Main Blog Content */}
         <Box elementKey="blog-content">
           {/* Top Content Icons */}
@@ -99,7 +93,6 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
                 ),
               )}
             </Box>
-
             {/* Calendar and Time (fixed icons) */}
             <Box elementKey="meta-info">
               <Box elementKey="date-wrapper">
@@ -117,15 +110,15 @@ const BlogPost2: React.FC<ILevoBlockBaseProps<IBlogPost2Content>> = ({
               </Box>
             </Box>
           </Box>
-
           {/* Blog Content */}
           <Box elementKey="content-section">
-            <Typography elementKey="content" />
+            <Typography elementKey="content_title" />
+            <Typography elementKey="content" className="LevoProseMirror" />
           </Box>
         </Box>
+        <Form elementKey="contact_form" />
       </Box>
     </Container>
   </Section>
 );
-
 export default BlogPost2;