@levo-so/blocks 0.1.101 → 0.1.103

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

@@ -1,19 +1,37 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DUMMY_ICON = {
+const ICON_LINKEDIN = {
   kind: "icon",
   data: {
-    id: "archive-minus",
-    label: "Archive Minus",
-    tags: ["archive", "custom", "directional", "minus"],
+    id: "linkedin",
+    label: "Linkedin",
     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>',
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z" fill="var(--color-icon-primary)"/></svg>',
+  },
+};
+
+const ICON_TWITTER = {
+  kind: "icon",
+  data: {
+    id: "twitter",
+    label: "Twitter",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.55016 21.75C16.6045 21.75 21.5583 14.2468 21.5583 7.74192C21.5583 7.53098 21.5536 7.31536 21.5442 7.10442C22.5079 6.40752 23.3395 5.54432 24 4.55536C23.1025 4.95466 22.1496 5.21544 21.1739 5.3288C22.2013 4.71297 22.9705 3.74553 23.3391 2.60583C22.3726 3.17862 21.3156 3.58267 20.2134 3.80067C19.4708 3.01162 18.489 2.48918 17.4197 2.31411C16.3504 2.13905 15.2532 2.32111 14.2977 2.83216C13.3423 3.3432 12.5818 4.15477 12.1338 5.14137C11.6859 6.12798 11.5754 7.23468 11.8195 8.29036C9.86249 8.19215 7.94794 7.68377 6.19998 6.79816C4.45203 5.91255 2.90969 4.6695 1.67297 3.14958C1.0444 4.2333 0.852057 5.51571 1.13503 6.73615C1.418 7.9566 2.15506 9.02351 3.19641 9.72005C2.41463 9.69523 1.64998 9.48474 0.965625 9.10598V9.16692C0.964925 10.3042 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1932 3.43198 14.2221 2.69484 14.0794C3.00945 15.0575 3.62157 15.913 4.44577 16.5264C5.26997 17.1398 6.26512 17.4807 7.29234 17.5013C5.54842 18.8712 3.39417 19.6142 1.17656 19.6107C0.783287 19.6101 0.390399 19.586 0 19.5385C2.25286 20.9838 4.87353 21.7514 7.55016 21.75Z" fill="var(--color-icon-primary)"/></svg>',
+  },
+};
+
+const ICON_YOUTUBE = {
+  kind: "icon",
+  data: {
+    id: "youtube",
+    label: "Youtube",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 20.75H7C3.56 20.75 1.25 18.44 1.25 15V9C1.25 5.56 3.56 3.25 7 3.25H17C20.44 3.25 22.75 5.56 22.75 9V15C22.75 18.44 20.44 20.75 17 20.75ZM7 4.75C4.42 4.75 2.75 6.42 2.75 9V15C2.75 17.58 4.42 19.25 7 19.25H17C19.58 19.25 21.25 17.58 21.25 15V9C21.25 6.42 19.58 4.75 17 4.75H7Z" fill="var(--color-icon-primary)"/><path d="M10.5897 15.53C10.2997 15.53 10.0197 15.46 9.76965 15.32C9.18965 14.99 8.84961 14.32 8.84961 13.49V10.53C8.84961 9.7 9.17965 9.03002 9.76965 8.70002C10.3497 8.37002 11.0996 8.42999 11.8096 8.85999L14.2797 10.34C14.9597 10.75 15.3496 11.36 15.3496 12.01C15.3496 12.66 14.9597 13.27 14.2797 13.68L11.8096 15.16C11.3996 15.4 10.9797 15.53 10.5897 15.53ZM10.5897 9.97001C10.5497 9.97001 10.5196 9.98 10.4996 9.99C10.4296 10.03 10.3496 10.21 10.3496 10.52V13.48C10.3496 13.78 10.4296 13.96 10.4996 14.01C10.5796 14.05 10.7697 14.03 11.0297 13.87L13.4996 12.39C13.7496 12.24 13.8397 12.09 13.8397 12C13.8397 11.91 13.7496 11.77 13.4996 11.61L11.0297 10.13C10.8497 10.02 10.6897 9.97001 10.5897 9.97001Z" fill="var(--color-icon-primary)"/></svg>',
   },
 };
 
 const MEDIA_1 = {
   id: "uY2MtYb6ZCGYO",
-  filename: "team-1-1.png",
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-1-74d2lDI5Z2We8.png",
   srcset: {
@@ -31,7 +49,6 @@ const MEDIA_1 = {
 
 const MEDIA_2 = {
   id: "6HgrQxxyshKEc",
-  filename: "team-1-2.png",
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-2-4JOoOlk2OAndr.png",
   srcset: {
@@ -49,7 +66,6 @@ const MEDIA_2 = {
 
 const MEDIA_3 = {
   id: "ZnMqfUkWzAavx",
-  filename: "team-1-3.png",
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-3-pKkWQltJ03ZYL.png",
   srcset: {
@@ -67,7 +83,6 @@ const MEDIA_3 = {
 
 const MEDIA_4 = {
   id: "DNPbes1aZvRBi",
-  filename: "team-1-4.png",
   kind: "image",
   location: "https://static.levocdn.com/WLZ1TXTD/team-1-4-GLU2acijJaz3O.png",
   srcset: {
@@ -83,164 +98,86 @@ const MEDIA_4 = {
   mimetype: "image/png",
 };
 
-const MEDIA_ARR = [MEDIA_1, MEDIA_2, MEDIA_3, MEDIA_4];
+const SOCIAL_LINKS = [
+  { wrapper: null, icon: ICON_LINKEDIN, link: "https://linkedin.com" },
+  { wrapper: null, icon: ICON_TWITTER, link: "https://twitter.com" },
+  { wrapper: null, icon: ICON_YOUTUBE, link: "https://youtube.com" },
+];
 
-const PERSON_INFO = {
-  wrapper: null,
-  "info-wrapper": null,
-  info: null,
-  name: "Caitlin Henderson",
-  description: "Criminal Law Expert",
-  links_levoGroup: null,
-  links: [
-    {
-      wrapper: null,
-      icon: DUMMY_ICON,
-      link: "https://youtube.com",
-    },
-    {
-      wrapper: null,
-      icon: DUMMY_ICON,
-      link: "https://linkedin.com",
-    },
-    {
-      wrapper: null,
-      icon: DUMMY_ICON,
-      link: "https://twitter.com",
-    },
-  ],
-};
+const PEOPLE = [
+  {
+    wrapper: null,
+    "info-wrapper": null,
+    info: null,
+    media: MEDIA_1,
+    name: "Priya Shankar",
+    description: "Chief Risk Officer",
+    links_levoGroup: null,
+    links: SOCIAL_LINKS,
+  },
+  {
+    wrapper: null,
+    "info-wrapper": null,
+    info: null,
+    media: MEDIA_2,
+    name: "Marcus Reyes",
+    description: "VP, Platform Engineering",
+    links_levoGroup: null,
+    links: SOCIAL_LINKS,
+  },
+  {
+    wrapper: null,
+    "info-wrapper": null,
+    info: null,
+    media: MEDIA_3,
+    name: "Naomi Chen",
+    description: "Head of Compliance & KYC",
+    links_levoGroup: null,
+    links: SOCIAL_LINKS,
+  },
+  {
+    wrapper: null,
+    "info-wrapper": null,
+    info: null,
+    media: MEDIA_4,
+    name: "Samir Okonkwo",
+    description: "Senior Product Manager",
+    links_levoGroup: null,
+    links: SOCIAL_LINKS,
+  },
+];
 
 const DEFAULT_CONTENT = {
   layout: null,
   "header-container": null,
   "header-content": null,
-  "accent-title": "WHY US? ",
+  "accent-title": "THE TEAM",
   "title-wrapper": null,
-  title: "Our Lawyers",
+  title: "People who move money safely",
   description:
-    "Meet our dedicated team, bringing passion and expertise to champion your legal needs with excellence",
+    "Risk, engineering, and compliance leaders who've shipped PCI DSS Level 1 platforms, moved billions in settlement volume, and still answer Slack at 2am.",
   header_ctas_levoGroup: null,
-  header_ctas: [{ header_cta: "View All" }, { header_cta: "Learn More" }],
+  header_ctas: [{ header_cta: "Meet the team" }, { header_cta: "View openings" }],
   team_levoGroup: null,
-  team: Array(4)
-    ?.fill(0)
-    ?.map((_, index) => ({
-      ...PERSON_INFO,
-      media: MEDIA_ARR[index],
-    })),
+  team: PEOPLE,
 };
 
-export type ITeam1Content = typeof DEFAULT_CONTENT;
+const CONTENT_3 = { ...DEFAULT_CONTENT, team: PEOPLE.slice(0, 3) };
 
-const PERSON_STYLE = {
-  wrapper: {
-    position: "relative",
-    display: "flex",
-    height: "100%",
-    width: "100%",
-    "flex-direction": "column",
-    "row-gap": "4xs",
-  },
-  media: {
-    height: "100%",
-    width: "100%",
-    "object-fit": "cover",
-    "border-radius": "base",
-  },
-  "info-wrapper": {
-    position: "absolute",
-    background:
-      "linear-gradient(180deg,rgba(5, 41, 37, 0) 0%, rgba(5, 41, 37, 0) 8%, rgba(5, 41, 37, 0.8) 31%, rgba(5, 41, 37, 0.8) 100%)",
-    bottom: "0",
-    left: "0",
-    right: "0",
-    // display: "none",
-    // _hover: {
-    //   display: "block",
-    //   border: "2px solid red",
-    // },
-  },
-  info: {
-    position: "relative",
-    width: "100%",
-    "padding-top": "3xl",
-    "padding-bottom": "3xl",
-    "padding-left": "2xl",
-    "padding-right": "2xl",
-  },
-  name: {
-    color: "var(--color-brand-foreground)",
-  },
-  description: {
-    "font-size": "sm",
-    "font-weight": 500,
-    color: "var(--color-brand-foreground)",
-  },
-  links_levoGroup: {
-    display: "flex",
-    "justify-content": "flex-start",
-    "column-gap": "sm",
-    "margin-top": "3xs",
-  },
-  links: [
-    {
-      wrapper: {
-        width: "32px",
-        height: "32px",
-        padding: "2xs",
-        display: "flex",
-        "justify-content": "center",
-        "align-items": "center",
-        overflow: "hidden",
-      },
-      icon: {
-        width: "24px",
-        height: "24px",
-        "object-fit": "contain",
-      },
-      link: {},
-    },
-    {
-      wrapper: {
-        width: "32px",
-        height: "32px",
-        padding: "2xs",
-        display: "flex",
-        "justify-content": "center",
-        "align-items": "center",
-        overflow: "hidden",
-      },
-      icon: {
-        width: "24px",
-        height: "24px",
-        "object-fit": "contain",
-      },
-      link: {},
-    },
-    {
-      wrapper: {
-        width: "32px",
-        height: "32px",
-        padding: "2xs",
-        display: "flex",
-        "justify-content": "center",
-        "align-items": "center",
-        overflow: "hidden",
-      },
-      icon: {
-        width: "24px",
-        height: "24px",
-        "object-fit": "contain",
-      },
-      link: {},
-    },
-  ],
+const PERSON_5 = {
+  wrapper: null,
+  "info-wrapper": null,
+  info: null,
+  media: MEDIA_1,
+  name: "Elena Vargas",
+  description: "Director, Settlement Ops",
+  links_levoGroup: null,
+  links: SOCIAL_LINKS,
 };
 
-const TEAM_STYLES = Array(4)
-  ?.fill(0)
-  ?.map((_) => PERSON_STYLE);
+const CONTENT_5 = { ...DEFAULT_CONTENT, team: [...PEOPLE, PERSON_5] };
+
+export type ITeam1Content = typeof DEFAULT_CONTENT;
 
 export const Team1: IBlock = {
   category_id: "team",
@@ -486,16 +423,16 @@ export const Team1: IBlock = {
           width: "100%",
           "flex-direction": "column",
           "background-color": "brand",
-          "row-gap": "9xl",
+          "row-gap": "4xl",
           tablet: {
-            "row-gap": "4xl",
+            "row-gap": "3xl",
           },
         },
         "header-container": {
           display: "flex",
           "align-items": "flex-end",
           "justify-content": "space-between",
-          "column-gap": "20xl",
+          "column-gap": "4xl",
           tablet: {
             "flex-direction": "column",
             "align-items": "flex-start",
@@ -507,44 +444,41 @@ export const Team1: IBlock = {
           width: "100%",
           flex: "1",
           "flex-direction": "column",
-          "row-gap": "2xs",
+          "row-gap": "base",
           tablet: {
-            "row-gap": "4xs",
+            "row-gap": "sm",
           },
         },
         "accent-title": {
           color: "brandForeground",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-weight": 600,
+          "font-size": "xs",
         },
         "title-wrapper": {
           display: "flex",
           width: "100%",
-          flex: "1",
-          "align-items": "center",
-          "justify-content": "space-between",
-          "column-gap": "10xl",
-          tablet: {
-            "flex-direction": "column",
-            "align-items": "flex-start",
-            "row-gap": "4xs",
-          },
+          "flex-direction": "column",
+          "row-gap": "sm",
         },
         title: {
-          width: "100%",
-          "max-width": "fit-content",
-          flex: "1",
-          "white-space": "nowrap",
           color: "brandForeground",
+          "max-width": "720px",
+        },
+        description: {
+          color: "brandForeground",
+          opacity: "0.8",
+          "max-width": "640px",
         },
-        description: {},
         header_ctas_levoGroup: {
           display: "flex",
           "flex-direction": "row",
           "align-items": "center",
           gap: "sm",
+          "flex-shrink": "0",
         },
-        header_ctas: Array(2).map(() => ({
-          header_cta: {},
-        })),
+        header_ctas_levoGroupItem: { header_cta: {} },
         team_levoGroup: {
           display: "grid",
           width: "100%",
@@ -557,404 +491,73 @@ export const Team1: IBlock = {
             "grid-template-columns": "repeat(1, minmax(0, 1fr))",
           },
         },
-        team: [
-          {
-            wrapper: {
-              position: "relative",
-              display: "flex",
-              height: "100%",
-              width: "100%",
-              "flex-direction": "column",
-              "row-gap": "4xs",
-            },
-            media: {
-              height: "100%",
-              width: "100%",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
-            "info-wrapper": {
-              position: "absolute",
-              background:
-                "linear-gradient(180deg,rgba(5, 41, 37, 0) 0%, rgba(5, 41, 37, 0) 8%, rgba(5, 41, 37, 0.8) 31%, rgba(5, 41, 37, 0.8) 100%)",
-              bottom: "0",
-              left: "0",
-              right: "0",
-            },
-            info: {
-              position: "relative",
-              width: "100%",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            name: {
-              color: "brandForeground",
-              "font-weight": 700,
-            },
-            description: {
-              "font-weight": 500,
-              color: "brandForeground",
-            },
-            links_levoGroup: {
-              display: "flex",
-              "justify-content": "flex-start",
-              "column-gap": "sm",
-              "margin-top": "3xs",
-            },
-            links: [
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-            ],
+        team_levoGroupItem: {
+          wrapper: {
+            position: "relative",
+            display: "flex",
+            height: "100%",
+            width: "100%",
+            "flex-direction": "column",
+            "row-gap": "4xs",
           },
-          {
-            wrapper: {
-              position: "relative",
-              display: "flex",
-              height: "100%",
-              width: "100%",
-              "flex-direction": "column",
-              "row-gap": "4xs",
-            },
-            media: {
-              height: "100%",
-              width: "100%",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
-            "info-wrapper": {
-              position: "absolute",
-              background:
-                "linear-gradient(180deg,rgba(5, 41, 37, 0) 0%, rgba(5, 41, 37, 0) 8%, rgba(5, 41, 37, 0.8) 31%, rgba(5, 41, 37, 0.8) 100%)",
-              bottom: "0",
-              left: "0",
-              right: "0",
-            },
-            info: {
-              position: "relative",
-              width: "100%",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            name: {
-              color: "brandForeground",
-              "font-weight": 700,
-            },
-            description: {
-              "font-weight": 500,
-              color: "brandForeground",
-            },
-            links_levoGroup: {
-              display: "flex",
-              "justify-content": "flex-start",
-              "column-gap": "sm",
-              "margin-top": "3xs",
-            },
-            links: [
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-            ],
+          media: {
+            height: "100%",
+            width: "100%",
+            "object-fit": "cover",
+            "border-radius": "base",
           },
-          {
-            wrapper: {
-              position: "relative",
-              display: "flex",
-              height: "100%",
-              width: "100%",
-              "flex-direction": "column",
-              "row-gap": "4xs",
-            },
-            media: {
-              height: "100%",
-              width: "100%",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
-            "info-wrapper": {
-              position: "absolute",
-              background:
-                "linear-gradient(180deg,rgba(5, 41, 37, 0) 0%, rgba(5, 41, 37, 0) 8%, rgba(5, 41, 37, 0.8) 31%, rgba(5, 41, 37, 0.8) 100%)",
-              bottom: "0",
-              left: "0",
-              right: "0",
-            },
-            info: {
-              position: "relative",
-              width: "100%",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            name: {
-              color: "brandForeground",
-              "font-weight": 700,
-            },
-            description: {
-              "font-weight": 500,
-              color: "brandForeground",
-            },
-            links_levoGroup: {
-              display: "flex",
-              "justify-content": "flex-start",
-              "column-gap": "sm",
-              "margin-top": "3xs",
-            },
-            links: [
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-            ],
+          "info-wrapper": {
+            position: "absolute",
+            background:
+              "linear-gradient(180deg, color-mix(in oklch, var(--color-brand) 0%, transparent) 0%, color-mix(in oklch, var(--color-brand) 0%, transparent) 8%, color-mix(in oklch, var(--color-brand) 80%, transparent) 31%, color-mix(in oklch, var(--color-brand) 80%, transparent) 100%)",
+            bottom: "0",
+            left: "0",
+            right: "0",
+            "border-radius": "base",
           },
-          {
+          info: {
+            position: "relative",
+            width: "100%",
+            "padding-top": "3xl",
+            "padding-bottom": "3xl",
+            "padding-left": "2xl",
+            "padding-right": "2xl",
+          },
+          name: {
+            color: "brandForeground",
+            "font-weight": 700,
+          },
+          description: {
+            "font-weight": 500,
+            color: "brandForeground",
+          },
+          links_levoGroup: {
+            display: "flex",
+            "justify-content": "flex-start",
+            "column-gap": "sm",
+            "margin-top": "3xs",
+          },
+          links_levoGroupItem: {
             wrapper: {
-              position: "relative",
+              width: "32px",
+              height: "32px",
+              padding: "2xs",
               display: "flex",
-              height: "100%",
-              width: "100%",
-              "flex-direction": "column",
-              "row-gap": "4xs",
-            },
-            media: {
-              height: "100%",
-              width: "100%",
-              "object-fit": "cover",
-              "border-radius": "base",
-            },
-            "info-wrapper": {
-              position: "absolute",
-              background:
-                "linear-gradient(180deg,rgba(5, 41, 37, 0) 0%, rgba(5, 41, 37, 0) 8%, rgba(5, 41, 37, 0.8) 31%, rgba(5, 41, 37, 0.8) 100%)",
-              bottom: "0",
-              left: "0",
-              right: "0",
-            },
-            info: {
-              position: "relative",
-              width: "100%",
-              "padding-top": "3xl",
-              "padding-bottom": "3xl",
-              "padding-left": "2xl",
-              "padding-right": "2xl",
-            },
-            name: {
-              color: "brandForeground",
-              "font-weight": 700,
+              "justify-content": "center",
+              "align-items": "center",
+              "border-radius": "full",
+              "background-color": "rgba(255, 255, 255, 0.15)",
+              "--color-icon-primary": "var(--color-brand-foreground)",
             },
-            description: {
-              "font-weight": 500,
-              color: "brandForeground",
-            },
-            links_levoGroup: {
-              display: "flex",
-              "justify-content": "flex-start",
-              "column-gap": "sm",
-              "margin-top": "3xs",
+            icon: {
+              width: "20px",
+              height: "20px",
+              "object-fit": "contain",
             },
-            links: [
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-              {
-                wrapper: {
-                  width: "32px",
-                  height: "32px",
-                  padding: "2xs",
-                  display: "flex",
-                  "justify-content": "center",
-                  "align-items": "center",
-                  overflow: "hidden",
-                },
-                icon: {
-                  width: "24px",
-                  height: "24px",
-                  "object-fit": "contain",
-                },
-                link: {},
-              },
-            ],
+            link: {},
           },
-        ],
+        },
+        team: [{}, {}, {}, {}],
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -1057,5 +660,519 @@ export const Team1: IBlock = {
         ],
       },
     },
+    {
+      key: "light_cards",
+      title: "Light Cards",
+      styles: {
+        layout: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "background-color": "background-1",
+          "row-gap": "4xl",
+        },
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+          "text-align": "center",
+        },
+        "header-content": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xs",
+          "align-items": "center",
+        },
+        "accent-title": {
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.1em",
+        },
+        "title-wrapper": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+        },
+        title: { "max-width": "720px", "text-align": "center" },
+        description: { "max-width": "640px", "text-align": "center", color: "text-2" },
+        header_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          gap: "sm",
+          "justify-content": "center",
+          "margin-top": "base",
+        },
+        header_ctas_levoGroupItem: { header_cta: {} },
+        team_levoGroup: {
+          display: "grid",
+          width: "100%",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          gap: "xl",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        team_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "background-color": "background-1",
+            "border-radius": "xl",
+            overflow: "hidden",
+            "box-shadow": "default",
+            "border-width": "1px",
+            "border-style": "solid",
+            "border-color": "border",
+          },
+          media: { width: "100%", height: "320px", "object-fit": "cover" },
+          "info-wrapper": {
+            position: "static",
+            background: "none",
+            padding: "lg",
+          },
+          info: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            padding: "none",
+          },
+          name: { color: "text-1", "font-weight": 700 },
+          description: { color: "text-2", "font-weight": 500, "font-size": "sm" },
+          links_levoGroup: {
+            display: "flex",
+            "column-gap": "sm",
+            "margin-top": "base",
+            "padding-top": "base",
+            "border-top-width": "1px",
+            "border-top-style": "solid",
+            "border-top-color": "border",
+          },
+          links_levoGroupItem: {
+            wrapper: {
+              width: "32px",
+              height: "32px",
+              padding: "2xs",
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "border-radius": "full",
+              "background-color": "background-2",
+            },
+            icon: { width: "20px", height: "20px", "object-fit": "contain" },
+            link: {},
+          },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: { selectedVariants: { Heading_Level: "H2" }, heading: { level: 2 } },
+        "accent-title": { selectedVariants: { Heading_Level: "H5" }, heading: { level: 4 } },
+        header_ctas: [
+          { header_cta: { selectedVariants: {} } },
+          { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        description: { selectedVariants: {} },
+        team: Array(4).fill(0).map(() => ({
+          name: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H4" } },
+          description: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
+    {
+      key: "column_portrait",
+      title: "Column Portrait",
+      styles: {
+        layout: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "row-gap": "4xl",
+        },
+        "header-container": {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "flex-end",
+          "justify-content": "space-between",
+          "column-gap": "3xl",
+          "padding-bottom": "xl",
+          "border-bottom-width": "1px",
+          "border-bottom-style": "solid",
+          "border-bottom-color": "border",
+          tablet: { "flex-direction": "column", "align-items": "flex-start", "row-gap": "xl" },
+        },
+        "header-content": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xs",
+          flex: "1",
+        },
+        "accent-title": { color: "brand", "text-transform": "uppercase", "letter-spacing": "0.08em" },
+        "title-wrapper": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: { "font-weight": 800 },
+        description: { color: "text-2", "max-width": "560px" },
+        header_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "center",
+          gap: "sm",
+        },
+        header_ctas_levoGroupItem: { header_cta: {} },
+        team_levoGroup: {
+          display: "grid",
+          width: "100%",
+          "grid-template-columns": "repeat(3, minmax(0, 1fr))",
+          gap: "xl",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))" },
+        },
+        team_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "base",
+          },
+          media: {
+            width: "100%",
+            "aspect-ratio": "3/4",
+            "object-fit": "cover",
+            "border-radius": "base",
+          },
+          "info-wrapper": {
+            position: "static",
+            background: "none",
+            padding: "none",
+          },
+          info: {
+            display: "flex",
+            "flex-direction": "column",
+            "row-gap": "2xs",
+            padding: "none",
+          },
+          name: { color: "text-1", "font-weight": 700 },
+          description: {
+            color: "brand",
+            "font-weight": 600,
+            "font-size": "sm",
+            "text-transform": "uppercase",
+            "letter-spacing": "0.08em",
+          },
+          links_levoGroup: {
+            display: "flex",
+            "column-gap": "sm",
+            "margin-top": "2xs",
+          },
+          links_levoGroupItem: {
+            wrapper: {
+              width: "28px",
+              height: "28px",
+              padding: "2xs",
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+            },
+            icon: { width: "20px", height: "20px", "object-fit": "contain" },
+            link: {},
+          },
+        },
+      },
+      content: CONTENT_3,
+      config: {
+        title: { selectedVariants: { Heading_Level: "H2" }, heading: { level: 2 } },
+        "accent-title": { selectedVariants: { Heading_Level: "H5" }, heading: { level: 4 } },
+        header_ctas: [
+          { header_cta: { selectedVariants: {} } },
+          { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        description: { selectedVariants: {} },
+        team: Array(3).fill(0).map(() => ({
+          name: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H4" } },
+          description: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
+    {
+      key: "mosaic",
+      title: "Mosaic",
+      styles: {
+        layout: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "background-color": "background-2",
+          "row-gap": "4xl",
+        },
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+          "row-gap": "sm",
+        },
+        "header-content": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "2xs",
+        },
+        "accent-title": {
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.1em",
+        },
+        "title-wrapper": {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "sm",
+        },
+        title: { "max-width": "720px", "text-align": "center", "font-weight": 800 },
+        description: { "max-width": "640px", "text-align": "center", color: "text-2" },
+        header_ctas_levoGroup: {
+          display: "flex",
+          gap: "sm",
+          "justify-content": "center",
+          "margin-top": "base",
+        },
+        header_ctas_levoGroupItem: { header_cta: {} },
+        team_levoGroup: {
+          display: "grid",
+          width: "100%",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          "grid-auto-rows": "240px",
+          gap: "base",
+          tablet: { "grid-template-columns": "repeat(2, minmax(0, 1fr))" },
+          mobile: { "grid-template-columns": "repeat(1, minmax(0, 1fr))", "grid-auto-rows": "320px" },
+        },
+        team_levoGroupItem: {
+          media: { height: "100%", width: "100%", "object-fit": "cover" },
+        },
+        team: [
+          {
+            wrapper: {
+              position: "relative",
+              display: "flex",
+              height: "100%",
+              width: "100%",
+              "flex-direction": "column",
+              "border-radius": "xl",
+              overflow: "hidden",
+              "grid-column": "span 2",
+              "grid-row": "span 2",
+            },
+            "info-wrapper": {
+              position: "absolute",
+              background: "linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.85) 100%)",
+              bottom: "0",
+              left: "0",
+              right: "0",
+            },
+            info: {
+              position: "relative",
+              width: "100%",
+              padding: "xl",
+            },
+            name: { color: "white", "font-weight": 800, "font-size": "2xl" },
+            description: { "font-weight": 500, color: "white", opacity: "0.9" },
+            links_levoGroup: {
+              display: "flex",
+              "column-gap": "sm",
+              "margin-top": "sm",
+            },
+            links_levoGroupItem: {
+              wrapper: {
+                width: "32px",
+                height: "32px",
+                padding: "2xs",
+                display: "flex",
+                "justify-content": "center",
+                "align-items": "center",
+                "border-radius": "full",
+                "background-color": "rgba(255,255,255,0.2)",
+                "--color-icon-primary": "#ffffff",
+              },
+              icon: { width: "20px", height: "20px", "object-fit": "contain" },
+              link: {},
+            },
+          },
+          ...Array(4).fill(0).map(() => ({
+            wrapper: {
+              position: "relative",
+              display: "flex",
+              height: "100%",
+              width: "100%",
+              "flex-direction": "column",
+              "border-radius": "xl",
+              overflow: "hidden",
+            },
+            "info-wrapper": {
+              position: "absolute",
+              background: "linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 100%)",
+              bottom: "0",
+              left: "0",
+              right: "0",
+            },
+            info: {
+              position: "relative",
+              width: "100%",
+              padding: "base",
+            },
+            name: { color: "white", "font-weight": 700, "font-size": "base" },
+            description: { "font-weight": 500, color: "white", opacity: "0.85", "font-size": "xs" },
+            links_levoGroup: { display: "none" },
+            links: [],
+          })),
+        ],
+      },
+      content: CONTENT_5,
+      config: {
+        title: { selectedVariants: { Heading_Level: "H2" }, heading: { level: 2 } },
+        "accent-title": { selectedVariants: { Heading_Level: "H5" }, heading: { level: 4 } },
+        header_ctas: [
+          { header_cta: { selectedVariants: {} } },
+          { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        description: { selectedVariants: {} },
+        team: Array(5).fill(0).map(() => ({
+          name: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H4" } },
+          description: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
+    {
+      key: "minimal_list",
+      title: "Minimal List",
+      styles: {
+        layout: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+        },
+        "header-container": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "padding-bottom": "xl",
+          "border-bottom-width": "1px",
+          "border-bottom-style": "solid",
+          "border-bottom-color": "border",
+        },
+        "header-content": {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xs",
+        },
+        "accent-title": {
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.1em",
+        },
+        "title-wrapper": {
+          display: "flex",
+          "flex-direction": "row",
+          "justify-content": "space-between",
+          "align-items": "flex-end",
+          "column-gap": "xl",
+          tablet: { "flex-direction": "column", "align-items": "flex-start", "row-gap": "base" },
+        },
+        title: { "font-weight": 800 },
+        description: { color: "text-2", "max-width": "480px" },
+        header_ctas_levoGroup: {
+          display: "flex",
+          gap: "sm",
+          "margin-top": "base",
+        },
+        header_ctas_levoGroupItem: { header_cta: {} },
+        team_levoGroup: {
+          display: "flex",
+          width: "100%",
+          "flex-direction": "column",
+          "row-gap": "none",
+        },
+        team_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            "column-gap": "xl",
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "border-bottom-width": "1px",
+            "border-bottom-style": "solid",
+            "border-bottom-color": "border",
+            mobile: { "flex-direction": "column", "align-items": "flex-start", "row-gap": "base" },
+          },
+          media: {
+            width: "88px",
+            height: "88px",
+            "object-fit": "cover",
+            "border-radius": "full",
+            flex: "0 0 88px",
+          },
+          "info-wrapper": {
+            position: "static",
+            background: "none",
+            flex: "1",
+          },
+          info: {
+            display: "flex",
+            "flex-direction": "row",
+            "align-items": "center",
+            "justify-content": "space-between",
+            "column-gap": "xl",
+            width: "100%",
+            padding: "none",
+            mobile: { "flex-direction": "column", "align-items": "flex-start", "row-gap": "sm" },
+          },
+          name: { color: "text-1", "font-weight": 700 },
+          description: {
+            color: "text-2",
+            "font-weight": 500,
+            "font-size": "sm",
+            flex: "1",
+            "padding-left": "xl",
+            mobile: { "padding-left": "0" },
+          },
+          links_levoGroup: {
+            display: "flex",
+            "column-gap": "xs",
+          },
+          links_levoGroupItem: {
+            wrapper: {
+              width: "32px",
+              height: "32px",
+              padding: "2xs",
+              display: "flex",
+              "justify-content": "center",
+              "align-items": "center",
+              "border-radius": "full",
+              "background-color": "background-2",
+            },
+            icon: { width: "18px", height: "18px", "object-fit": "contain" },
+            link: {},
+          },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: { selectedVariants: { Heading_Level: "H2" }, heading: { level: 2 } },
+        "accent-title": { selectedVariants: { Heading_Level: "H5" }, heading: { level: 4 } },
+        header_ctas: [
+          { header_cta: { selectedVariants: {} } },
+          { header_cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+        description: { selectedVariants: {} },
+        team: Array(4).fill(0).map(() => ({
+          name: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H4" } },
+          description: { selectedVariants: { Typography_Variants: "Small" } },
+        })),
+      },
+    },
   ],
 };