@levo-so/blocks 0.1.100 → 0.1.102

package/src/blocks/contact-us/contact-us-2.schema.ts

@@ -1,16 +1,92 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DUMMY_ICON = {
+const CALL_ICON = {
   kind: "icon",
   data: {
-    id: "archive-minus",
-    label: "Archive Minus",
-    tags: ["archive", "custom", "directional", "minus"],
+    id: "call",
+    label: "Call",
     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">\n<path d="M17.45 22.75C16.32 22.75 15.13 22.48 13.9 21.96C12.7 21.45 11.49 20.75 10.31 19.9C9.14 19.04 8.01 18.08 6.94 17.03C5.88 15.96 4.92 14.83 4.07 13.67C3.21 12.47 2.52 11.27 2.03 10.11C1.51 8.87 1.25 7.67 1.25 6.54C1.25 5.76 1.39 5.02 1.66 4.33C1.94 3.62 2.39 2.96 3 2.39C3.77 1.63 4.65 1.25 5.59 1.25C5.98 1.25 6.38 1.34 6.72 1.5C7.11 1.68 7.44 1.95 7.68 2.31L10 5.58C10.21 5.87 10.37 6.15 10.48 6.43C10.61 6.73 10.68 7.03 10.68 7.32C10.68 7.7 10.57 8.07 10.36 8.42C10.21 8.69 9.98 8.98 9.69 9.27L9.01 9.98C9.02 10.01 9.03 10.03 9.04 10.05C9.16 10.26 9.4 10.62 9.86 11.16C10.35 11.72 10.81 12.23 11.27 12.7C11.86 13.28 12.35 13.74 12.81 14.12C13.38 14.6 13.75 14.84 13.97 14.95L13.95 15L14.68 14.28C14.99 13.97 15.29 13.74 15.58 13.59C16.13 13.25 16.83 13.19 17.53 13.48C17.79 13.59 18.07 13.74 18.37 13.95L21.69 16.31C22.06 16.56 22.33 16.88 22.49 17.26C22.64 17.64 22.71 17.99 22.71 18.34C22.71 18.82 22.6 19.3 22.39 19.75C22.18 20.2 21.92 20.59 21.59 20.95C21.02 21.58 20.4 22.03 19.68 22.32C18.99 22.6 18.24 22.75 17.45 22.75ZM5.59 2.75C5.04 2.75 4.53 2.99 4.04 3.47C3.58 3.9 3.26 4.37 3.06 4.88C2.85 5.4 2.75 5.95 2.75 6.54C2.75 7.47 2.97 8.48 3.41 9.52C3.86 10.58 4.49 11.68 5.29 12.78C6.09 13.88 7 14.95 8 15.96C9 16.95 10.08 17.87 11.19 18.68C12.27 19.47 13.38 20.11 14.48 20.57C16.19 21.3 17.79 21.47 19.11 20.92C19.62 20.71 20.07 20.39 20.48 19.93C20.71 19.68 20.89 19.41 21.04 19.09C21.16 18.84 21.22 18.58 21.22 18.32C21.22 18.16 21.19 18 21.11 17.82C21.08 17.76 21.02 17.65 20.83 17.52L17.51 15.16C17.31 15.02 17.13 14.92 16.96 14.85C16.74 14.76 16.65 14.67 16.31 14.88C16.11 14.98 15.93 15.13 15.73 15.33L14.97 16.08C14.58 16.46 13.98 16.55 13.52 16.38L13.25 16.26C12.84 16.04 12.36 15.7 11.83 15.25C11.35 14.84 10.83 14.36 10.2 13.74C9.71 13.24 9.22 12.71 8.71 12.12C8.24 11.57 7.9 11.1 7.69 10.71L7.57 10.41C7.51 10.18 7.49 10.05 7.49 9.91C7.49 9.55 7.62 9.23 7.87 8.98L8.62 8.2C8.82 8 8.97 7.81 9.07 7.64C9.15 7.51 9.18 7.4 9.18 7.3C9.18 7.22 9.15 7.1 9.1 6.98C9.03 6.82 8.92 6.64 8.78 6.45L6.46 3.17C6.36 3.03 6.24 2.93 6.09 2.86C5.93 2.79 5.76 2.75 5.59 2.75ZM13.95 15.01L13.79 15.69L14.06 14.99C14.01 14.98 13.97 14.99 13.95 15.01Z" fill="var(--color-icon-primary)"/>\n</svg>',
   },
 };
 
+const SMS_ICON = {
+  kind: "icon",
+  data: {
+    id: "sms",
+    label: "Sms",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17 21.25H7C3.35 21.25 1.25 19.15 1.25 15.5V8.5C1.25 4.85 3.35 2.75 7 2.75H17C20.65 2.75 22.75 4.85 22.75 8.5V15.5C22.75 19.15 20.65 21.25 17 21.25ZM7 4.25C4.14 4.25 2.75 5.64 2.75 8.5V15.5C2.75 18.36 4.14 19.75 7 19.75H17C19.86 19.75 21.25 18.36 21.25 15.5V8.5C21.25 5.64 19.86 4.25 17 4.25H7Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9998 12.87C11.1598 12.87 10.3098 12.61 9.65978 12.08L6.52978 9.57997C6.20978 9.31997 6.14978 8.84997 6.40978 8.52997C6.66978 8.20997 7.13978 8.14997 7.45978 8.40997L10.5898 10.91C11.3498 11.52 12.6398 11.52 13.3998 10.91L16.5298 8.40997C16.8498 8.14997 17.3298 8.19997 17.5798 8.52997C17.8398 8.84997 17.7898 9.32997 17.4598 9.57997L14.3298 12.08C13.6898 12.61 12.8398 12.87 11.9998 12.87Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const LOCATION_ICON = {
+  kind: "icon",
+  data: {
+    id: "location",
+    label: "Location",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9999 14.17C9.86988 14.17 8.12988 12.44 8.12988 10.3C8.12988 8.16 9.86988 6.44 11.9999 6.44C14.1299 6.44 15.8699 8.17 15.8699 10.31C15.8699 12.45 14.1299 14.17 11.9999 14.17ZM11.9999 7.94C10.6999 7.94 9.62988 9 9.62988 10.31C9.62988 11.62 10.6899 12.68 11.9999 12.68C13.3099 12.68 14.3699 11.62 14.3699 10.31C14.3699 9 13.2999 7.94 11.9999 7.94Z" fill="var(--color-icon-primary)"/>\n<path d="M11.9997 22.76C10.5197 22.76 9.02969 22.2 7.86969 21.09C4.91969 18.25 1.65969 13.72 2.88969 8.33C3.99969 3.44 8.26969 1.25 11.9997 1.25C11.9997 1.25 11.9997 1.25 12.0097 1.25C15.7397 1.25 20.0097 3.44 21.1197 8.34C22.3397 13.73 19.0797 18.25 16.1297 21.09C14.9697 22.2 13.4797 22.76 11.9997 22.76ZM11.9997 2.75C9.08969 2.75 5.34969 4.3 4.35969 8.66C3.27969 13.37 6.23969 17.43 8.91969 20C10.6497 21.67 13.3597 21.67 15.0897 20C17.7597 17.43 20.7197 13.37 19.6597 8.66C18.6597 4.3 14.9097 2.75 11.9997 2.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const FOLLOW_ICON = {
+  kind: "icon",
+  data: {
+    id: "messages-3",
+    label: "Messages 3",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M16.9 19.01C16.59 19.01 16.28 18.92 16.01 18.74L15.05 18.11C14.78 17.93 14.65 17.59 14.74 17.28C14.81 17.05 14.84 16.78 14.84 16.48V12.41C14.84 10.78 13.82 9.76001 12.19 9.76001H5.39999C5.27999 9.76001 5.17 9.77003 5.06 9.78003C4.85 9.79003 4.65001 9.72002 4.49001 9.58002C4.33001 9.44002 4.25 9.24003 4.25 9.03003V6.26001C4.25 3.32001 6.31 1.26001 9.25 1.26001H17.75C20.69 1.26001 22.75 3.32001 22.75 6.26001V11.36C22.75 12.81 22.26 14.09 21.36 14.97C20.64 15.7 19.64 16.17 18.5 16.31V17.42C18.5 18.02 18.17 18.56 17.65 18.84C17.41 18.95 17.15 19.01 16.9 19.01ZM16.3 17.13L16.95 17.5C17.01 17.47 17.01 17.42 17.01 17.41V15.6C17.01 15.19 17.35 14.85 17.76 14.85C18.81 14.85 19.7 14.52 20.31 13.9C20.94 13.28 21.26 12.4 21.26 11.35V6.25C21.26 4.12 19.89 2.75 17.76 2.75H9.25999C7.12999 2.75 5.75999 4.12 5.75999 6.25V8.25H12.2C14.64 8.25 16.35 9.96002 16.35 12.4V16.47C16.34 16.7 16.33 16.92 16.3 17.13Z" fill="var(--color-icon-primary)"/>\n<path d="M6.07001 22.75C5.85001 22.75 5.62 22.7 5.41 22.59C4.94 22.34 4.64999 21.86 4.64999 21.32V20.56C3.76999 20.42 2.99 20.05 2.41 19.47C1.65 18.71 1.25 17.67 1.25 16.47V12.4C1.25 10.14 2.72999 8.48002 4.92999 8.27002C5.08999 8.26002 5.23999 8.25 5.39999 8.25H12.19C14.63 8.25 16.34 9.96002 16.34 12.4V16.47C16.34 16.91 16.29 17.32 16.18 17.69C15.73 19.49 14.2 20.62 12.19 20.62H9.7L6.87 22.5C6.63 22.67 6.35001 22.75 6.07001 22.75ZM5.39999 9.75C5.27999 9.75 5.17 9.76002 5.06 9.77002C3.62 9.90002 2.75 10.89 2.75 12.4V16.47C2.75 17.27 3 17.94 3.47 18.41C3.93 18.87 4.59999 19.12 5.39999 19.12C5.80999 19.12 6.14999 19.46 6.14999 19.87V21.18L9.05 19.25C9.17 19.17 9.32 19.12 9.47 19.12H12.19C13.51 19.12 14.44 18.46 14.73 17.3C14.8 17.05 14.84 16.77 14.84 16.47V12.4C14.84 10.77 13.82 9.75 12.19 9.75H5.39999Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const LINKEDIN_ICON = {
+  kind: "icon",
+  data: {
+    id: "linkedin",
+    label: "Linkedin",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<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)"/>\n</svg>',
+  },
+};
+
+const TWITTER_ICON = {
+  kind: "icon",
+  data: {
+    id: "twitter",
+    label: "Twitter",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<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)"/>\n</svg>',
+  },
+};
+
+const INSTAGRAM_ICON = {
+  kind: "icon",
+  data: {
+    id: "instagram",
+    label: "Instagram",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M15 22.75H9C3.57 22.75 1.25 20.43 1.25 15V9C1.25 3.57 3.57 1.25 9 1.25H15C20.43 1.25 22.75 3.57 22.75 9V15C22.75 20.43 20.43 22.75 15 22.75ZM9 2.75C4.39 2.75 2.75 4.39 2.75 9V15C2.75 19.61 4.39 21.25 9 21.25H15C19.61 21.25 21.25 19.61 21.25 15V9C21.25 4.39 19.61 2.75 15 2.75H9Z" fill="var(--color-icon-primary)"/>\n<path d="M12 16.25C9.66 16.25 7.75 14.34 7.75 12C7.75 9.66 9.66 7.75 12 7.75C14.34 7.75 16.25 9.66 16.25 12C16.25 14.34 14.34 16.25 12 16.25ZM12 9.25C10.48 9.25 9.25 10.48 9.25 12C9.25 13.52 10.48 14.75 12 14.75C13.52 14.75 14.75 13.52 14.75 12C14.75 10.48 13.52 9.25 12 9.25Z" fill="var(--color-icon-primary)"/>\n<path d="M17 7.50003C16.87 7.50003 16.74 7.47003 16.62 7.42003C16.5 7.37003 16.39 7.30003 16.29 7.21003C16.2 7.11003 16.12 7.00003 16.07 6.88003C16.02 6.76003 16 6.63003 16 6.50003C16 6.37003 16.02 6.24003 16.07 6.12003C16.13 5.99003 16.2 5.89003 16.29 5.79003C16.34 5.75003 16.39 5.70003 16.44 5.67003C16.5 5.63003 16.56 5.60003 16.62 5.58003C16.68 5.55003 16.74 5.53003 16.81 5.52003C17.13 5.45003 17.47 5.56003 17.71 5.79003C17.8 5.89003 17.87 5.99003 17.92 6.12003C17.97 6.24003 18 6.37003 18 6.50003C18 6.63003 17.97 6.76003 17.92 6.88003C17.87 7.00003 17.8 7.11003 17.71 7.21003C17.61 7.30003 17.5 7.37003 17.38 7.42003C17.26 7.47003 17.13 7.50003 17 7.50003Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const YOUTUBE_ICON = {
+  kind: "icon",
+  data: {
+    id: "youtube",
+    label: "Youtube",
+    svgCode:
+      '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<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)"/>\n<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)"/>\n</svg>',
+  },
+};
+
+const SOCIAL_ICON_LINKS = [
+  { icon: LINKEDIN_ICON },
+  { icon: TWITTER_ICON },
+  { icon: INSTAGRAM_ICON },
+  { icon: YOUTUBE_ICON },
+];
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -24,57 +100,125 @@ const DEFAULT_CONTENT = {
   contentContainer: null,
   headerMedia: null,
   textWrapper: null,
-  title: "Contact Us",
+  title: "Let's get in touch",
   subtitle:
-    "Ready to discuss your financial ambitions? Connect with our team and let's build your future together.",
+    "Questions on payments, settlement, or API launch? A solutions engineer replies within the hour.",
   contact_options: [
     {
       wrapper: null,
-      icon: DUMMY_ICON,
+      icon: CALL_ICON,
       text_box: null,
-      label: "Call Us on",
-      value: "(916) 617-0632",
+      label: "Call us",
+      value: "+1 (415) 555-0142",
     },
     {
       wrapper: null,
-      icon: DUMMY_ICON,
+      icon: SMS_ICON,
       text_box: null,
-      label: "Email Us at",
-      value: "info@nxgen-techs.com",
+      label: "Email us",
+      value: "hello@ledgerline.finance",
     },
     {
       wrapper: null,
-      icon: DUMMY_ICON,
+      icon: LOCATION_ICON,
       text_box: null,
-      label: "Address",
-      value: "3800 Watt Ave, Suite 290, Sacramento, CA 95821, United States",
+      label: "Visit us",
+      value: "140 Market Street, Suite 900, San Francisco, CA 94105",
     },
     {
       wrapper: null,
-      icon: DUMMY_ICON,
+      icon: FOLLOW_ICON,
       text_box: null,
-      label: "Follow Us",
+      label: "Follow us",
       value: " ",
-      icon_links: [
-        {
-          icon: DUMMY_ICON,
-        },
-        {
-          icon: DUMMY_ICON,
-        },
-        {
-          icon: DUMMY_ICON,
-        },
-        {
-          icon: DUMMY_ICON,
-        },
-      ],
+      icon_links: SOCIAL_ICON_LINKS,
     },
   ],
 };
 
 export type IContactUs2Content = typeof DEFAULT_CONTENT;
 
+const DEFAULT_OPTION_ITEM_STYLE = {
+  wrapper: {
+    display: "flex",
+    "align-items": "start",
+    "column-gap": "base",
+  },
+  icon: {
+    "margin-top": "6xs",
+    width: "22px",
+    height: "22px",
+    color: "brand",
+    "font-size": "22px",
+    "flex-shrink": "0",
+  },
+  text_box: {
+    display: "flex",
+    "flex-direction": "column",
+    "row-gap": "3xs",
+  },
+  label: {
+    "font-weight": 600,
+  },
+  value: {
+    color: "text-3",
+  },
+  icon_links_levoGroup: {
+    display: "flex",
+    gap: "2xs",
+    "align-items": "center",
+    "column-gap": "2xs",
+    "justify-content": "start",
+    "margin-top": "3xs",
+  },
+  icon_links_levoGroupItem: {
+    icon: {
+      width: "1.25rem",
+      height: "1.25rem",
+      color: "text-2",
+    },
+  },
+  icon_links: [{}, {}, {}, {}],
+};
+
+/**
+ * Build per-item style overrides for the 4 contact_options entries.
+ * Accepts an overrides object that is shallow-merged into the default item style.
+ */
+const buildOptionStyles = (overrides: Record<string, Record<string, unknown>> = {}) =>
+  Array(4)
+    .fill(0)
+    .map(() => ({
+      ...DEFAULT_OPTION_ITEM_STYLE,
+      ...overrides,
+      wrapper: { ...DEFAULT_OPTION_ITEM_STYLE.wrapper, ...(overrides.wrapper || {}) },
+      icon: { ...DEFAULT_OPTION_ITEM_STYLE.icon, ...(overrides.icon || {}) },
+      label: { ...DEFAULT_OPTION_ITEM_STYLE.label, ...(overrides.label || {}) },
+      value: { ...DEFAULT_OPTION_ITEM_STYLE.value, ...(overrides.value || {}) },
+    }));
+
+const DEFAULT_CONFIG = {
+  title: {
+    heading: {
+      level: 2,
+    },
+    selectedVariants: {
+      Heading_Level: "H2",
+    },
+  },
+  contact_options: [
+    {
+      label: {
+        heading: { level: "4" },
+        selectedVariants: { Heading_Level: "H6" },
+      },
+    },
+    { label: { selectedVariants: { Heading_Level: "H6" } } },
+    { label: { selectedVariants: { Heading_Level: "H6" } } },
+    { label: { selectedVariants: { Heading_Level: "H6" } } },
+  ],
+};
+
 export const ContactUs2: IBlock = {
   category_id: "contact-us",
   title: "Contact Us 2",
@@ -205,13 +349,15 @@ export const ContactUs2: IBlock = {
           display: "flex",
           width: "100%",
           "justify-content": "space-between",
-          "column-gap": "xl",
+          "column-gap": "4xl",
           tablet: {
             "flex-direction": "column",
-            "row-gap": "5xl",
+            "row-gap": "3xl",
           },
         },
-        title: {},
+        title: {
+          "font-weight": 700,
+        },
         layoutTitle: {
           display: "none",
         },
@@ -219,271 +365,19 @@ export const ContactUs2: IBlock = {
           display: "none",
         },
         subtitle: {
-          "margin-bottom": "7xl",
+          "margin-bottom": "3xl",
           "margin-top": "sm",
+          color: "text-3",
         },
         contact_options_levoGroup: {
           display: "grid",
           "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-          gap: "3xl",
+          gap: "2xl",
           mobile: {
             "grid-template-columns": "repeat(1, minmax(0, 1fr))",
           },
         },
-        contact_options: [
-          {
-            wrapper: {
-              display: "flex",
-              "align-items": "start",
-              "column-gap": "base",
-            },
-            icon: {
-              "margin-top": "6xs",
-              width: "22px",
-              height: "22px",
-              color: "text-1",
-              "font-size": "22px",
-              "flex-shrink": "0",
-            },
-            text_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "3xs",
-            },
-            label: {
-              "font-weight": 600,
-            },
-            value: {
-              color: "text-3",
-            },
-            icon_links_levoGroup: {
-              display: "flex",
-              gap: "2xs",
-              "align-items": "center",
-              "column-gap": "3xs",
-              "justify-content": "start",
-            },
-            icon_links: [
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-            ],
-          },
-          {
-            wrapper: {
-              display: "flex",
-              "align-items": "start",
-              "column-gap": "base",
-            },
-            icon: {
-              "margin-top": "6xs",
-              width: "22px",
-              height: "22px",
-              color: "text-1",
-              "font-size": "22px",
-              "flex-shrink": "0",
-            },
-            text_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "3xs",
-            },
-            label: {
-              "font-weight": 600,
-            },
-            value: {
-              color: "text-3",
-            },
-            icon_links_levoGroup: {
-              display: "flex",
-              gap: "2xs",
-              "align-items": "center",
-              "column-gap": "3xs",
-              "justify-content": "start",
-            },
-            icon_links: [
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-            ],
-          },
-          {
-            wrapper: {
-              display: "flex",
-              "align-items": "start",
-              "column-gap": "base",
-            },
-            icon: {
-              "margin-top": "6xs",
-              width: "22px",
-              height: "22px",
-              color: "text-1",
-              "font-size": "22px",
-              "flex-shrink": "0",
-            },
-            text_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "3xs",
-            },
-            label: {
-              "font-weight": 600,
-            },
-            value: {
-              color: "text-3",
-            },
-            icon_links_levoGroup: {
-              display: "flex",
-              gap: "2xs",
-              "align-items": "center",
-              "column-gap": "3xs",
-              "justify-content": "start",
-            },
-            icon_links: [
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-            ],
-          },
-          {
-            wrapper: {
-              display: "flex",
-              "align-items": "start",
-              "column-gap": "base",
-            },
-            icon: {
-              "margin-top": "6xs",
-              width: "22px",
-              height: "22px",
-              color: "text-1",
-              "font-size": "22px",
-              "flex-shrink": "0",
-            },
-            text_box: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "3xs",
-            },
-            label: {
-              "font-weight": 600,
-            },
-            value: {
-              color: "text-3",
-            },
-            icon_links_levoGroup: {
-              display: "flex",
-              gap: "2xs",
-              "align-items": "center",
-              "column-gap": "3xs",
-              "justify-content": "start",
-            },
-            icon_links: [
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-              {
-                icon: {
-                  width: "1.25rem",
-                  height: "1.25rem",
-                  color: "text-2",
-                },
-              },
-            ],
-          },
-        ],
+        contact_options: buildOptionStyles(),
         contentContainer: {
           flex: "1",
           tablet: {
@@ -498,49 +392,271 @@ export const ContactUs2: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {
+      config: DEFAULT_CONFIG,
+    },
+    {
+      key: "reversed",
+      title: "Form Left",
+      styles: {
+        container: {},
+        contactContainer: {
+          display: "flex",
+          "flex-direction": "row-reverse",
+          width: "100%",
+          "justify-content": "space-between",
+          "column-gap": "4xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "3xl",
+          },
+        },
         title: {
-          heading: {
-            level: 2,
+          "font-weight": 700,
+        },
+        layoutTitle: { display: "none" },
+        layoutSubtitle: { display: "none" },
+        subtitle: {
+          "margin-bottom": "2xl",
+          "margin-top": "sm",
+          color: "text-3",
+        },
+        contact_options_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+        },
+        contact_options: buildOptionStyles(),
+        contentContainer: {
+          flex: "1",
+          tablet: { width: "100%" },
+        },
+        contact_form: {
+          flex: "1",
+          tablet: { width: "100%" },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: DEFAULT_CONFIG,
+    },
+    {
+      key: "stacked",
+      title: "Stacked",
+      styles: {
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "3xl",
+        },
+        contactContainer: {
+          display: "flex",
+          "flex-direction": "column",
+          width: "100%",
+          "row-gap": "3xl",
+        },
+        title: {
+          "text-align": "center",
+          "font-weight": 700,
+        },
+        layoutTitle: { display: "none" },
+        layoutSubtitle: { display: "none" },
+        subtitle: {
+          "text-align": "center",
+          "margin-bottom": "xl",
+          "margin-top": "sm",
+          color: "text-3",
+        },
+        contact_options_levoGroup: {
+          display: "grid",
+          "grid-template-columns": "repeat(4, minmax(0, 1fr))",
+          gap: "xl",
+          tablet: {
+            "grid-template-columns": "repeat(2, minmax(0, 1fr))",
           },
-          selectedVariants: {
-            Heading_Level: "H2",
+          mobile: {
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
           },
         },
-        contact_options: [
-          {
-            label: {
-              heading: {
-                level: "4",
-              },
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
-            },
+        contact_options: buildOptionStyles({
+          wrapper: {
+            display: "flex",
+            "flex-direction": "column",
+            "align-items": "center",
+            "text-align": "center",
+            "row-gap": "xs",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+            "padding-left": "base",
+            "padding-right": "base",
+            "border-radius": "base",
+            "background-color": "background-2",
           },
-          {
-            label: {
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
-            },
+          icon_links_levoGroup: {
+            display: "flex",
+            gap: "2xs",
+            "align-items": "center",
+            "column-gap": "2xs",
+            "justify-content": "center",
+            "margin-top": "3xs",
           },
-          {
-            label: {
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
-            },
+        }),
+        contentContainer: {
+          width: "100%",
+        },
+        contact_form: {
+          width: "100%",
+          "max-width": "720px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: DEFAULT_CONFIG,
+    },
+    {
+      key: "card",
+      title: "Elevated Card",
+      styles: {
+        container: {
+          "background-color": "background-2",
+          "padding-top": "4xl",
+          "padding-bottom": "4xl",
+          "padding-left": "4xl",
+          "padding-right": "4xl",
+          "border-radius": "xl",
+          "box-shadow": "default",
+          tablet: {
+            "padding-top": "2xl",
+            "padding-bottom": "2xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
           },
-          {
-            label: {
-              selectedVariants: {
-                Heading_Level: "H6",
-              },
-            },
+          mobile: {
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "base",
+            "padding-right": "base",
+          },
+        },
+        contactContainer: {
+          display: "flex",
+          width: "100%",
+          "justify-content": "space-between",
+          "column-gap": "3xl",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "3xl",
+          },
+        },
+        title: {
+          "font-weight": 700,
+        },
+        layoutTitle: { display: "none" },
+        layoutSubtitle: { display: "none" },
+        subtitle: {
+          "margin-bottom": "2xl",
+          "margin-top": "sm",
+          color: "text-3",
+        },
+        contact_options_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+        },
+        contact_options: buildOptionStyles({
+          wrapper: {
+            display: "flex",
+            "align-items": "start",
+            "column-gap": "base",
+            "padding-top": "base",
+            "padding-bottom": "base",
+            "padding-left": "base",
+            "padding-right": "base",
+            "border-radius": "base",
+            "background-color": "background-1",
           },
-        ],
+        }),
+        contentContainer: {
+          flex: "1",
+          tablet: { width: "100%" },
+        },
+        contact_form: {
+          flex: "1",
+          "background-color": "background-1",
+          "padding-top": "xl",
+          "padding-bottom": "xl",
+          "padding-left": "xl",
+          "padding-right": "xl",
+          "border-radius": "base",
+          tablet: { width: "100%" },
+        },
       },
+      content: DEFAULT_CONTENT,
+      config: DEFAULT_CONFIG,
+    },
+    {
+      key: "compact",
+      title: "Compact",
+      styles: {
+        container: {},
+        contactContainer: {
+          display: "flex",
+          width: "100%",
+          "justify-content": "space-between",
+          "column-gap": "4xl",
+          "align-items": "flex-start",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "3xl",
+          },
+        },
+        title: {
+          "font-weight": 700,
+        },
+        layoutTitle: { display: "none" },
+        layoutSubtitle: { display: "none" },
+        subtitle: {
+          "margin-bottom": "2xl",
+          "margin-top": "2xs",
+          color: "text-3",
+        },
+        contact_options_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+          "padding-top": "base",
+          "border-top-width": "1px",
+          "border-top-style": "solid",
+          "border-color": "var(--color-border)",
+        },
+        contact_options: buildOptionStyles({
+          icon: {
+            "margin-top": "6xs",
+            width: "18px",
+            height: "18px",
+            color: "brand",
+            "font-size": "18px",
+            "flex-shrink": "0",
+          },
+          label: {
+            "font-weight": 500,
+            "font-size": "0.875rem",
+          },
+          value: {
+            color: "text-3",
+            "font-size": "0.875rem",
+          },
+        }),
+        contentContainer: {
+          flex: "0 0 40%",
+          tablet: { width: "100%" },
+        },
+        contact_form: {
+          flex: "1",
+          tablet: { width: "100%" },
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: DEFAULT_CONFIG,
     },
   ],
 };