@levo-so/blocks 0.1.58 → 0.1.60

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

@@ -1,23 +1,31 @@
 import type { IBlock } from "@levo-so/studio";
-const DUMMY_IMAGE = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+
+const MEDIA = {
+  id: "fF9hWpVJEq8H",
+  filename: "hero-9-default.jpg",
   kind: "image",
-  mimetype: "image/png",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5.jpg",
   srcset: {
     "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-1080w.webp",
     "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-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",
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-9-default-ZnMmUkWOVll5-1920w.webp 1920w",
   },
+  mimetype: "image/jpeg",
 };
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -28,7 +36,15 @@ const DEFAULT_CONTENT = {
   title: "Care That Feels Like Family",
   description:
     "Dignified, personalized senior care that keeps your loved ones safe, happy, and independent — right where they belong.",
-  cta: "Contact Us",
+  ctas_levoGroup: null,
+  ctas: [
+    {
+      cta: "Contact Us",
+    },
+    {
+      cta: "Learn More",
+    },
+  ],
   stats_container: null,
   stats: [
     {
@@ -48,7 +64,7 @@ const DEFAULT_CONTENT = {
     },
   ],
   right_container: null,
-  hero_image: DUMMY_IMAGE,
+  hero_image: MEDIA,
 };
 
 export type IHero9Content = typeof DEFAULT_CONTENT;
@@ -134,15 +150,23 @@ export const Hero9: IBlock = {
       },
     },
     {
-      key: "cta",
-      label: "Call to Action",
-      field_interface: "ButtonWidget",
-      hint: {
-        prompt_description:
-          "Primary action button that encourages user engagement. Should be clear and action-oriented.",
-        min_characters: 8,
-        max_characters: 20,
-      },
+      key: "ctas",
+      label: "CTA Buttons Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "cta",
+          label: "Call to Action",
+          field_interface: "ButtonWidget",
+          hint: {
+            prompt_description:
+              "Primary action button that encourages user engagement. Should be clear and action-oriented.",
+            min_characters: 8,
+            max_characters: 20,
+          },
+        },
+      ],
     },
     {
       key: "stats_container",
@@ -227,30 +251,8 @@ export const Hero9: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          "background-color": "oklch(0.9643 0.0169 61.9599)",
-          tablet: {
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-            "padding-left": "lg",
-            "padding-right": "lg",
-          },
-          mobile: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "base",
-            "padding-right": "base",
-          },
-        },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-        },
+        layout: {},
+        container: {},
         main_wrapper: {
           display: "flex",
           "align-items": "center",
@@ -282,23 +284,25 @@ export const Hero9: IBlock = {
           "padding-right": "2xs",
           "padding-top": "4xs",
           "padding-bottom": "4xs",
-          color: "white",
-        },
-        title: {
-          color: "text-1",
+          color: "brandForeground",
         },
-        description: {
-          color: "text-2",
-        },
-        cta: {
-          "background-color": "oklch(0.3451 0.1175 164.4309)",
-          color: "white",
-          "padding-top": "sm",
-          "padding-bottom": "sm",
-          "padding-left": "lg",
-          "padding-right": "lg",
-          "align-self": "flex-start",
+        title: {},
+        description: {},
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
         },
+        ctas: Array(2)
+          .fill(0)
+          .map(() => ({
+            cta: {
+              width: "fit-content",
+            },
+          })),
         stats_container: {
           display: "flex",
           "flex-direction": "column",
@@ -326,40 +330,28 @@ export const Hero9: IBlock = {
             stat_wrapper: {
               display: "flex",
               "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            value: {
-              color: "text-1",
-            },
-            label: {
-              color: "text-2",
+              "row-gap": "6xs",
             },
+            value: {},
+            label: {},
           },
           {
             stat_wrapper: {
               display: "flex",
               "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            value: {
-              color: "text-1",
-            },
-            label: {
-              color: "text-2",
+              "row-gap": "6xs",
             },
+            value: {},
+            label: {},
           },
           {
             stat_wrapper: {
               display: "flex",
               "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            value: {
-              color: "text-1",
-            },
-            label: {
-              color: "text-2",
+              "row-gap": "6xs",
             },
+            value: {},
+            label: {},
           },
         ],
       },
