@levo-so/blocks 0.1.2 → 0.1.52

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

@@ -22,7 +22,6 @@ const DEFAULT_IMAGE = {
 
 const DEFAULT_CONTENT = {
   layout: null,
-  container: null,
   headerWrapper: null,
   title: "Your Trusted Partner in Financial Excellence",
   cta: "Get Started",
@@ -111,18 +110,18 @@ export const Hero5: IBlock = {
           "max-width": "1280px",
           "margin-left": "auto",
           "margin-right": "auto",
-          "padding-top": "10xl",
-          "padding-bottom": "10xl",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
           tablet: {
-            "padding-bottom": "5xl",
-            "padding-left": "5xl",
-            "padding-right": "5xl",
-            "padding-top": "5xl",
+            "padding-bottom": "3xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+            "padding-top": "3xl",
           },
           mobile: {
             "padding-bottom": "2xl",
-            "padding-left": "2xl",
-            "padding-right": "2xl",
+            "padding-left": "base",
+            "padding-right": "base",
             "padding-top": "2xl",
           },
         },
@@ -132,15 +131,14 @@ export const Hero5: IBlock = {
           left: "50%",
           transform: "translateX(-50%)",
           display: "flex",
-          "column-gap": "2xs",
+          "column-gap": "xs",
           "align-items": "center",
           "z-index": "20",
-          "padding-top": "4xs",
-          "padding-right": "4xs",
-          "padding-bottom": "4xs",
-          "padding-left": "4xs",
-          "background-color": "text-2",
-          "border-radius": "3xl",
+          "padding-top": "xs",
+          "padding-right": "xs",
+          "padding-bottom": "xs",
+          "padding-left": "xs",
+          "border-radius": "base",
           tablet: {
             bottom: "70px",
           },
@@ -151,8 +149,8 @@ export const Hero5: IBlock = {
         slider_dot: {
           width: "8px",
           height: "8px",
-          "border-radius": "50%",
-          "background-color": "var(--color-brand-secondary)",
+          "border-radius": "base",
+          "background-color": "text-1",
         },
         slides_levoGroup: {
           width: "100%",
@@ -162,17 +160,16 @@ export const Hero5: IBlock = {
           display: "flex",
           "align-items": "center",
           "justify-content": "space-between",
-          "margin-bottom": "7xl",
+          "margin-bottom": "3xl",
           tablet: {
             "flex-direction": "column",
             "row-gap": "base",
-            "margin-bottom": "3xl",
+            "margin-bottom": "2xl",
           },
         },
         title: {
-          "font-size": "4xl",
+          color: "text-1",
           tablet: {
-            "font-size": "3xl",
             "text-align": "center",
           },
         },
@@ -186,7 +183,16 @@ export const Hero5: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+      },
     },
   ],
 };

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

@@ -22,7 +22,6 @@ const DUMMY_IMAGE = {
 
 const DEFAULT_CONTENT = {
   layout: null,
-  container: null,
   content_wrapper: null,
   label: "About Us",
   title: "Trusted Healthcare Solutions, Tailored for Your Unique Needs",
@@ -427,6 +426,14 @@ export const Hero6: IBlock = {
       key: "default",
       content: DEFAULT_CONTENT,
       config: {
+        title: {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
         media_collage_levoGroup: {
           carousel: {
             loop: true,
@@ -463,10 +470,7 @@ export const Hero6: IBlock = {
           display: "flex",
           "flex-direction": "column",
           "align-items": "center",
-          "row-gap": "3xl",
-          filter: "none",
-          "padding-left": "none",
-          "padding-right": "none",
+          "row-gap": "2xl",
         },
         content_wrapper: {
           display: "flex",
@@ -475,63 +479,42 @@ export const Hero6: IBlock = {
           "text-align": "center",
           "row-gap": "base",
           "max-width": "800px",
-          filter: "none",
         },
         label: {
-          "font-size": "xs",
-          "font-weight": "500",
-          color: "white",
+          color: "text-2",
           "background-color": "background-2",
           "padding-top": "2xs",
           "padding-bottom": "2xs",
           "padding-left": "base",
           "padding-right": "base",
-          "border-radius": "3xl",
-          filter: "none",
+          "border-radius": "base",
         },
         title: {
-          "font-size": "5xl",
-          "font-weight": "700",
           color: "text-1",
-          "line-height": "1.2",
           tablet: {
-            "font-size": "3xl",
-            filter: "none",
             "max-width": "650px",
           },
-          mobile: {
-            "font-size": "2xl",
-          },
-          filter: "none",
         },
         description: {
-          "font-size": "lg",
           color: "text-2",
-          "line-height": "1.6",
           tablet: {
-            "font-size": "base",
-            filter: "none",
             "max-width": "500px",
           },
-          mobile: {
-            filter: "none",
-          },
         },
         stats_levoGroup: {
           display: "grid",
           "grid-template-columns": "repeat(4, minmax(0, 1fr))",
-          "column-gap": "2xl",
-          "row-gap": "xl",
+          "column-gap": "lg",
+          "row-gap": "base",
           width: "100%",
           tablet: {
             "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-            "column-gap": "xl",
+            "column-gap": "base",
           },
           mobile: {
             "grid-template-columns": "repeat(2, minmax(0, 1fr))",
             "column-gap": "base",
           },
-          filter: "none",
           "margin-top": "xs",
         },
         "stats.*.stat_wrapper": {
@@ -542,23 +525,10 @@ export const Hero6: IBlock = {
           "row-gap": "xs",
         },
         "stats.*.value": {
-          "font-size": "3xl",
-          "font-weight": "700",
           color: "text-1",
-          tablet: {
-            "font-size": "2xl",
-          },
-          mobile: {
-            "font-size": "xl",
-          },
         },
         "stats.*.label": {
-          "font-size": "sm",
-          "font-weight": "500",
           color: "text-2",
-          mobile: {
-            "font-size": "xs",
-          },
         },
         media_collage_levoGroup: {
           number_of_slides: 5,
@@ -576,7 +546,7 @@ export const Hero6: IBlock = {
           width: "100%",
           height: "350px",
           "object-fit": "cover",
-          "border-radius": "2xl",
+          "border-radius": "base",
           tablet: {
             height: "300px",
           },
@@ -587,30 +557,22 @@ export const Hero6: IBlock = {
         stats: [
           {
             value: {
-              filter: "none",
-              "font-size": "4xl",
-              "font-weight": 700,
+              color: "text-1",
             },
           },
           {
             value: {
-              filter: "none",
-              "font-size": "4xl",
-              "font-weight": 700,
+              color: "text-1",
             },
           },
           {
             value: {
-              filter: "none",
-              "font-size": "4xl",
-              "font-weight": 700,
+              color: "text-1",
             },
           },
           {
             value: {
-              filter: "none",
-              "font-size": "4xl",
-              "font-weight": 700,
+              color: "text-1",
             },
           },
         ],
@@ -620,7 +582,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -630,7 +592,7 @@ export const Hero6: IBlock = {
               width: "260px",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
             },
           },
           {
@@ -638,7 +600,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -647,7 +609,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -656,7 +618,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -665,7 +627,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -674,7 +636,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -683,7 +645,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },
@@ -692,7 +654,7 @@ export const Hero6: IBlock = {
               filter: "none",
               height: "350px",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
               width: "260px",
             },
           },

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

@@ -35,7 +35,6 @@ const DEFAULT_SLIDES_COUNT = 3;
 
 const DEFAULT_CONTENT = {
   layout: null,
-  container: null,
   slider_dots: null,
   slider_dot: null,
 
@@ -311,9 +310,9 @@ export const Hero7: IBlock = {
         slider_dot: {
           width: "12px",
           height: "12px",
-          "border-radius": "50%",
+          "border-radius": "base",
           cursor: "pointer",
-          "background-color": "rgba(255, 255, 255, 0.5)",
+          "background-color": "background-2",
         },
         slides_levoGroup: {
           number_of_slides: 1,
@@ -387,9 +386,7 @@ export const Hero7: IBlock = {
             filter: "brightness(0) invert(1)",
           },
           date: {
-            "font-size": "sm",
-            "font-weight": "500",
-            color: "rgba(255, 255, 255, 0.9)",
+            color: "white",
             "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
           },
           time_wrapper: {
@@ -403,33 +400,17 @@ export const Hero7: IBlock = {
             filter: "brightness(0) invert(1)",
           },
           time: {
-            "font-size": "sm",
-            "font-weight": "500",
-            color: "rgba(255, 255, 255, 0.9)",
+            color: "white",
             "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
           },
           title: {
-            "font-size": "4xl",
-            "font-weight": "700",
-            "line-height": "1.1",
             color: "white",
             "text-shadow": "0 2px 4px rgba(0, 0, 0, 0.3)",
             "margin-top": "base",
-            tablet: {
-              "font-size": "3xl",
-            },
-            mobile: {
-              "font-size": "2xl",
-            },
           },
           description: {
-            "font-size": "lg",
-            "line-height": "1.6",
-            color: "rgba(255, 255, 255, 0.9)",
+            color: "white",
             "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
-            tablet: {
-              "font-size": "base",
-            },
           },
           author_wrapper: {
             display: "flex",
@@ -440,16 +421,14 @@ export const Hero7: IBlock = {
           avatar: {
             width: "40px",
             height: "40px",
-            "border-radius": "50%",
+            "border-radius": "base",
             "object-fit": "cover",
             "border-width": "2px",
             "border-style": "solid",
             "border-color": "rgba(255, 255, 255, 0.2)",
           },
           author_name: {
-            "font-size": "base",
-            "font-weight": "500",
-            color: "rgba(255, 255, 255, 0.9)",
+            color: "white",
             "text-shadow": "0 1px 2px rgba(0, 0, 0, 0.3)",
           },
           ctas_wrapper: {
@@ -465,14 +444,11 @@ export const Hero7: IBlock = {
           },
           primary_cta: {
             "background-color": "white",
-            color: "var(--color-text-1)",
+            color: "text-1",
             "padding-top": "base",
             "padding-bottom": "base",
             "padding-left": "2xl",
             "padding-right": "2xl",
-            "border-radius": "6px",
-            "font-weight": "600",
-            "font-size": "base",
             "border-width": "2px",
             "border-style": "solid",
             "border-color": "white",
@@ -484,9 +460,6 @@ export const Hero7: IBlock = {
             "padding-bottom": "base",
             "padding-left": "2xl",
             "padding-right": "2xl",
-            "border-radius": "6px",
-            "font-weight": "600",
-            "font-size": "base",
             "border-width": "2px",
             "border-style": "solid",
             "border-color": "white",
@@ -495,10 +468,34 @@ export const Hero7: IBlock = {
       },
       content: DEFAULT_CONTENT,
       config: {
+        "slides.0.title": {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        "slides.1.title": {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
+        "slides.2.title": {
+          heading: {
+            level: 1,
+          },
+          selectedVariants: {
+            Heading_Level: "H1",
+          },
+        },
         slides_levoGroup: {
           carousel: {
-            loop: true,
-            autoScroll: true,
+            loop: false,
+            autoScroll: false,
             speed: 4,
           },
         },

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

@@ -227,7 +227,6 @@ export const Hero8: IBlock = {
         layout: {
           "padding-top": "3xl",
           "padding-bottom": "3xl",
-          "background-color": "background-1",
         },
         container: {
           "max-width": "1280px",
@@ -358,6 +357,11 @@ export const Hero8: IBlock = {
       },
       content: DEFAULT_CONTENT,
       config: {
+        slides_levoGroup: {
+          carousel: {
+            speed: 2,
+          },
+        },
         title: {
           heading: {
             level: 1,

package/src/blocks/index.ts

@@ -2,11 +2,14 @@ import type { BlockComponent } from "@levo-so/studio";
 import { lazy } from "react";
 
 export const blocks: Record<string, BlockComponent> = {
+  "about-us-2:v1": lazy(() => import("./about-us/about-us-2")),
   "about-us-1:v1": lazy(() => import("./about-us/about-us-1")),
   "blog-listing-1:v1": lazy(() => import("./blogs/blog-listing-1")),
   "blog-listing-2:v1": lazy(() => import("./blogs/blog-listing-2")),
+  "blog-listing-3:v1": lazy(() => import("./blogs/blog-listing-3")),
   "blog-post-1:v1": lazy(() => import("./blogs/blog-post-1")),
   "blog-post-2:v1": lazy(() => import("./blogs/blog-post-2")),
+  "blog-post-3:v1": lazy(() => import("./blogs/blog-post-3")),
   "cards-2:v1": lazy(() => import("./cards/cards-2")),
   "cards-3:v1": lazy(() => import("./cards/cards-3")),
   "cards-4:v1": lazy(() => import("./cards/cards-4")),
@@ -17,6 +20,7 @@ export const blocks: Record<string, BlockComponent> = {
   "cards-10:v1": lazy(() => import("./cards/cards-10")),
   "cards-11:v1": lazy(() => import("./cards/cards-11")),
   "cards-12:v1": lazy(() => import("./cards/cards-12")),
+  "cards-13:v1": lazy(() => import("./cards/cards-13")),
   "contact-us-1:v1": lazy(() => import("./contact-us/contact-us-1")),
   "contact-us-2:v1": lazy(() => import("./contact-us/contact-us-2")),
   "content-1:v1": lazy(() => import("./content/content-1")),
@@ -25,6 +29,7 @@ export const blocks: Record<string, BlockComponent> = {
   "content-4:v1": lazy(() => import("./content/content-4")),
   "content-5:v1": lazy(() => import("./content/content-5")),
   "content-6:v1": lazy(() => import("./content/content-6")),
+  "content-7:v1": lazy(() => import("./content/content-7")),
   "cta-1:v1": lazy(() => import("./cta/cta-1")),
   "cta-2:v1": lazy(() => import("./cta/cta-2")),
   "cta-3:v1": lazy(() => import("./cta/cta-3")),
@@ -32,6 +37,7 @@ export const blocks: Record<string, BlockComponent> = {
   "event-listing:v1": lazy(() => import("./event/event-listing")),
   "event-listing-2:v1": lazy(() => import("./event/event-listing-2")),
   "event-listing-3:v1": lazy(() => import("./event/event-listing-3")),
+  "event-listing-4:v1": lazy(() => import("./event/event-listing-4")),
   "event-details:v1": lazy(() => import("./event/event-details")),
   "faq-1:v1": lazy(() => import("./faq/faq-1")),
   "faq-2:v1": lazy(() => import("./faq/faq-2")),
@@ -47,6 +53,7 @@ export const blocks: Record<string, BlockComponent> = {
   "footer-3:v1": lazy(() => import("./footer/footer-3")),
   "footer-4:v1": lazy(() => import("./footer/footer-4")),
   "footer-5:v1": lazy(() => import("./footer/footer-5")),
+  "footer-6:v1": lazy(() => import("./footer/footer-6")),
   "hero-1:v1": lazy(() => import("./hero/hero-1")),
   "hero-2:v1": lazy(() => import("./hero/hero-2")),
   "hero-4:v1": lazy(() => import("./hero/hero-4")),
@@ -55,9 +62,11 @@ export const blocks: Record<string, BlockComponent> = {
   "hero-7:v1": lazy(() => import("./hero/hero-7")),
   "hero-8:v1": lazy(() => import("./hero/hero-8")),
   "hero-9:v1": lazy(() => import("./hero/hero-9")),
+  "hero-10:v1": lazy(() => import("./hero/hero-10")),
   "logos-1:v1": lazy(() => import("./logos/logos-1")),
   "navbar-1:v1": lazy(() => import("./navbar/navbar-1")),
   "navbar-2:v1": lazy(() => import("./navbar/navbar-2")),
+  "navbar-3:v1": lazy(() => import("./navbar/navbar-3")),
   "pricing-1:v1": lazy(() => import("./pricing/pricing-1")),
   "products-listing-1:v1": lazy(() => import("./products/products-listing-1")),
   "stats-1:v1": lazy(() => import("./stats/stats-1")),
@@ -65,6 +74,7 @@ export const blocks: Record<string, BlockComponent> = {
   "team-1:v1": lazy(() => import("./team/team-1")),
   "team-2:v1": lazy(() => import("./team/team-2")),
   "team-3:v1": lazy(() => import("./team/team-3")),
+  "team-4:v1": lazy(() => import("./team/team-4")),
   "testimonial-1:v1": lazy(() => import("./testimonial/testimonial-1")),
   "testimonial-2:v1": lazy(() => import("./testimonial/testimonial-2")),
   "testimonial-3:v1": lazy(() => import("./testimonial/testimonial-3")),
@@ -75,4 +85,5 @@ export const blocks: Record<string, BlockComponent> = {
     () => import("./termsAndPrivacy/terms-and-conditions-1"),
   ),
   "carousel-1:v1": lazy(() => import("./carousel/carousel-1")),
+  "profile-1:v1": lazy(() => import("./profile/profile-1")),
 };

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

@@ -229,13 +229,11 @@ export const Logos1: IBlock = {
         },
         title: {
           "text-align": "center",
-          "font-size": "3xl",
-          tablet: {
-            "font-size": "2xl",
-          },
+          color: "text-1",
         },
         description: {
           "text-align": "center",
+          color: "text-2",
         },
         container: {
           display: "flex",
@@ -251,6 +249,14 @@ export const Logos1: IBlock = {
       },
       content: DEFAULT_CONTENT,
       config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
         logos_levoGroup: {
           carousel: {
             loop: true,

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

@@ -307,7 +307,7 @@ export const Navbar1: IBlock = {
             {
               key: "sub-item-icon",
               label: "Sub Item Icon",
-              field_interface: "ImageWidget",
+              field_interface: "IconWidget",
             },
             {
               key: "sub-item-text-container",
@@ -556,8 +556,7 @@ export const Navbar1: IBlock = {
               "column-gap": "2xs",
               "justify-content": "flex-start",
               width: "100%",
-              "font-size": "lg",
-              "font-weight": 600,
+
               color: "text-1",
             },
             "nav-item-dropdown-container": {
@@ -853,8 +852,7 @@ export const Navbar1: IBlock = {
               "column-gap": "2xs",
               "justify-content": "flex-start",
               width: "100%",
-              "font-size": "lg",
-              "font-weight": 600,
+
               color: "text-1",
             },
             "nav-item-dropdown-container": {