@levo-so/blocks 0.1.101 → 0.1.103

package/src/blocks/services/service-3.schema.ts

@@ -1,31 +1,76 @@
 import type { IBlock } from "@levo-so/studio";
 
-const MEDIA = {
-  id: "oilirpqbBMhi",
-  filename: "services-3.png",
+const IMG_FINTECH = {
+  id: "7453394785232526021",
   kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY.png",
+  location: "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg",
+  mimetype: "image/jpeg",
   srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/services-3-KQ59QXeCBwMY-1080w.webp 1080w",
+    "320w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w":
+      "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    path: "https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/8938729/pexels-photo-8938729.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w",
   },
-  mimetype: "image/png",
 };
 
-const DUMMY_ICON = {
+const ICON_SHIELD_TICK = {
   kind: "icon",
   data: {
-    id: "star",
-    label: "Star",
-    tags: ["custom", "directional", "star", "support-like-question"],
+    id: "shield-tick",
+    label: "Shield Tick",
     svgCode:
-      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M17.6601 22.6701C17.1301 22.6701 16.4501 22.5001 15.6001 22.0001L12.6101 20.2301C12.3001 20.0501 11.7001 20.0501 11.4001 20.2301L8.40012 22.0001C6.63012 23.0501 5.59012 22.6301 5.12012 22.2901C4.66012 21.9501 3.94012 21.0801 4.41012 19.0801L5.12012 16.0101C5.20012 15.6901 5.04012 15.1401 4.80012 14.9001L2.32012 12.4201C1.08012 11.1801 1.18012 10.1201 1.35012 9.60007C1.52012 9.08007 2.06012 8.16007 3.78012 7.87007L6.97012 7.34007C7.27012 7.29007 7.70012 6.97007 7.83012 6.70007L9.60012 3.17007C10.4001 1.56007 11.4501 1.32007 12.0001 1.32007C12.5501 1.32007 13.6001 1.56007 14.4001 3.17007L16.1601 6.69007C16.3001 6.96007 16.7301 7.28007 17.0301 7.33007L20.2201 7.86007C21.9501 8.15007 22.4901 9.07007 22.6501 9.59007C22.8101 10.1101 22.9101 11.1701 21.6801 12.4101L19.2001 14.9001C18.9601 15.1401 18.8101 15.6801 18.8801 16.0101L19.5901 19.0801C20.0501 21.0801 19.3401 21.9501 18.8801 22.2901C18.6301 22.4701 18.2301 22.6701 17.6601 22.6701ZM12.0001 18.5901C12.4901 18.5901 12.9801 18.7101 13.3701 18.9401L16.3601 20.7101C17.2301 21.2301 17.7801 21.2301 17.9901 21.0801C18.2001 20.9301 18.3501 20.4001 18.1301 19.4201L17.4201 16.3501C17.2301 15.5201 17.5401 14.4501 18.1401 13.8401L20.6201 11.3601C21.1101 10.8701 21.3301 10.3901 21.2301 10.0601C21.1201 9.73007 20.6601 9.46007 19.9801 9.35007L16.7901 8.82007C16.0201 8.69007 15.1801 8.07007 14.8301 7.37007L13.0701 3.85007C12.7501 3.21007 12.3501 2.83007 12.0001 2.83007C11.6501 2.83007 11.2501 3.21007 10.9401 3.85007L9.17012 7.37007C8.82012 8.07007 7.98012 8.69007 7.21012 8.82007L4.03012 9.35007C3.35012 9.46007 2.89012 9.73007 2.78012 10.0601C2.67012 10.3901 2.90012 10.8801 3.39012 11.3601L5.87012 13.8401C6.47012 14.4401 6.78012 15.5201 6.59012 16.3501L5.88012 19.4201C5.65012 20.4101 5.81012 20.9301 6.02012 21.0801C6.23012 21.2301 6.77012 21.2201 7.65012 20.7101L10.6401 18.9401C11.0201 18.7101 11.5101 18.5901 12.0001 18.5901Z" 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="M12.0004 22.7599C10.9104 22.7599 9.83039 22.4399 8.98039 21.8099L4.68039 18.5999C3.54039 17.7499 2.65039 15.9699 2.65039 14.5599V7.11994C2.65039 5.57994 3.78039 3.93994 5.23039 3.39994L10.2204 1.52994C11.2104 1.15994 12.7704 1.15994 13.7604 1.52994L18.7504 3.39994C20.2004 3.93994 21.3304 5.57994 21.3304 7.11994V14.5499C21.3304 15.9699 20.4404 17.7399 19.3004 18.5899L15.0004 21.7999C14.1704 22.4399 13.0904 22.7599 12.0004 22.7599ZM10.7504 2.93994L5.76039 4.80994C4.91039 5.12994 4.16039 6.20994 4.16039 7.12994V14.5599C4.16039 15.5099 4.83039 16.8399 5.58039 17.3999L9.88039 20.6099C11.0304 21.4699 12.9704 21.4699 14.1304 20.6099L18.4304 17.3999C19.1904 16.8299 19.8504 15.5099 19.8504 14.5599V7.11994C19.8504 6.20994 19.1004 5.12994 18.2504 4.79994L13.2604 2.92994C12.5804 2.68994 11.4204 2.68994 10.7504 2.93994Z" fill="var(--color-icon-primary)"/>\n<path d="M10.6602 14.2301C10.4702 14.2301 10.2802 14.1601 10.1302 14.0101L8.52023 12.4001C8.23023 12.1101 8.23023 11.6301 8.52023 11.3401C8.81023 11.0501 9.29023 11.0501 9.58023 11.3401L10.6602 12.4201L14.4302 8.65012C14.7202 8.36012 15.2002 8.36012 15.4902 8.65012C15.7802 8.94012 15.7802 9.42012 15.4902 9.71012L11.1902 14.0101C11.0402 14.1601 10.8502 14.2301 10.6602 14.2301Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_LOCK = {
+  kind: "icon",
+  data: {
+    id: "lock",
+    label: "Lock",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18 10.75C17.59 10.75 17.25 10.41 17.25 10V8C17.25 4.85 16.36 2.75 12 2.75C7.64 2.75 6.75 4.85 6.75 8V10C6.75 10.41 6.41 10.75 6 10.75C5.59 10.75 5.25 10.41 5.25 10V8C5.25 5.1 5.95 1.25 12 1.25C18.05 1.25 18.75 5.1 18.75 8V10C18.75 10.41 18.41 10.75 18 10.75Z" fill="var(--color-icon-primary)"/>\n<path d="M12 19.25C10.21 19.25 8.75 17.79 8.75 16C8.75 14.21 10.21 12.75 12 12.75C13.79 12.75 15.25 14.21 15.25 16C15.25 17.79 13.79 19.25 12 19.25ZM12 14.25C11.04 14.25 10.25 15.04 10.25 16C10.25 16.96 11.04 17.75 12 17.75C12.96 17.75 13.75 16.96 13.75 16C13.75 15.04 12.96 14.25 12 14.25Z" fill="var(--color-icon-primary)"/>\n<path d="M17 22.75H7C2.59 22.75 1.25 21.41 1.25 17V15C1.25 10.59 2.59 9.25 7 9.25H17C21.41 9.25 22.75 10.59 22.75 15V17C22.75 21.41 21.41 22.75 17 22.75ZM7 10.75C3.42 10.75 2.75 11.43 2.75 15V17C2.75 20.57 3.42 21.25 7 21.25H17C20.58 21.25 21.25 20.57 21.25 17V15C21.25 11.43 20.58 10.75 17 10.75H7Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_SECURITY_SAFE = {
+  kind: "icon",
+  data: {
+    id: "security-safe",
+    label: "Security Safe",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.9998 22.7501C11.7598 22.7501 11.5199 22.7201 11.2899 22.6501C6.09986 21.2201 2.33984 16.37 2.33984 11.11V6.72003C2.33984 5.60003 3.14985 4.39008 4.18985 3.96008L9.75986 1.68005C11.2099 1.09005 12.7998 1.09005 14.2398 1.68005L19.8098 3.96008C20.8498 4.39008 21.6599 5.60003 21.6599 6.72003V11.11C21.6599 16.36 17.8898 21.2101 12.7098 22.6501C12.4798 22.7201 12.2398 22.7501 11.9998 22.7501ZM11.9998 2.75006C11.4298 2.75006 10.8698 2.86007 10.3298 3.08007L4.75986 5.36004C4.27986 5.56004 3.83984 6.21004 3.83984 6.73004V11.1201C3.83984 15.7101 7.13985 19.9501 11.6898 21.2101C11.8898 21.2701 12.1098 21.2701 12.3098 21.2101C16.8598 19.9501 20.1599 15.7101 20.1599 11.1201V6.73004C20.1599 6.21004 19.7198 5.56004 19.2398 5.36004L13.6699 3.08007C13.1299 2.86007 12.5698 2.75006 11.9998 2.75006Z" fill="var(--color-icon-primary)"/>\n<path d="M12 13.25C10.48 13.25 9.25 12.02 9.25 10.5C9.25 8.98 10.48 7.75 12 7.75C13.52 7.75 14.75 8.98 14.75 10.5C14.75 12.02 13.52 13.25 12 13.25ZM12 9.25C11.31 9.25 10.75 9.81 10.75 10.5C10.75 11.19 11.31 11.75 12 11.75C12.69 11.75 13.25 11.19 13.25 10.5C13.25 9.81 12.69 9.25 12 9.25Z" fill="var(--color-icon-primary)"/>\n<path d="M12 16.25C11.59 16.25 11.25 15.91 11.25 15.5V12.5C11.25 12.09 11.59 11.75 12 11.75C12.41 11.75 12.75 12.09 12.75 12.5V15.5C12.75 15.91 12.41 16.25 12 16.25Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_CLOCK = {
+  kind: "icon",
+  data: {
+    id: "clock",
+    label: "Clock",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 17.93 17.93 22.75 12 22.75ZM12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 17.1 6.9 21.25 12 21.25C17.1 21.25 21.25 17.1 21.25 12C21.25 6.9 17.1 2.75 12 2.75Z" fill="var(--color-icon-primary)"/>\n<path d="M15.7096 15.93C15.5796 15.93 15.4496 15.9 15.3296 15.82L12.2296 13.97C11.4596 13.51 10.8896 12.5 10.8896 11.61V7.51001C10.8896 7.10001 11.2296 6.76001 11.6396 6.76001C12.0496 6.76001 12.3896 7.10001 12.3896 7.51001V11.61C12.3896 11.97 12.6896 12.5 12.9996 12.68L16.0996 14.53C16.4596 14.74 16.5696 15.2 16.3596 15.56C16.2096 15.8 15.9596 15.93 15.7096 15.93Z" fill="var(--color-icon-primary)"/>\n</svg>',
+  },
+};
+
+const ICON_ARROW_RIGHT_3 = {
+  kind: "icon",
+  data: {
+    id: "arrow-right-3",
+    label: "Arrow Right 3",
+    svgCode:
+      '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.90961 20.67C8.71961 20.67 8.52961 20.6 8.37961 20.45C8.08961 20.16 8.08961 19.68 8.37961 19.39L14.8996 12.87C15.3796 12.39 15.3796 11.61 14.8996 11.13L8.37961 4.61002C8.08961 4.32002 8.08961 3.84002 8.37961 3.55002C8.66961 3.26002 9.14961 3.26002 9.43961 3.55002L15.9596 10.07C16.4696 10.58 16.7596 11.27 16.7596 12C16.7596 12.73 16.4796 13.42 15.9596 13.93L9.43961 20.45C9.28961 20.59 9.09961 20.67 8.90961 20.67Z" fill="var(--color-icon-primary)"/>\n</svg>',
   },
 };
 
@@ -34,67 +79,49 @@ const DEFAULT_CONTENT = {
   container: null,
   main_wrapper: null,
   left_container: null,
-  profile_image: MEDIA,
+  profile_image: IMG_FINTECH,
   right_container: null,
   content_wrapper: null,
-  title: "Professional Service Package",
+  title: "Card acceptance that settles in hours, not days.",
   stats: [
     {
       stat_wrapper: null,
-      icon: DUMMY_ICON,
-      label: "<p>Expert Service Provider</p>",
+      icon: ICON_SHIELD_TICK,
+      label: "<p>PCI DSS Level 1 certified</p>",
     },
     {
       stat_wrapper: null,
-      icon: DUMMY_ICON,
-      label: "<p>24/7 Customer Support</p>",
+      icon: ICON_LOCK,
+      label: "<p>Network tokenization on every card</p>",
     },
     {
       stat_wrapper: null,
-      icon: DUMMY_ICON,
-      label: "<p>Guaranteed Quality</p>",
+      icon: ICON_SECURITY_SAFE,
+      label: "<p>ISO 27001 &amp; SOC 2 Type II</p>",
     },
     {
       stat_wrapper: null,
-      icon: DUMMY_ICON,
-      label: "<p>Trusted by 1000+ Clients</p>",
+      icon: ICON_CLOCK,
+      label: "<p>T+1 settlement with 30-min P1 SLA</p>",
     },
   ],
   price_container: null,
-  actual_price: "$299",
-  discount_price: "$599",
-  off_percent: "50% OFF",
+  actual_price: "1.75%",
+  discount_price: "2.40%",
+  off_percent: "Save 27%",
   search_input_wrapper: null,
-  search_button: "Check Availability",
+  search_button: "Check coverage",
   breadcrumbs: [
     {
       label: "<p>Home</p>",
-      icon: {
-        kind: "icon",
-        data: {
-          id: "arrow-right-3",
-          label: "Arrow Right 3",
-          tags: ["arrow", "custom", "directional", "right"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.90961 20.67C8.71961 20.67 8.52961 20.6 8.37961 20.45C8.08961 20.16 8.08961 19.68 8.37961 19.39L14.8996 12.87C15.3796 12.39 15.3796 11.61 14.8996 11.13L8.37961 4.61002C8.08961 4.32002 8.08961 3.84002 8.37961 3.55002C8.66961 3.26002 9.14961 3.26002 9.43961 3.55002L15.9596 10.07C16.4696 10.58 16.7596 11.27 16.7596 12C16.7596 12.73 16.4796 13.42 15.9596 13.93L9.43961 20.45C9.28961 20.59 9.09961 20.67 8.90961 20.67Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
+      icon: ICON_ARROW_RIGHT_3,
     },
     {
-      label: "<p>Services</p>",
-      icon: {
-        kind: "icon",
-        data: {
-          id: "arrow-right-3",
-          label: "Arrow Right 3",
-          tags: ["arrow", "custom", "directional", "right"],
-          svgCode:
-            '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.90961 20.67C8.71961 20.67 8.52961 20.6 8.37961 20.45C8.08961 20.16 8.08961 19.68 8.37961 19.39L14.8996 12.87C15.3796 12.39 15.3796 11.61 14.8996 11.13L8.37961 4.61002C8.08961 4.32002 8.08961 3.84002 8.37961 3.55002C8.66961 3.26002 9.14961 3.26002 9.43961 3.55002L15.9596 10.07C16.4696 10.58 16.7596 11.27 16.7596 12C16.7596 12.73 16.4796 13.42 15.9596 13.93L9.43961 20.45C9.28961 20.59 9.09961 20.67 8.90961 20.67Z" fill="var(--color-icon-primary)"/>\n</svg>',
-        },
-      },
+      label: "<p>Payments</p>",
+      icon: ICON_ARROW_RIGHT_3,
     },
     {
-      label: "<p>Professional Package</p>",
+      label: "<p>Card acceptance</p>",
       icon: null,
     },
   ],
@@ -250,7 +277,7 @@ export const Service3: IBlock = {
           field_interface: "TypographyWidget",
           hint: {
             prompt_description:
-              "Descriptive text explaining the service feature or benefit (e.g., 'Expert Service Provider').",
+              "Descriptive text explaining the service feature or benefit (e.g., 'PCI DSS Level 1 certified').",
             min_characters: 10,
             max_characters: 40,
           },
@@ -258,80 +285,15 @@ export const Service3: IBlock = {
       ],
     },
     {
-      key: "stats_2",
-      label: "Service Features 2",
+      key: "ctas",
+      label: "CTA Group",
       field_interface: "BoxWidget",
       kind: "group",
-      hint: {
-        prompt_description:
-          "Collection of service features or benefits with icons that build credibility and showcase capabilities.",
-        min_items: 2,
-        max_items: 4,
-      },
       fields: [
         {
-          key: "stat_wrapper",
-          label: "Feature Wrapper",
-          field_interface: "BoxWidget",
-          hint: {
-            prompt_description:
-              "Individual feature container with proper alignment for icon and label.",
-          },
-        },
-        {
-          key: "icon",
-          label: "Icon",
-          field_interface: "IconWidget",
-        },
-        {
-          key: "label",
-          label: "Feature Label",
-          field_interface: "TypographyWidget",
-          hint: {
-            prompt_description:
-              "Descriptive text explaining the service feature or benefit (e.g., 'Expert Service Provider').",
-            min_characters: 10,
-            max_characters: 40,
-          },
-        },
-      ],
-    },
-    {
-      key: "stats_3",
-      label: "Service Features 3",
-      field_interface: "BoxWidget",
-      kind: "group",
-      hint: {
-        prompt_description:
-          "Collection of service features or benefits with icons that build credibility and showcase capabilities.",
-        min_items: 2,
-        max_items: 4,
-      },
-      fields: [
-        {
-          key: "stat_wrapper",
-          label: "Feature Wrapper",
-          field_interface: "BoxWidget",
-          hint: {
-            prompt_description:
-              "Individual feature container with proper alignment for icon and label.",
-          },
-        },
-        {
-          key: "icon",
-          label: "Icon",
-          field_interface: "IconWidget",
-        },
-        {
-          key: "label",
-          label: "Feature Label",
-          field_interface: "TypographyWidget",
-          hint: {
-            prompt_description:
-              "Descriptive text explaining the service feature or benefit (e.g., 'Expert Service Provider').",
-            min_characters: 10,
-            max_characters: 40,
-          },
+          key: "cta",
+          label: "CTA",
+          field_interface: "ButtonWidget",
         },
       ],
     },
@@ -347,9 +309,9 @@ export const Service3: IBlock = {
     {
       key: "actual_price",
       label: "Actual Price",
-      field_interface: "HeadingWidget",
+      field_interface: "TypographyWidget",
       hint: {
-        prompt_description: "Current promotional price that customers will pay (e.g., '$299').",
+        prompt_description: "Current promotional rate that customers will pay (e.g., '1.75%').",
       },
     },
     {
@@ -357,7 +319,7 @@ export const Service3: IBlock = {
       label: "Discount Price",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description: "Original price before discount to show value (e.g., '$599').",
+        prompt_description: "Original rate before discount to show value (e.g., '2.40%').",
       },
     },
     {
@@ -365,16 +327,7 @@ export const Service3: IBlock = {
       label: "Off Percent",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description: "Discount percentage highlighting the savings (e.g., '50% OFF').",
-      },
-    },
-    {
-      key: "file_upload_container",
-      label: "Location Check Container",
-      field_interface: "BoxWidget",
-      hint: {
-        prompt_description:
-          "Container for the zipcode input section with proper spacing and layout structure.",
+        prompt_description: "Discount highlight (e.g., 'Save 27%').",
       },
     },
     {
@@ -419,7 +372,9 @@ export const Service3: IBlock = {
       key: "default",
       styles: {
         layout: {
-          "background-color": "oklch(0.9413 0.0138 46.228)",
+          "background-color": "background-2",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
         },
         container: {},
         main_wrapper: {
@@ -436,12 +391,13 @@ export const Service3: IBlock = {
         },
         left_container: {
           flex: "1",
-          "max-width": "250px",
+          "max-width": "360px",
         },
         profile_image: {
-          "aspect-ratio": "1/1",
+          "aspect-ratio": "1 / 1",
           "object-fit": "cover",
-          "border-radius": "base",
+          width: "100%",
+          "border-radius": "lg",
         },
         right_container: {
           flex: "1",
@@ -456,28 +412,29 @@ export const Service3: IBlock = {
         },
         title: {
           "margin-bottom": "lg",
+          "font-weight": 700,
+          "line-height": "1.15",
         },
         stats_levoGroup: {
           display: "grid",
-          "flex-direction": "column",
-          "row-gap": "2xs",
+          "row-gap": "sm",
           "margin-bottom": "lg",
           "grid-template-columns": "repeat(2, minmax(0, 1fr))",
-          "column-gap": "none",
-          width: "60%",
+          "column-gap": "base",
+          width: "100%",
           tablet: {
-            width: "100%",
+            "grid-template-columns": "repeat(1, minmax(0, 1fr))",
           },
         },
         price_container: {
           display: "flex",
           "flex-direction": "row",
-          "align-items": "center",
-          "row-gap": "2xs",
+          "align-items": "baseline",
           "column-gap": "base",
         },
         actual_price: {
           "font-weight": 700,
+          color: "brand",
         },
         discount_price: {
           color: "text-3",
@@ -485,6 +442,17 @@ export const Service3: IBlock = {
         },
         off_percent: {
           "font-weight": 600,
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-size": "xs",
+          "max-width": "fit-content",
+          "background-color": "brand-subtle",
+          "padding-left": "sm",
+          "padding-right": "sm",
+          "padding-top": "4xs",
+          "padding-bottom": "4xs",
+          "border-radius": "3xl",
         },
         search_input_wrapper: {
           display: "flex",
@@ -492,70 +460,48 @@ export const Service3: IBlock = {
           "row-gap": "base",
           "margin-top": "base",
         },
-        stats: [
-          {
-            stat_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "sm",
-            },
-            label: {},
+        stats_levoGroupItem: {
+          stat_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "sm",
           },
-          {
-            stat_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "sm",
-            },
-            label: {},
+          icon: {
+            width: "20px",
+            height: "20px",
+            "font-size": "20px",
+            "flex-shrink": 0,
           },
-          {
-            stat_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "sm",
-            },
-            label: {},
+          label: {
+            "font-size": "sm",
+            color: "text-2",
           },
-          {
-            stat_wrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "sm",
-            },
-            label: {},
-          },
-        ],
-        breadcrumbs: [
-          {
-            wrapper: {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              "column-gap": "5xs",
-            },
+        },
+        stats: [{}, {}, {}, {}],
+        breadcrumbs_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "justify-content": "start",
+            "align-items": "center",
+            "column-gap": "5xs",
           },
-          {
-            wrapper: {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              "column-gap": "5xs",
-            },
+          icon: {
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+            "flex-shrink": 0,
           },
-          {
-            wrapper: {
-              display: "flex",
-              "justify-content": "start",
-              "align-items": "center",
-              "column-gap": "5xs",
-            },
+          label: {
+            "font-size": "xs",
+            color: "text-3",
           },
-        ],
+        },
+        breadcrumbs: [{}, {}, {}],
         breadcrumbs_levoGroup: {
           display: "flex",
           "column-gap": "xs",
           "margin-bottom": "base",
+          "align-items": "center",
         },
       },
       content: DEFAULT_CONTENT,
@@ -596,23 +542,462 @@ export const Service3: IBlock = {
           },
         ],
         actual_price: {
-          heading: {
-            level: "4",
+          selectedVariants: {
+            Typography_Variants: "Large",
           },
+        },
+        off_percent: {
           selectedVariants: {
-            Heading_Level: "H5",
+            Typography_Variants: "Small",
           },
         },
+        discount_price: {
+          selectedVariants: {
+            Typography_Variants: "Small",
+          },
+        },
+      },
+    },
+    {
+      title: "Stacked Card",
+      key: "stacked-card",
+      styles: {
+        layout: {
+          "background-color": "background-2",
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "row-gap": "xl",
+          "background-color": "background-1",
+          "border-radius": "xl",
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
+          "padding-left": "2xl",
+          "padding-right": "2xl",
+          "box-shadow": "default",
+          "max-width": "560px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        left_container: {
+          width: "100%",
+          display: "flex",
+          "justify-content": "center",
+        },
+        profile_image: {
+          width: "128px",
+          height: "128px",
+          "aspect-ratio": "1 / 1",
+          "object-fit": "cover",
+          "border-radius": "9999px",
+          "border-width": "3px",
+          "border-style": "solid",
+          "border-color": "brand",
+        },
+        right_container: {
+          width: "100%",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "center",
+          "text-align": "center",
+        },
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "align-items": "center",
+          width: "100%",
+        },
+        title: {
+          "margin-bottom": "xs",
+          "font-weight": 700,
+          "line-height": "1.2",
+        },
+        stats_levoGroup: {
+          display: "flex",
+          "flex-wrap": "wrap",
+          "justify-content": "center",
+          "column-gap": "sm",
+          "row-gap": "sm",
+          "margin-bottom": "base",
+        },
+        price_container: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "baseline",
+          "column-gap": "sm",
+          "justify-content": "center",
+        },
+        actual_price: { "font-weight": 700, color: "brand" },
+        discount_price: { color: "text-3", "text-decoration": "line-through" },
         off_percent: {
+          "font-weight": 600,
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-size": "xs",
+        },
+        search_input_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+          "margin-top": "base",
+          width: "100%",
+        },
+        stats_levoGroupItem: {
+          stat_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "xs",
+            "background-color": "background-2",
+            "padding-left": "base",
+            "padding-right": "base",
+            "padding-top": "2xs",
+            "padding-bottom": "2xs",
+            "border-radius": "3xl",
+          },
+          icon: {
+            width: "16px",
+            height: "16px",
+            "font-size": "16px",
+            "flex-shrink": 0,
+          },
+          label: {
+            "font-size": "xs",
+            color: "text-2",
+          },
+        },
+        stats: [{}, {}, {}, {}],
+        breadcrumbs_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "justify-content": "start",
+            "align-items": "center",
+            "column-gap": "5xs",
+          },
+          icon: {
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+            "flex-shrink": 0,
+          },
+          label: {
+            "font-size": "xs",
+            color: "text-3",
+          },
+        },
+        breadcrumbs: [{}, {}, {}],
+        breadcrumbs_levoGroup: {
+          display: "flex",
+          "column-gap": "xs",
+          "margin-bottom": "base",
+          "justify-content": "center",
+          "align-items": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "3" },
+          selectedVariants: { Heading_Level: "H3" },
+        },
+        search_button: { selectedVariants: { Button_Variants: "Primary" } },
+        stats: [
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+        ],
+        actual_price: {
           selectedVariants: {
             Typography_Variants: "Large",
           },
         },
+        off_percent: { selectedVariants: { Typography_Variants: "Small" } },
+        discount_price: { selectedVariants: { Typography_Variants: "Small" } },
+      },
+    },
+    {
+      title: "Minimal Horizontal",
+      key: "minimal-horizontal",
+      styles: {
+        layout: {
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
+        },
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "3xl",
+          "border-top-width": "1px",
+          "border-bottom-width": "1px",
+          "border-style": "solid",
+          "border-color": "border",
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
+          mobile: { "flex-direction": "column", "row-gap": "2xl" },
+        },
+        left_container: { flex: "0 0 auto", "max-width": "176px" },
+        profile_image: {
+          "aspect-ratio": "1 / 1",
+          "object-fit": "cover",
+          width: "100%",
+          "border-radius": "base",
+        },
+        right_container: {
+          flex: "1",
+          display: "flex",
+          "flex-direction": "column",
+          "justify-content": "center",
+        },
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "margin-bottom": "xs",
+          "font-weight": 600,
+          "line-height": "1.2",
+        },
+        stats_levoGroup: {
+          display: "flex",
+          "flex-wrap": "wrap",
+          "column-gap": "lg",
+          "row-gap": "xs",
+          "margin-bottom": "base",
+        },
+        price_container: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "baseline",
+          "column-gap": "base",
+        },
+        actual_price: { "font-weight": 700, color: "brand" },
+        discount_price: { color: "text-3", "text-decoration": "line-through" },
+        off_percent: {
+          "font-weight": 600,
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-size": "xs",
+        },
+        search_input_wrapper: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "base",
+          "margin-top": "base",
+          "align-items": "center",
+          "flex-wrap": "wrap",
+          width: "100%",
+        },
+        stats_levoGroupItem: {
+          stat_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "xs",
+          },
+          icon: {
+            width: "18px",
+            height: "18px",
+            "font-size": "18px",
+            "flex-shrink": 0,
+          },
+          label: { "font-size": "sm", color: "text-2" },
+        },
+        stats: [{}, {}, {}, {}],
+        breadcrumbs_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "justify-content": "start",
+            "align-items": "center",
+            "column-gap": "5xs",
+          },
+          icon: {
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+            "flex-shrink": 0,
+          },
+          label: {
+            "font-size": "xs",
+            color: "text-3",
+          },
+        },
+        breadcrumbs: [{}, {}, {}],
+        breadcrumbs_levoGroup: {
+          display: "flex",
+          "column-gap": "xs",
+          "margin-bottom": "base",
+          "align-items": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "4" },
+          selectedVariants: { Heading_Level: "H4" },
+        },
+        search_button: { selectedVariants: { Button_Variants: "Secondary" } },
+        stats: [
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+        ],
+        actual_price: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        off_percent: { selectedVariants: { Typography_Variants: "Small" } },
+        discount_price: { selectedVariants: { Typography_Variants: "Small" } },
+      },
+    },
+    {
+      title: "Showcase Hero",
+      key: "showcase-hero",
+      styles: {
+        layout: {
+          "padding-top": "3xl",
+          "padding-bottom": "3xl",
+        },
+        container: {},
+        main_wrapper: {
+          display: "flex",
+          "align-items": "center",
+          "column-gap": "4xl",
+          "flex-direction": "row-reverse",
+          mobile: { "flex-direction": "column", "row-gap": "3xl" },
+        },
+        left_container: {
+          flex: "1",
+          "max-width": "440px",
+        },
+        profile_image: {
+          "aspect-ratio": "4 / 5",
+          "object-fit": "cover",
+          width: "100%",
+          "border-radius": "xl",
+          "box-shadow": "default",
+        },
+        right_container: {
+          flex: "1",
+          display: "flex",
+          "flex-direction": "column",
+          "justify-content": "center",
+        },
+        content_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+        },
+        title: {
+          "margin-bottom": "lg",
+          "font-weight": 700,
+          "line-height": "1.1",
+        },
+        stats_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "sm",
+          "margin-bottom": "xl",
+        },
+        price_container: {
+          display: "flex",
+          "flex-direction": "row",
+          "align-items": "baseline",
+          "column-gap": "base",
+          "padding-top": "lg",
+          "border-top-width": "1px",
+          "border-top-style": "solid",
+          "border-color": "border",
+        },
+        actual_price: { "font-weight": 700 },
         discount_price: {
+          color: "mutedForeground",
+          "text-decoration": "line-through",
+        },
+        off_percent: {
+          "font-weight": 600,
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-size": "xs",
+          "max-width": "fit-content",
+        },
+        search_input_wrapper: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "base",
+          "margin-top": "lg",
+        },
+        stats_levoGroupItem: {
+          stat_wrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "sm",
+          },
+          icon: {
+            width: "22px",
+            height: "22px",
+            "font-size": "22px",
+            "flex-shrink": 0,
+            color: "brand",
+          },
+          label: { "font-size": "sm" },
+        },
+        stats: [{}, {}, {}, {}],
+        breadcrumbs_levoGroupItem: {
+          wrapper: {
+            display: "flex",
+            "justify-content": "start",
+            "align-items": "center",
+            "column-gap": "5xs",
+          },
+          icon: {
+            width: "14px",
+            height: "14px",
+            "font-size": "14px",
+            "flex-shrink": 0,
+            color: "mutedForeground",
+          },
+          label: { color: "mutedForeground", "font-size": "xs" },
+        },
+        breadcrumbs: [{}, {}, {}],
+        breadcrumbs_levoGroup: {
+          display: "flex",
+          "column-gap": "xs",
+          "margin-bottom": "base",
+          "align-items": "center",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          heading: { level: "2" },
+          selectedVariants: { Heading_Level: "H1" },
+        },
+        search_button: { selectedVariants: { Button_Variants: "Secondary" } },
+        stats: [
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+          { label: { selectedVariants: {} } },
+        ],
+        actual_price: {
           selectedVariants: {
-            Typography_Variants: "Small",
+            Typography_Variants: "Large",
           },
         },
+        off_percent: { selectedVariants: { Typography_Variants: "Small" } },
+        discount_price: { selectedVariants: { Typography_Variants: "Large" } },
       },
     },
   ],