@@ -378,6 +370,47 @@ export const Hero9: IBlock = {
             Button_Variants: "Primary",
           },
         },
+        stats: [
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H2",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+            stat_wrapper: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H2",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+            stat_wrapper: {
+              selectedVariants: {},
+            },
+          },
+          {
+            value: {
+              selectedVariants: {
+                Heading_Level: "H2",
+              },
+            },
+            label: {
+              selectedVariants: {},
+            },
+            stat_wrapper: {
+              selectedVariants: {},
+            },
+          },
+        ],
       },
     },
   ],

package/src/blocks/hero/hero-9.tsx

@@ -22,7 +22,15 @@ const Hero9: React.FC<ILevoBlockBaseProps<IHero9Content>> = ({ content }) => (
             <Typography elementKey="label" />
             <Heading elementKey="title" />
             <Typography elementKey="description" />
-            <Button elementKey="cta" />
+            <Box elementKey="ctas_levoGroup" data-levo_group>
+              {(content?.ctas ?? []).map((_: any, index: number) => (
+                <Button
+                  key={`ctas.${index}.cta`}
+                  elementKey={`ctas.${index}.cta`}
+                  data-levo_group_item
+                />
+              ))}
+            </Box>
           </Box>
           <Box elementKey="stats_container">
             <Box elementKey="stats_levoGroup" data-levo_group>

package/src/blocks/index.ts

@@ -11,12 +11,15 @@ export const blocks: Record<string, BlockComponent> = {
   "blog-post-2:v1": lazy(() => import("./blogs/blog-post-2")),
   "blog-post-3:v1": lazy(() => import("./blogs/blog-post-3")),
   "calendar-1:v1": lazy(() => import("./calendar/calendar-1")),
+  "community-1:v1": lazy(() => import("./community/community-1")),
+  "community-post-1:v1": lazy(() => import("./community/community-post-1")),
   "cards-2:v1": lazy(() => import("./cards/cards-2")),
   "cards-3:v1": lazy(() => import("./cards/cards-3")),
   "cards-4:v1": lazy(() => import("./cards/cards-4")),
   "cards-5:v1": lazy(() => import("./cards/cards-5")),
   "cards-6:v1": lazy(() => import("./cards/cards-6")),
   "cards-7:v1": lazy(() => import("./cards/cards-7")),
+  "cards-8:v1": lazy(() => import("./cards/cards-8")),
   "cards-9:v1": lazy(() => import("./cards/cards-9")),
   "cards-10:v1": lazy(() => import("./cards/cards-10")),
   "cards-11:v1": lazy(() => import("./cards/cards-11")),
@@ -65,6 +68,7 @@ export const blocks: Record<string, BlockComponent> = {
   ),
   "hero-1:v1": lazy(() => import("./hero/hero-1")),
   "hero-2:v1": lazy(() => import("./hero/hero-2")),
+  "hero-3:v1": lazy(() => import("./hero/hero-3")),
   "hero-4:v1": lazy(() => import("./hero/hero-4")),
   "hero-5:v1": lazy(() => import("./hero/hero-5")),
   "hero-6:v1": lazy(() => import("./hero/hero-6")),
@@ -113,4 +117,7 @@ export const blocks: Record<string, BlockComponent> = {
   "tab-1:v1": lazy(() => import("./tabs/tab-1")),
   "tab-2:v1": lazy(() => import("./tabs/tab-2")),
   "service-1:v1": lazy(() => import("./services/service-1")),
+  "floating-button-1:v1": lazy(
+    () => import("./floating-buttons/floating-button-1"),
+  ),
 };