@levo-so/blocks 0.1.101 → 0.1.103

package/src/blocks/hero/hero-13.schema.ts

@@ -1,29 +1,14 @@
 import type { IBlock } from "@levo-so/studio";
 
-const MEDIA = {
-  id: "oil1trpqq3syH",
-  filename: "hero-13.png",
-  kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT.png",
-  srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-13-sR8E7jjddc6eT-320w.webp 320w",
-  },
-  mimetype: "image/png",
-};
-
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
+  textWrapper: null,
+  formWrapper: null,
   description:
-    "<p>Get expert ERP insights, success stories, and growth tips straight to your inbox. No clutter. Just clarity.</p>",
-  title: "Save 100+ hours in Research. Get your Free NetSuite Implementation Guide.",
+    "<p>See how teams ship weekly with automated workflows, real-time sync, and a shared source of truth. Trusted by 12,000+ teams.</p>",
+  title: "Operating System for fast-moving teams",
+  form_title: "Book your demo",
 };
 
 export type IHero13Content = typeof DEFAULT_CONTENT;
@@ -34,7 +19,7 @@ export const Hero13: IBlock = {
   key: "hero-13",
   version: "v1",
   prompt_description:
-    "Two-column layout with bold headline, brief supporting text on the left, paired with a call-to-action button on the right. Similar to Contact Us 1 but optimized for hero sections.",
+    "Two-column hero with a bold headline and supporting text on the left, paired with a contact form card on the right for demo requests or lead capture.",
   content_schema: [
     {
       key: "layout",
@@ -42,7 +27,7 @@ export const Hero13: IBlock = {
       field_interface: "LayoutWidget",
       hint: {
         prompt_description:
-          "Overall layout definition. Used to structure the block as a two-column split: left for text content, right for call-to-action. No content needed.",
+          "Overall layout definition. Used to structure the block as a two-column split: left for text content, right for contact form. No content needed.",
       },
     },
     {
@@ -69,9 +54,9 @@ export const Hero13: IBlock = {
       field_interface: "HeadingWidget",
       hint: {
         prompt_description:
-          "Main headline positioned at the top left. Aim for a direct, inspiring, action-oriented message encouraging users to take action. Tone is confident, professional, and motivating.",
+          "Main headline positioned at the top left. Aim for a direct, confident claim for a B2B SaaS product. Avoid buzzwords like 'revolutionize' or 'next-generation'.",
         min_characters: 8,
-        max_characters: 28,
+        max_characters: 48,
       },
     },
     {
@@ -80,9 +65,9 @@ export const Hero13: IBlock = {
       field_interface: "TypographyWidget",
       hint: {
         prompt_description:
-          "Short explanatory paragraph under the headline providing additional context or reason to get started. Tone is supportive, convincing, and concise.",
+          "Short supporting paragraph under the headline. Include a specific mechanism (real-time sync, SOC 2, 99.99% uptime). 18-25 words, concrete, no fluff.",
         min_characters: 30,
-        max_characters: 90,
+        max_characters: 160,
       },
     },
     {
@@ -91,7 +76,7 @@ export const Hero13: IBlock = {
       field_interface: "BoxWidget",
       hint: {
         prompt_description:
-          "Container for the call-to-action button on the right side. Used for positioning and alignment of the action element.",
+          "Container for the contact form card on the right side. Used for positioning, background, and alignment of the form.",
       },
     },
     {
@@ -100,9 +85,9 @@ export const Hero13: IBlock = {
       field_interface: "TypographyWidget",
       hint: {
         prompt_description:
-          "Short explanatory paragraph under the headline providing additional context or reason to get started. Tone is supportive, convincing, and concise.",
-        min_characters: 30,
-        max_characters: 90,
+          "Short, action-oriented title above the form fields. Examples: 'Book your demo', 'Talk to our team', 'Get early access'.",
+        min_characters: 4,
+        max_characters: 40,
       },
     },
     {
@@ -113,23 +98,33 @@ export const Hero13: IBlock = {
   ],
   layouts: [
     {
-      key: "default",
-      title: "Default",
+      title: "No Background",
+      key: "no_background",
       styles: {
         layout: {
           position: "relative",
           "min-height": "600px",
           display: "flex",
           "align-items": "center",
+          "background-color": "background-1",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+          "padding-left": "3xl",
+          "padding-right": "3xl",
           tablet: {
             "min-height": "500px",
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
           },
           mobile: {
             "min-height": "400px",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "base",
+            "padding-right": "base",
           },
-          "background-image": `url("${MEDIA.location}")`,
-          "background-position": "50% 50%",
-          "background-size": "cover",
         },
         container: {
           "margin-left": "auto",
@@ -138,99 +133,92 @@ export const Hero13: IBlock = {
           display: "flex",
           "flex-direction": "row",
           "justify-content": "space-between",
+          "align-items": "center",
+          "column-gap": "3xl",
           "padding-left": "none",
           "padding-right": "none",
-          tablet: {
-            "flex-direction": "column",
-          },
-        },
-        description: {},
-        form_title: {
-          "font-size": "xl",
-          "font-weight": 600,
-          color: "text-1",
-          margin: "0",
-          "text-align": "center",
-        },
-        form_button: {
-          "background-color": "brand",
-          color: "text-1",
-          "padding-top": "base",
-          "padding-bottom": "base",
-          "padding-left": "2xl",
-          "padding-right": "2xl",
-          "border-radius": "base",
-          "font-weight": 600,
-          width: "100%",
-          "text-align": "center",
-        },
-        features_section: {
-          "padding-top": "4xl",
-          "padding-bottom": "4xl",
-          "padding-left": "3xl",
-          "padding-right": "3xl",
           width: "100%",
           tablet: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "2xl",
-            "padding-right": "2xl",
-          },
-          mobile: {
-            "padding-top": "2xl",
-            "padding-bottom": "2xl",
-            "padding-left": "base",
-            "padding-right": "base",
+            "flex-direction": "column",
+            "row-gap": "2xl",
+            "align-items": "stretch",
           },
         },
         textWrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
           width: "55%",
+          "max-width": "600px",
           tablet: {
             width: "100%",
+            "max-width": "none",
           },
         },
-        contentWrapper: {
-          display: "flex",
+        title: {
+          "text-wrap": "balance",
+          "font-weight": 700,
+        },
+        description: {
+          color: "text-2",
         },
         formWrapper: {
-          "background-color": "background-3",
-          "padding-left": "base",
-          "padding-right": "base",
-          "padding-top": "base",
-          "padding-bottom": "base",
+          "background-color": "background-1",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
           "border-radius": "2xl",
-          width: "500px",
-          position: "absolute",
-          right: "80px",
-          "z-index": "9999",
+          border: "1px solid",
+          "border-color": "border",
+          width: "440px",
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "lg",
           "box-shadow": {
             x: 0,
-            y: 4,
-            blur: 8,
-            spread: 3,
-            color: "#000000",
-            opacity: 12,
+            y: 8,
+            blur: 24,
+            spread: 0,
+            color: "#0a0f19",
+            opacity: 8,
           },
           tablet: {
-            "background-color": "page",
-            position: "static",
             width: "100%",
-            "margin-top": "none",
           },
         },
+        form_title: {
+          "font-size": "xl",
+          "font-weight": 600,
+          color: "text-1",
+          margin: "0",
+          "text-align": "left",
+        },
         contact_form: {
           display: "block",
           "flex-direction": "column",
         },
+        form_button: {
+          "background-color": "brand",
+          color: "text-1",
+          "padding-top": "base",
+          "padding-bottom": "base",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+          "border-radius": "base",
+          "font-weight": 600,
+          width: "100%",
+          "text-align": "center",
+        },
       },
       content: DEFAULT_CONTENT,
       config: {
         title: {
           heading: {
-            level: "2",
+            level: "1",
           },
           selectedVariants: {
-            Heading_Level: "H2",
+            Heading_Level: "H1",
           },
         },
         description: {