@levo-so/blocks 0.1.101 → 0.1.103

package/src/blocks/blogs/blog-post-1.schema.ts

@@ -1,20 +1,105 @@
 import type { IBlock } from "@levo-so/studio";
 
-const MEDIA = {
-  placeholder: {
-    id: "7141014160938075687",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-      "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-      "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-      "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-      "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-      "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-      "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-      "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-      path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+export const MEDIA = {
+  id: "7141014160938075687",
+  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+  kind: "image",
+  mimetype: "image/png",
+  srcset: {
+    "1080w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
+    "1200w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
+    "1920w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
+    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
+    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
+    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
+    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
+    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+  },
+};
+
+const AUTHOR_CONTENT = {
+  "author-card-section": null,
+  "author-card-inner": null,
+  "author-card-content": null,
+  "author-card-editorial": "Curated by the Editorial Team",
+  "author-card-content-socials-facebook-icon": {
+    kind: "icon",
+    data: {
+      id: "facebook",
+      label: "Facebook",
+      tags: ["crypto", "custom", "directional", "facebook"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047v-2.66c0-3.025 1.791-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.265h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-instagram-icon": {
+    kind: "icon",
+    data: {
+      id: "instagram",
+      label: "Instagram",
+      tags: ["custom", "essential", "instagram"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98C.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-linkedin-icon": {
+    kind: "icon",
+    data: {
+      id: "linkedin",
+      label: "Linkedin",
+      tags: ["custom", "linkedin", "rectangle", "social-media"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-twitter-icon": {
+    kind: "icon",
+    data: {
+      id: "twitter",
+      label: "Twitter",
+      tags: ["custom", "social-media", "twitter"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.259 5.63 5.905-5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-youtube-icon": {
+    kind: "icon",
+    data: {
+      id: "youtube",
+      label: "Youtube",
+      tags: ["crypto", "custom", "directional", "youtube"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-github-icon": {
+    kind: "icon",
+    data: {
+      id: "github",
+      label: "Github",
+      tags: ["custom", "github", "rectangle", "social-media"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-tiktok-icon": {
+    kind: "icon",
+    data: {
+      id: "tiktok",
+      label: "TikTok",
+      tags: ["custom", "social-media", "tiktok"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.75a8.15 8.15 0 004.78 1.52V6.82a4.85 4.85 0 01-1.01-.13z" fill="var(--color-icon-primary)"/>\n</svg>',
+    },
+  },
+  "author-card-content-socials-website-icon": {
+    kind: "icon",
+    data: {
+      id: "global",
+      label: "Global",
+      tags: ["custom", "global", "location"],
+      svgCode:
+        '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" fill="var(--color-icon-primary)"/>\n</svg>',
     },
   },
 };
@@ -74,6 +159,350 @@ const DEFAULT_CONTENT = {
         '<svg   viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="var(--color-icon-primary)"/>\n</svg>',
     },
   },
+  ...AUTHOR_CONTENT,
+};
+
+const AUTHOR_CARD_STYLES = {
+  "authors-container": {
+    display: "flex",
+    "column-gap": "lg",
+    mobile: {
+      "flex-direction": "column",
+      "row-gap": "sm",
+    },
+  },
+  "meta-info-sub-container": {
+    display: "flex",
+    "flex-wrap": "wrap",
+    "align-items": "center",
+    "justify-content": "center",
+    "column-gap": "xs",
+    "row-gap": "xs",
+    "font-size": "sm",
+    "font-weight": "normal",
+    color: "var(--color-text-2)",
+  },
+  "author-cards-container": {},
+  "author-card-section": {
+    "border-radius": "xl",
+    "padding-top": "3xl",
+    "padding-bottom": "3xl",
+    "padding-left": "3xl",
+    "padding-right": "3xl",
+    display: "flex",
+    "flex-direction": "column",
+    mobile: {
+      "padding-right": "none",
+      "padding-top": "none",
+      "padding-left": "none",
+    },
+    tablet: {
+      "padding-right": "none",
+      "padding-top": "none",
+      "padding-left": "none",
+    },
+  },
+  "author-card-inner": {
+    display: "flex",
+    "flex-direction": "row",
+    "align-items": "stretch",
+    "column-gap": "3xl",
+    "row-gap": "2xl",
+    "border-radius": "xl",
+    "padding-top": "3xl",
+    "padding-bottom": "3xl",
+    "padding-left": "3xl",
+    "padding-right": "3xl",
+    mobile: {
+      "flex-direction": "column",
+      "padding-top": "2xl",
+      "padding-bottom": "2xl",
+      "padding-left": "xl",
+      "padding-right": "xl",
+    },
+    "border-style": "solid",
+    "border-width": "1px",
+    "box-shadow": {
+      x: 0,
+      y: 20,
+      blur: 40,
+      color: "#000000",
+      opacity: 20,
+      spread: -8,
+    },
+    tablet: {
+      "flex-direction": "column",
+    },
+  },
+  "author-card-content": {
+    display: "flex",
+    "flex-direction": "column",
+    "flex-grow": "1",
+    "row-gap": "lg",
+  },
+  "author-card-name": {
+    "font-weight": 700,
+    "line-height": 1.2,
+    tablet: {
+      "font-size": "2xl",
+      "text-align": "center",
+    },
+  },
+  "author-card-designation": {
+    color: "var(--color-text-2)",
+    "font-weight": 600,
+    tablet: {
+      "text-align": "center",
+    },
+  },
+  "author-bio": {
+    "line-height": 1.625,
+    mobile: {
+      "text-align": "center",
+    },
+    tablet: {
+      "text-align": "center",
+    },
+  },
+  "author-card-share-icon": {
+    height: "20px",
+    width: "20px",
+    "font-size": "20px",
+  },
+  "author-card-email-icon": {
+    height: "20px",
+    width: "20px",
+    "font-size": "20px",
+  },
+  "author-card-editorial": {},
+  "author-card-content-header": {
+    display: "flex",
+    "margin-bottom": "none",
+    tablet: {
+      "flex-direction": "column",
+    },
+  },
+  "author-card-content-socials-facebook-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-facebook-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-instagram-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-instagram-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-youtube-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-youtube-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-github-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-github-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-tiktok-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-tiktok-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-twitter-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-twitter-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-linkedin-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-linkedin-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials-website-wrapper": {
+    display: "flex",
+    "justify-content": "center",
+    "align-items": "center",
+    width: "2.5rem",
+    height: "2.5rem",
+    "background-color": "var(--color-brand-secondary)",
+    "border-radius": "lg",
+  },
+  "author-card-content-socials-website-icon": {
+    height: "24px",
+    width: "24px",
+    "font-size": "24px",
+  },
+  "author-card-content-socials": {
+    tablet: {
+      "flex-wrap": "wrap",
+      "justify-content": "center",
+    },
+    display: "flex",
+    "align-items": "center",
+  },
+  "author-card-image": {
+    width: "16rem",
+    height: "16rem",
+    "min-width": "16rem",
+    "max-height": "16rem",
+    "object-fit": "cover",
+    "border-radius": "xl",
+    tablet: {
+      width: "100%",
+      height: "32rem",
+      "max-height": "unset",
+      "min-width": "unset",
+    },
+    mobile: {
+      "max-height": "16rem",
+    },
+  },
+  "author-card-ctas": {
+    mobile: {
+      display: "flex",
+      "flex-direction": "column",
+    },
+    tablet: {
+      display: "flex",
+      "justify-content": "center",
+    },
+  },
+  "author-card-cta-first": {
+    mobile: {
+      width: "100%",
+    },
+    display: "none",
+  },
+  "author-card-cta-second": {
+    mobile: {
+      width: "100%",
+    },
+  },
+  "author-card-section-footer": {
+    display: "flex",
+    "justify-content": "center",
+    "margin-top": "3xl",
+  },
+  "author-bio-read-more": {
+    "text-decoration": "none",
+    width: "fit-content",
+    tablet: {
+      "margin-left": "auto",
+      "margin-right": "auto",
+    },
+  },
+  "author-bio-wrapper": {
+    tablet: {
+      display: "flex",
+      "flex-direction": "column",
+      "column-gap": "4xs",
+      "row-gap": "4xs",
+    },
+  },
+};
+
+const AUTHOR_CARD_CONFIG = {
+  "author-card-name": {
+    heading: {
+      level: "3",
+    },
+    selectedVariants: {
+      Heading_Level: "H5",
+    },
+  },
+  "author-card-designation": {
+    selectedVariants: {
+      Typography_Variants: "Caption",
+    },
+  },
+  "author-bio": {
+    selectedVariants: {
+      Typography_Variants: "Base",
+    },
+  },
+  "author-card-editorial": {
+    selectedVariants: {
+      Typography_Variants: "Caption",
+    },
+  },
+  "author-card-cta-first": {
+    selectedVariants: {
+      Button_Sizes: "Default",
+    },
+  },
+  "author-card-cta-second": {
+    selectedVariants: {
+      Button_Sizes: "Default",
+    },
+  },
+  "author-bio-read-more": {
+    selectedVariants: {
+      Button_Variants: "Link",
+      Button_Sizes: "XS",
+    },
+  },
 };
 
 export type IBlogPost1Content = typeof DEFAULT_CONTENT;
@@ -184,6 +613,14 @@ export const BlogPost1: IBlock = {
           "Holds author’s name, publication date, and estimated reading time. No content needed here.",
       },
     },
+    {
+      key: "authors-container",
+      label: "Authors Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Container for the author's information.",
+      },
+    },
     {
       key: "author-container",
       label: "Author Container",
@@ -235,6 +672,11 @@ export const BlogPost1: IBlock = {
         },
       },
     },
+    {
+      key: "meta-info-sub-container",
+      label: "Meta Info Sub Container",
+      field_interface: "BoxWidget",
+    },
     {
       key: "publish-date",
       label: "Publish Date",
@@ -379,6 +821,308 @@ export const BlogPost1: IBlock = {
         },
       },
     },
+    {
+      key: "author-cards-container",
+      label: "Author Cards Container",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description: "Author Cards Container",
+      },
+    },
+    {
+      key: "author-card-section",
+      label: "Author Card Section",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Outer container for the author card displayed below the blog post content. No direct content needed.",
+      },
+    },
+    {
+      key: "author-card-inner",
+      label: "Author Card Inner",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Inner card container with avatar and content laid out side-by-side. No direct content needed.",
+      },
+    },
+    {
+      key: "author-card-content",
+      label: "Author Card Content",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
+      },
+    },
+    {
+      key: "author-card-content-header",
+      label: "Author Card Content Header",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
+      },
+    },
+    {
+      key: "author-card-content-info",
+      label: "Author Card Content Info",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
+      },
+    },
+    {
+      key: "author-card-image",
+      label: "Author Card Image",
+      field_interface: "ImageWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.name",
+        },
+      },
+    },
+    {
+      key: "author-card-name",
+      label: "Author Card Name",
+      field_interface: "HeadingWidget",
+      hint: {
+        prompt_description:
+          "Author's full name displayed prominently in the author card. Proper capitalization, 2–3 words.",
+        usecase: "author",
+        min_characters: 3,
+        max_characters: 40,
+      },
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.name",
+        },
+      },
+    },
+    {
+      key: "author-card-designation",
+      label: "Author Card Designation",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description: "Author's role or title, e.g. 'Founder @ Headstart'. Short, 2–5 words.",
+        usecase: "author",
+        min_characters: 3,
+        max_characters: 50,
+      },
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.username",
+        },
+      },
+    },
+    {
+      key: "author-bio-wrapper",
+      label: "Author Bio Wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-bio",
+      label: "Author Bio",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Author's biography paragraph. 2–4 sentences covering background and expertise.",
+        usecase: "description",
+        min_characters: 40,
+        max_characters: 400,
+      },
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.bio",
+        },
+      },
+    },
+    {
+      key: "author-bio-read-more",
+      label: "Author Bio Read More",
+      field_interface: "ButtonWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.bio",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials",
+      label: "Author Card Content Socials",
+      field_interface: "BoxWidget",
+      hint: {
+        prompt_description:
+          "Right-side content area of the author card containing name, designation, bio, and actions. No direct content needed.",
+      },
+    },
+    {
+      key: "author-card-content-socials-facebook-wrapper",
+      label: "author-card-content-socials-facebook-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-instagram-wrapper",
+      label: "author-card-content-socials-instagram-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-linkedin-wrapper",
+      label: "author-card-content-socials-linkedin-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-twitter-wrapper",
+      label: "author-card-content-socials-twitter-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-youtube-wrapper",
+      label: "author-card-content-socials-youtube-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-github-wrapper",
+      label: "author-card-content-socials-github-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-tiktok-wrapper",
+      label: "author-card-content-socials-tiktok-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-website-wrapper",
+      label: "author-card-content-socials-website-wrapper",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-content-socials-facebook-icon",
+      label: "author-card-content-socials-facebook-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.facebook",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-instagram-icon",
+      label: "author-card-content-socials-instagram-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.instagram",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-linkedin-icon",
+      label: "author-card-content-socials-linkedin-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.linkedin",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-twitter-icon",
+      label: "author-card-content-socials-twitter-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.twitter",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-youtube-icon",
+      label: "author-card-content-socials-youtube-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.youtube",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-github-icon",
+      label: "author-card-content-socials-github-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.github",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-tiktok-icon",
+      label: "author-card-content-socials-tiktok-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.tiktok",
+        },
+      },
+    },
+    {
+      key: "author-card-content-socials-website-icon",
+      label: "author-card-content-socials-website-icon",
+      field_interface: "IconWidget",
+      options: {
+        module_field: {
+          module: "blog",
+          key: "author.social.website",
+        },
+      },
+    },
+    {
+      key: "author-card-ctas",
+      label: "Author Card CTAs",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-cta-first",
+      label: "Author Card CTA First",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "author-card-cta-second",
+      label: "Author Card CTA Second",
+      field_interface: "ButtonWidget",
+    },
+    {
+      key: "author-card-section-footer",
+      label: "Author Card Section Footer",
+      field_interface: "BoxWidget",
+    },
+    {
+      key: "author-card-editorial",
+      label: "Author Card Editorial Credit",
+      field_interface: "TypographyWidget",
+      hint: {
+        prompt_description:
+          "Footer credit line shown below the author card, e.g. 'Curated by the Editorial Team'. Short, sentence case.",
+        usecase: "description",
+        min_characters: 10,
+        max_characters: 60,
+      },
+    },
   ],
   layouts: [
     {
@@ -458,9 +1202,13 @@ export const BlogPost1: IBlock = {
           "font-size": "sm",
           "font-weight": "normal",
           color: "var(--color-text-2)",
+          tablet: {
+            "flex-direction": "column",
+            "row-gap": "md",
+          },
         },
         "author-container": {
-          display: "none",
+          display: "flex",
           "align-items": "center",
           "column-gap": "2xs",
           "row-gap": "2xs",
@@ -588,6 +1336,7 @@ export const BlogPost1: IBlock = {
         "author-description": {
           "font-size": "sm",
         },
+        ...AUTHOR_CARD_STYLES,
       },
       content: DEFAULT_CONTENT,
       config: {
@@ -625,6 +1374,7 @@ export const BlogPost1: IBlock = {
             Typography_Variants: "Small",
           },
         },
+        ...AUTHOR_CARD_CONFIG,
       },
     },
   ],