@levo-so/blocks 0.1.101 → 0.1.102

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

@@ -1,56 +1,77 @@
 import type { IBlock } from "@levo-so/studio";
 
-const DUMMY_IMAGE = {
+const ICON_MESSAGES = {
   kind: "icon",
   data: {
-    id: "archive-minus",
-    label: "Archive Minus",
-    tags: ["archive", "custom", "directional", "minus"],
-    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>',
+    "id": "messages",
+    "label": "Messages",
+    "svgCode": "<svg   viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M9.98999 22.78C9.38999 22.78 8.81999 22.48 8.42999 21.95L7.23001 20.35C7.23001 20.36 7.18 20.33 7.16 20.33H6.79001C3.37001 20.33 1.25 19.4 1.25 14.79V10.79C1.25 6.58001 3.82001 5.48001 5.98001 5.29001C6.22001 5.26001 6.50001 5.25 6.79001 5.25H13.19C16.81 5.25 18.73 7.17001 18.73 10.79V14.79C18.73 15.08 18.72 15.36 18.68 15.63C18.5 17.76 17.4 20.33 13.19 20.33H12.79L11.55 21.95C11.16 22.48 10.59 22.78 9.98999 22.78ZM6.79001 6.75C6.56001 6.75 6.34 6.76 6.13 6.78C3.81 6.98 2.75 8.25001 2.75 10.79V14.79C2.75 18.22 3.81001 18.83 6.79001 18.83H7.19C7.64 18.83 8.14999 19.08 8.42999 19.44L9.63 21.05C9.85001 21.35 10.13 21.35 10.35 21.05L11.55 19.45C11.84 19.06 12.3 18.83 12.79 18.83H13.19C15.73 18.83 17 17.76 17.19 15.48C17.22 15.24 17.23 15.02 17.23 14.79V10.79C17.23 8.00001 15.98 6.75 13.19 6.75H6.79001Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M9.99023 14.19C9.43023 14.19 8.99023 13.74 8.99023 13.19C8.99023 12.64 9.44023 12.19 9.99023 12.19C10.5402 12.19 10.9902 12.64 10.9902 13.19C10.9902 13.74 10.5502 14.19 9.99023 14.19Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M13.1895 14.19C12.6295 14.19 12.1895 13.74 12.1895 13.19C12.1895 12.64 12.6395 12.19 13.1895 12.19C13.7395 12.19 14.1895 12.64 14.1895 13.19C14.1895 13.74 13.7395 14.19 13.1895 14.19Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M6.7998 14.19C6.2398 14.19 5.7998 13.74 5.7998 13.19C5.7998 12.64 6.2498 12.19 6.7998 12.19C7.3498 12.19 7.7998 12.64 7.7998 13.19C7.7998 13.74 7.3498 14.19 6.7998 14.19Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M17.9396 16.29C17.7396 16.29 17.5396 16.21 17.3996 16.06C17.2396 15.9 17.1697 15.67 17.1997 15.45C17.2297 15.24 17.2396 15.02 17.2396 14.79V10.79C17.2396 8.00001 15.9897 6.75 13.1997 6.75H6.79963C6.56963 6.75 6.34966 6.76 6.13966 6.78C5.91966 6.81 5.68964 6.72999 5.52964 6.57999C5.36964 6.41999 5.27963 6.20001 5.29963 5.98001C5.47963 3.82001 6.58963 1.25 10.7996 1.25H17.1997C20.8197 1.25 22.7396 3.17001 22.7396 6.79001V10.79C22.7396 15 20.1697 16.1 18.0097 16.29C17.9797 16.29 17.9596 16.29 17.9396 16.29ZM6.91966 5.25H13.1896C16.8096 5.25 18.7297 7.17001 18.7297 10.79V14.66C20.4297 14.24 21.2297 12.99 21.2297 10.79V6.79001C21.2297 4.00001 19.9796 2.75 17.1896 2.75H10.7897C8.58965 2.75 7.34966 3.55 6.91966 5.25Z\" fill=\"var(--color-icon-primary)\"/>\n</svg>"
   },
 };
 
-const MEDIA = {
-  id: "XZbHDbcwEfNIW",
-  filename: "faq-1-1.png",
-  kind: "image",
-  location: "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO.png",
-  srcset: {
-    "1080w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1080w.webp",
-    "1200w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1200w.webp",
-    "1920w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1920w.webp",
-    "320w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-320w.webp",
-    "640w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-640w.webp",
-    "750w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-750w.webp",
-    "828w": "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-828w.webp",
-    path: "https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/faq-1-1-QsAcZ4gZy8hjO-750w.webp 750w",
+const ICON_HIERARCHY = {
+  kind: "icon",
+  data: {
+    "id": "hierarchy",
+    "label": "Hierarchy",
+    "svgCode": "<svg   viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 16.75C4.59 16.75 4.25 16.41 4.25 16V9C4.25 8.59 4.59 8.25 5 8.25C5.41 8.25 5.75 8.59 5.75 9V16C5.75 16.41 5.41 16.75 5 16.75Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M5.25 9.25C3.04 9.25 1.25 7.46 1.25 5.25C1.25 3.04 3.04 1.25 5.25 1.25C7.46 1.25 9.25 3.04 9.25 5.25C9.25 7.46 7.46 9.25 5.25 9.25ZM5.25 2.75C3.87 2.75 2.75 3.87 2.75 5.25C2.75 6.63 3.87 7.75 5.25 7.75C6.63 7.75 7.75 6.63 7.75 5.25C7.75 3.87 6.63 2.75 5.25 2.75Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M5 22.75C2.93 22.75 1.25 21.07 1.25 19C1.25 16.93 2.93 15.25 5 15.25C7.07 15.25 8.75 16.93 8.75 19C8.75 21.07 7.07 22.75 5 22.75ZM5 16.75C3.76 16.75 2.75 17.76 2.75 19C2.75 20.24 3.76 21.25 5 21.25C6.24 21.25 7.25 20.24 7.25 19C7.25 17.76 6.24 16.75 5 16.75Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M19 22.75C16.93 22.75 15.25 21.07 15.25 19C15.25 16.93 16.93 15.25 19 15.25C21.07 15.25 22.75 16.93 22.75 19C22.75 21.07 21.07 22.75 19 22.75ZM19 16.75C17.76 16.75 16.75 17.76 16.75 19C16.75 20.24 17.76 21.25 19 21.25C20.24 21.25 21.25 20.24 21.25 19C21.25 17.76 20.24 16.75 19 16.75Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M18.1696 16.79C17.8596 16.79 17.5696 16.6 17.4596 16.29C16.7296 14.19 14.7496 12.78 12.5196 12.78C12.5096 12.78 12.5096 12.78 12.4996 12.78L9.06962 12.79C9.05962 12.79 9.05962 12.79 9.04962 12.79C6.85962 12.79 4.94962 11.31 4.39962 9.18999C4.29962 8.78999 4.53962 8.37999 4.93962 8.27999C5.33962 8.17999 5.74962 8.42 5.84962 8.82C6.22962 10.28 7.53962 11.3 9.04962 11.3H9.05962L12.4896 11.29C12.4996 11.29 12.5096 11.29 12.5196 11.29C15.3796 11.29 17.9296 13.1 18.8696 15.81C19.0096 16.2 18.7996 16.63 18.4096 16.76C18.3296 16.77 18.2496 16.79 18.1696 16.79Z\" fill=\"var(--color-icon-primary)\"/>\n</svg>"
+  },
+};
+
+const ICON_RECEIPT = {
+  kind: "icon",
+  data: {
+    "id": "receipt",
+    "label": "Receipt",
+    "svgCode": "<svg   viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12 22.75C11.22 22.75 10.46 22.35 9.94 21.65L8.93 20.3C8.72 20.02 8.44 19.86 8.14 19.84C7.84 19.83 7.54 19.96 7.3 20.21L6.73 19.7L7.28 20.21C5.84 21.75 4.73 21.63 4.2 21.42C3.66 21.21 2.75 20.52 2.75 18.3V7.04C2.75 2.6 4.03 1.25 8.22 1.25H15.78C19.97 1.25 21.25 2.6 21.25 7.04V18.3C21.25 20.51 20.34 21.2 19.8 21.42C19.27 21.63 18.17 21.75 16.72 20.21C16.48 19.95 16.19 19.81 15.87 19.84C15.57 19.86 15.28 20.02 15.07 20.3L14.06 21.65C13.54 22.35 12.78 22.75 12 22.75ZM8.08 18.33C8.12 18.33 8.17 18.33 8.21 18.33C8.95 18.37 9.65 18.76 10.12 19.39L11.13 20.74C11.62 21.39 12.37 21.39 12.86 20.74L13.87 19.39C14.35 18.76 15.04 18.37 15.79 18.33C16.53 18.29 17.27 18.6 17.81 19.18C18.57 19.99 19.07 20.09 19.24 20.02C19.48 19.92 19.74 19.34 19.74 18.3V7.04C19.74 3.43 19.11 2.75 15.77 2.75H8.22C4.88 2.75 4.25 3.43 4.25 7.04V18.3C4.25 19.35 4.51 19.93 4.75 20.02C4.92 20.09 5.42 19.99 6.18 19.18C6.72 18.63 7.39 18.33 8.08 18.33Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M16 7.75H8C7.59 7.75 7.25 7.41 7.25 7C7.25 6.59 7.59 6.25 8 6.25H16C16.41 6.25 16.75 6.59 16.75 7C16.75 7.41 16.41 7.75 16 7.75Z\" fill=\"var(--color-icon-primary)\"/>\n<path d=\"M15 11.75H9C8.59 11.75 8.25 11.41 8.25 11C8.25 10.59 8.59 10.25 9 10.25H15C15.41 10.25 15.75 10.59 15.75 11C15.75 11.41 15.41 11.75 15 11.75Z\" fill=\"var(--color-icon-primary)\"/>\n</svg>"
+  },
+};
+
+const ICON_SHIELD_TICK = {
+  kind: "icon",
+  data: {
+    "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=\"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>"
   },
-  mimetype: "image/png",
+};
+
+const IMG_COLLAB = {
+  "id": "7452770844183156106",
+  "kind": "image",
+  "location": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg",
+  "mimetype": "image/jpeg",
+  "srcset": {
+    "320w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320",
+    "640w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640",
+    "750w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750",
+    "828w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828",
+    "1080w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080",
+    "1200w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200",
+    "1920w": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920",
+    "path": "https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=320 320w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=640 640w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=750 750w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=828 828w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1080 1080w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1200 1200w, https://images.pexels.com/photos/5257005/pexels-photo-5257005.jpeg?auto=compress&cs=tinysrgb&dpr=1&fit=crop&w=1920 1920w"
+  }
 };
 
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
-
-  // text and accordions wrapper
   content_container: null,
-
-  // text wrapper
   text_container: null,
-  faq_label: "FAQ's",
-  title: "Legal Queries Solved",
-  description: "We're here to help you navigate the complexities of the legal system.",
+  faq_label: "FAQs",
+  title: "The answers teams want up front",
+  description:
+    "Straight answers on rollouts, integrations, pricing, and security — from the team that runs your production workloads.",
   faqs: [
     {
       wrapper: null,
       trigger: null,
       content: null,
       iconQuestionWrapper: null,
-      triggerIcon: DUMMY_IMAGE,
-      question: "How do I initiate a legal consultation with your team?",
+      triggerIcon: ICON_MESSAGES,
+      question: "How do I start a trial with your platform?",
       answer:
-        "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
+        "Sign up with a work email and you're in the workspace within two minutes. No credit card — the 14-day trial includes every paid feature except SCIM provisioning.",
       features: [],
     },
     {
@@ -58,10 +79,10 @@ const DEFAULT_CONTENT = {
       trigger: null,
       content: null,
       iconQuestionWrapper: null,
-      triggerIcon: DUMMY_IMAGE,
-      question: "What areas of law does your firm specialize in?",
+      triggerIcon: ICON_HIERARCHY,
+      question: "Which integrations does your platform support?",
       answer:
-        "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
+        "Native apps for Slack, Salesforce, HubSpot, Segment, and Jira, plus a typed REST and GraphQL API. Zapier and Make cover the long tail with pre-built recipes.",
       features: [],
     },
     {
@@ -69,10 +90,10 @@ const DEFAULT_CONTENT = {
       trigger: null,
       content: null,
       iconQuestionWrapper: null,
-      triggerIcon: DUMMY_IMAGE,
-      question: "How does your fee structure work?",
+      triggerIcon: ICON_RECEIPT,
+      question: "How is pricing structured across plans?",
       answer:
-        "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
+        "Per seat on Starter and Team, plus a usage ceiling on automations. Enterprise is a flat annual contract with unlimited seats and a named solutions engineer.",
       features: [],
     },
     {
@@ -80,18 +101,16 @@ const DEFAULT_CONTENT = {
       trigger: null,
       content: null,
       iconQuestionWrapper: null,
-      triggerIcon: DUMMY_IMAGE,
-      question: "What sets your legal team apart from others?",
+      triggerIcon: ICON_SHIELD_TICK,
+      question: "How do you handle data security and compliance?",
       answer:
-        "Simply reach out through our contact page, and our team will promptly schedule a confidential consultation to address your legal concerns",
+        "SOC 2 Type II, ISO 27001, and GDPR. Data stays in your chosen region — US, EU, or APAC — with customer-managed encryption keys available on Enterprise.",
       features: [],
     },
   ],
-
   ctas_levoGroup: null,
-  ctas: [{ cta: "More about us" }, { cta: "Contact Support" }],
-
-  faq_image: MEDIA,
+  ctas: [{ cta: "Start free trial" }, { cta: "Talk to sales" }],
+  faq_image: IMG_COLLAB,
 };
 
 export type IFaq1Content = typeof DEFAULT_CONTENT;
@@ -102,39 +121,18 @@ export const Faq1: IBlock = {
   key: "faq-1",
   version: "v1",
   prompt_description:
-    "Two-column layout with a prominent FAQ heading and accordion-style list of questions on the left, paired with a large illustrative image on the right.",
+    "Two-column layout with a prominent FAQ heading and accordion-style list of questions on the left, paired with a large landscape product photo on the right.",
   content_schema: [
-    {
-      key: "layout",
-      label: "Layout",
-      field_interface: "LayoutWidget",
-      // Layout widgets typically structure the page; no hint required unless the layout is content-driven.
-    },
-    {
-      key: "container",
-      label: "Container",
-      field_interface: "ContainerWidget",
-      // Outer container for spacing/alignment; no direct hint needed.
-    },
-    {
-      key: "content_container",
-      label: "Content Container",
-      field_interface: "BoxWidget",
-      // Section container; structural, not content-driven.
-    },
-    {
-      key: "text_container",
-      label: "Text Container",
-      field_interface: "BoxWidget",
-      // Container for stacked text; no content hint.
-    },
+    { key: "layout", label: "Layout", field_interface: "LayoutWidget" },
+    { key: "container", label: "Container", field_interface: "ContainerWidget" },
+    { key: "content_container", label: "Content Container", field_interface: "BoxWidget" },
+    { key: "text_container", label: "Text Container", field_interface: "BoxWidget" },
     {
       key: "faq_label",
       label: "Label",
       field_interface: "TypographyWidget",
       hint: {
-        prompt_description:
-          "Section label introducing the FAQ block. Brief and clear, indicating this section is for frequently asked questions. Use a neutral, professional, approachable tone.",
+        prompt_description: "Short section label. Neutral, professional.",
         min_characters: 4,
         max_characters: 16,
       },
@@ -144,47 +142,28 @@ export const Faq1: IBlock = {
       label: "Title",
       field_interface: "HeadingWidget",
       hint: {
-        prompt_description:
-          "The main headline for the FAQ section, reassuring visitors that their legal questions will be answered. Use a confident, helpful, and direct tone.",
+        prompt_description: "Main headline. Confident, helpful, direct.",
         min_characters: 16,
         max_characters: 40,
       },
     },
-    {
-      key: "description",
-      label: "Description",
-      field_interface: "TypographyWidget",
-    },
+    { key: "description", label: "Description", field_interface: "TypographyWidget" },
     {
       key: "faqs",
       label: "FAQs",
       field_interface: "BoxWidget",
       kind: "group",
       fields: [
-        {
-          key: "wrapper",
-          label: "Wrapper",
-          field_interface: "BoxWidget",
-          // Accordion item wrapper; no hint needed.
-        },
-        {
-          key: "trigger",
-          label: "Trigger",
-          field_interface: "BoxWidget",
-          // Container for question; no content hint.
-        },
-        {
-          key: "iconQuestionWrapper",
-          label: "Question Wrapper",
-          field_interface: "BoxWidget",
-        },
+        { key: "wrapper", label: "Wrapper", field_interface: "BoxWidget" },
+        { key: "trigger", label: "Trigger", field_interface: "BoxWidget" },
+        { key: "iconQuestionWrapper", label: "Question Wrapper", field_interface: "BoxWidget" },
         {
           key: "triggerIcon",
           label: "Icon",
           field_interface: "IconWidget",
           hint: {
             prompt_description:
-              "Small icon displayed next to each FAQ question, representing the expandable nature or category of the question.",
+              "Small icon next to each question, matching the question's meaning.",
             orientation: "square",
             size: "icon",
             usecase: "icon",
@@ -196,56 +175,38 @@ export const Faq1: IBlock = {
           field_interface: "HeadingWidget",
           hint: {
             prompt_description:
-              "A frequently asked legal question. Should be direct, clear, and phrased from the client's perspective. Professional, sincere tone.",
+              "A frequently asked B2B SaaS question. Direct, clear, phrased from the buyer's perspective.",
             min_characters: 32,
             max_characters: 90,
           },
         },
-        {
-          key: "content",
-          label: "Content",
-          field_interface: "BoxWidget",
-          // Content wrapper for the answer; no direct content hint.
-        },
+        { key: "content", label: "Content", field_interface: "BoxWidget" },
         {
           key: "answer",
           label: "Answer",
           field_interface: "TypographyWidget",
           hint: {
             prompt_description:
-              "Concise, helpful answer to the legal FAQ. Reassure the client, provide next steps or informative details. Tone should be clear, supportive, and professional.",
+              "Concise, helpful answer. Clear, supportive, professional.",
             min_characters: 56,
             max_characters: 220,
           },
         },
-
         {
           key: "features",
           label: "Features",
           kind: "group",
           field_interface: "BoxWidget",
           fields: [
-            {
-              key: "wrapper",
-              label: "Wrapper",
-              field_interface: "BoxWidget",
-            },
-            {
-              key: "icon",
-              label: "Icon",
-              field_interface: "IconWidget",
-            },
-            {
-              key: "label",
-              label: "Label",
-              field_interface: "TypographyWidget",
-            },
+            { key: "wrapper", label: "Wrapper", field_interface: "BoxWidget" },
+            { key: "icon", label: "Icon", field_interface: "IconWidget" },
+            { key: "label", label: "Label", field_interface: "TypographyWidget" },
           ],
         },
       ],
       hint: {
         prompt_description:
-          "A group of collapsible FAQ items, each featuring a legal question and informative answer for clients and site visitors.",
+          "A group of collapsible FAQ items about trial, integrations, pricing, and security.",
         min_items: 4,
         max_items: 8,
       },
@@ -255,13 +216,7 @@ export const Faq1: IBlock = {
       label: "CTA Buttons Group",
       field_interface: "BoxWidget",
       kind: "group",
-      fields: [
-        {
-          key: "cta",
-          label: "CTA Button",
-          field_interface: "ButtonWidget",
-        },
-      ],
+      fields: [{ key: "cta", label: "CTA Button", field_interface: "ButtonWidget" }],
     },
     {
       key: "faq_image",
@@ -269,7 +224,7 @@ export const Faq1: IBlock = {
       field_interface: "ImageWidget",
       hint: {
         prompt_description:
-          "A large, clean illustration or icon supporting the FAQ section visually. Typically abstract, law-related, or brand-aligned. Should convey trust and clarity, used as a visual balance opposite the FAQs.",
+          "Large landscape photograph of a team or workspace that balances the FAQ list.",
         orientation: "portrait",
         size: "large",
         usecase: "other",
@@ -286,169 +241,393 @@ export const Faq1: IBlock = {
           display: "flex",
           "align-items": "center",
           "justify-content": "between",
-          "column-gap": "12xl",
-          tablet: {
-            "column-gap": "6xl",
+          "column-gap": "5xl",
+          tablet: { "column-gap": "3xl" },
+          mobile: { "flex-direction": "column", "row-gap": "2xl" },
+        },
+        content_container: {
+          display: "flex",
+          flex: "1",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          tablet: { "row-gap": "lg" },
+        },
+        text_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "md",
+        },
+        faq_image: {
+          height: "520px",
+          width: "440px",
+          "border-radius": "base",
+          "object-fit": "cover",
+          "flex-shrink": "0",
+          tablet: { width: "340px", height: "440px" },
+          mobile: { display: "none" },
+        },
+        faq_label: {
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-weight": 600,
+          "font-size": "xs",
+          "max-width": "fit-content",
+        },
+        title: { "font-weight": 700 },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "margin-top": "sm",
+        },
+        ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
+        faqs: Array(4).fill(0).map(() => ({
+          wrapper: {
+            "padding-top": "none",
+            "padding-bottom": "none",
+            "border-color": "var(--color-border)",
+            "border-bottom-width": "1px",
+            "border-style": "solid",
           },
-          mobile: {
+          question: { "font-weight": 600, "text-align": "left" },
+          content: { "padding-top": "none", "padding-bottom": "lg" },
+          trigger: {
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "space-between",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+          },
+          iconQuestionWrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "base",
+          },
+          triggerIcon: { width: "20px", height: "20px", "flex-shrink": "0" },
+          features_list: {
+            display: "flex",
+            "flex-direction": "row",
+            "column-gap": "lg",
+            "margin-top": "base",
+            "flex-wrap": "wrap",
+          },
+          features: [],
+          features_levoGroup: {
+            display: "flex",
             "flex-direction": "column",
+            "row-gap": "base",
+            "margin-top": "base",
           },
+        })),
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
+        },
+        faqs: Array(4).fill(0).map(() => ({
+          question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
+          answer: { selectedVariants: {} },
+        })),
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "two-column-split",
+      title: "Two Column Split",
+      styles: {
+        layout: {},
+        container: {
+          display: "grid",
+          "grid-template-columns": "1fr 1fr",
+          "column-gap": "4xl",
+          "align-items": "start",
+          tablet: { "column-gap": "2xl" },
+          mobile: { "grid-template-columns": "1fr", "row-gap": "2xl" },
         },
         content_container: {
           display: "flex",
-          flex: "1",
           "flex-direction": "column",
           "row-gap": "xl",
-          tablet: {
-            "row-gap": "md",
-          },
+          position: "sticky",
+          top: "2xl",
         },
         text_container: {
           display: "flex",
           "flex-direction": "column",
           "row-gap": "md",
-          tablet: {
-            "row-gap": "2xs",
-          },
         },
         faq_image: {
-          height: "479px",
-          width: "356px",
+          height: "560px",
+          width: "100%",
           "border-radius": "base",
-          tablet: {
-            width: "300px",
-            height: "403px",
+          "object-fit": "cover",
+          position: "sticky",
+          top: "2xl",
+          mobile: { display: "none" },
+        },
+        faq_label: {
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-weight": 600,
+          "font-size": "xs",
+          "max-width": "fit-content",
+        },
+        title: { "font-weight": 700 },
+        ctas_levoGroup: {
+          display: "flex",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "margin-top": "sm",
+        },
+        ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
+        faqs: Array(4).fill(0).map(() => ({
+          wrapper: {
+            "padding-top": "none",
+            "padding-bottom": "none",
+            "border-color": "var(--color-border)",
+            "border-bottom-width": "1px",
+            "border-style": "solid",
           },
-          mobile: {
-            display: "none",
+          question: { "font-weight": 600, "text-align": "left" },
+          content: { "padding-top": "none", "padding-bottom": "lg" },
+          trigger: {
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "space-between",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+          },
+          iconQuestionWrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "base",
           },
+          triggerIcon: { width: "20px", height: "20px", "flex-shrink": "0" },
+          features: [],
+        })),
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
+        },
+        faqs: Array(4).fill(0).map(() => ({
+          question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
+          answer: { selectedVariants: {} },
+        })),
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "card-stack",
+      title: "Card Stack",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "2xl",
+          "align-items": "center",
+        },
+        content_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          "align-items": "center",
+          "text-align": "center",
+          "max-width": "720px",
         },
-        faq_label: {},
-        title: {},
+        text_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "md",
+          "align-items": "center",
+          "text-align": "center",
+        },
+        faq_image: { display: "none" },
+        faq_label: {
+          color: "brand",
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-weight": 600,
+          "font-size": "xs",
+          "max-width": "fit-content",
+        },
+        title: { "text-align": "center", "font-weight": 700 },
+        description: { "text-align": "center", color: "text-3" },
         ctas_levoGroup: {
           display: "flex",
-          "flex-direction": "row",
           "column-gap": "md",
           "row-gap": "md",
           "flex-wrap": "wrap",
           "align-items": "center",
+          "justify-content": "center",
         },
-        ctas: Array(2)
-          .fill(0)
-          .map(() => ({
-            width: "fit-content",
-          })),
-        faqs: Array(4)
-          .fill(0)
-          .map((v) => ({
-            wrapper: {
-              "padding-top": "none",
-              "padding-bottom": "none",
-              "border-color": "var(--color-border)",
-              "border-bottom-width": "1px",
-              "border-style": "solid",
-            },
-            question: {
-              "font-weight": 600,
-              tablet: {
-                "text-align": "left",
-              },
-            },
-            content: {
-              "padding-top": "none",
-              "padding-bottom": "lg",
-            },
-            trigger: {
-              width: "100%",
-              display: "flex",
-              "align-items": "center",
-              "justify-content": "space-between",
-              "padding-top": "base",
-              "padding-bottom": "base",
-            },
-            iconQuestionWrapper: {
-              display: "flex",
-              "align-items": "center",
-              "column-gap": "base",
-            },
-            features_list: {
-              display: "flex",
-              "flex-direction": "row",
-              "column-gap": "lg",
-              "margin-top": "base",
-              "flex-wrap": "wrap",
-            },
-            features: Array(4)
-              .fill(0)
-              .map((v) => ({
-                wrapper: {
-                  display: "flex",
-                  "align-items": "center",
-                  "column-gap": "xs",
-                  "background-color": "brand",
-                  "padding-left": "sm",
-                  "padding-right": "sm",
-                  "padding-top": "2xs",
-                  "padding-bottom": "2xs",
-                  "border-radius": "md",
-                },
-                icon: {
-                  width: "16px",
-                  height: "16px",
-                },
-                label: {
-                  color: "brandForeground",
-                },
-              })),
-            features_levoGroup: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "base",
-              "margin-top": "base",
-            },
-          })),
+        ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
+        faqs_levoGroup: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "md",
+          width: "100%",
+          "max-width": "820px",
+          "margin-left": "auto",
+          "margin-right": "auto",
+        },
+        faqs: Array(4).fill(0).map(() => ({
+          wrapper: {
+            "padding-top": "xl",
+            "padding-bottom": "xl",
+            "padding-left": "xl",
+            "padding-right": "xl",
+            "border-radius": "base",
+            "background-color": "background-2",
+            "box-shadow": "default",
+            height: "100%",
+          },
+          question: { "font-weight": 600, "text-align": "left" },
+          content: { "padding-top": "sm", "padding-bottom": "none", "text-align": "left" },
+          trigger: {
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "space-between",
+          },
+          iconQuestionWrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "base",
+          },
+          triggerIcon: { width: "22px", height: "22px", "flex-shrink": "0" },
+          features: [],
+        })),
       },
       content: DEFAULT_CONTENT,
       config: {
         title: {
-          title: {
-            heading: {
-              level: 2,
-            },
-            selectedVariants: {
-              Heading_Level: "H2",
-            },
+          title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
+        },
+        faqs: Array(4).fill(0).map(() => ({
+          question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
+          answer: { selectedVariants: {} },
+        })),
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
+      },
+    },
+    {
+      key: "sidebar",
+      title: "Sidebar",
+      styles: {
+        layout: {},
+        container: {
+          display: "flex",
+          "column-gap": "4xl",
+          "align-items": "flex-start",
+          "padding-top": "2xl",
+          "padding-bottom": "2xl",
+          tablet: { "column-gap": "2xl" },
+          mobile: { "flex-direction": "column", "row-gap": "2xl" },
+        },
+        content_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "xl",
+          flex: "2",
+          "padding-left": "2xl",
+          "border-left-width": "1px",
+          "border-left-style": "solid",
+          "border-color": "var(--color-border)",
+          mobile: {
+            "padding-left": "none",
+            "border-left-width": "0",
           },
         },
-        faqs: Array(4)
-          .fill(0)
-          .map((v) => {
-            return {
-              question: {
-                heading: {
-                  level: "4",
-                },
-                selectedVariants: {
-                  Heading_Level: "H5",
-                },
-              },
-              features: Array(4)
-                .fill(0)
-                .map((v) => ({
-                  icon: {
-                    selectedVariants: {},
-                  },
-                  label: {
-                    selectedVariants: {
-                      Typography_Variants: "Small",
-                    },
-                  },
-                })),
-              answer: {
-                selectedVariants: {},
-              },
-            };
-          }),
+        text_container: {
+          display: "flex",
+          "flex-direction": "column",
+          "row-gap": "md",
+          flex: "1",
+          position: "sticky",
+          top: "2xl",
+        },
+        faq_image: { display: "none" },
+        faq_label: {
+          color: "brand",
+          "font-weight": 600,
+          "text-transform": "uppercase",
+          "letter-spacing": "0.08em",
+          "font-size": "xs",
+          "max-width": "fit-content",
+        },
+        title: { "font-weight": 700 },
+        ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "sm",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "margin-top": "sm",
+        },
+        ctas: Array(2).fill(0).map(() => ({ width: "fit-content" })),
+        faqs: Array(4).fill(0).map(() => ({
+          wrapper: {
+            "padding-top": "none",
+            "padding-bottom": "none",
+            "border-color": "var(--color-border)",
+            "border-bottom-width": "1px",
+            "border-style": "solid",
+          },
+          question: { "font-weight": 600, "text-align": "left" },
+          content: { "padding-top": "none", "padding-bottom": "lg" },
+          trigger: {
+            width: "100%",
+            display: "flex",
+            "align-items": "center",
+            "justify-content": "space-between",
+            "padding-top": "lg",
+            "padding-bottom": "lg",
+          },
+          iconQuestionWrapper: {
+            display: "flex",
+            "align-items": "center",
+            "column-gap": "base",
+          },
+          triggerIcon: { width: "20px", height: "20px", "flex-shrink": "0" },
+          features: [],
+        })),
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        title: {
+          title: { heading: { level: 2 }, selectedVariants: { Heading_Level: "H2" } },
+        },
+        faqs: Array(4).fill(0).map(() => ({
+          question: { heading: { level: "4" }, selectedVariants: { Heading_Level: "H5" } },
+          answer: { selectedVariants: {} },
+        })),
+        ctas: [
+          { cta: { selectedVariants: {} } },
+          { cta: { selectedVariants: { Button_Variants: "Secondary" } } },
+        ],
       },
     },
   ],