imageTextBlock: optional square image + host subheading

components/blocks/imageComponents/ImageComponentLayout.tsx

@@ -99,7 +99,11 @@ export const ImageComponentLayout = ({ data, children, priority = false }) => {
                   fetchPriority={loadWithPriority ? "high" : undefined}
                   sizes="(min-width: 768px) 50vw, 100vw"
                   height={data.mediaConfiguration?.imageHeight}
-                  className={cn("w-full rounded-md")}
+                  className={cn(
+                    "w-full rounded-md",
+                    data.mediaConfiguration?.squareImage &&
+                      "aspect-square object-cover"
+                  )}
                   src={data.mediaConfiguration?.imageSource}
                   alt={data.mediaConfiguration?.altText ?? "image"}
                   data-tina-field={tinaField(data, "mediaConfiguration")}

components/blocks/imageComponents/ImageComponentLayoutSchema.tsx

@@ -82,6 +82,13 @@ export const ImageComponentLayoutSchema = [
         description:
           "Tick this if the media is visible at the top of the page before scrolling (e.g. a hero image). It preloads the image to improve loading performance (LCP). Use on at most one block per page — the first block on a page already gets this automatically.",
       },
+      {
+        type: "boolean",
+        label: "Square image",
+        name: "squareImage",
+        description:
+          "Crop the image to a 1:1 square (e.g. a person or host photo). Off by default.",
+      },
     ],
   },
 ];

components/blocks/imageComponents/imageTextBlock/imageTextBlock.schema.tsx

@@ -60,6 +60,13 @@ export const ImageTextBlockSchema: Template = {
       name: "isH1",
       description: "Choose to use the heading as an H1 instead of an H2.",
     },
+    {
+      type: "string",
+      label: "Subheading",
+      name: "subheading",
+      description:
+        "Optional small line under the heading (e.g. a role/title like 'SSW · AI Engagement Lead'). Styled distinctly from the body text.",
+    },
     {
       type: "rich-text",
       label: "Description",

components/blocks/imageComponents/imageTextBlock/imageTextBlock.tsx

@@ -34,6 +34,15 @@ export const ImageTextBlock = ({ data, priority = false }) => {
       <section className={cn(getTabletAlignment(), hasMedia && "sm:text-left")}>
         {data.heading && <Heading data={data} />}
 
+        {data.subheading && (
+          <p
+            className="pb-2 text-sm font-semibold uppercase tracking-wide text-sswRed"
+            data-tina-field={tinaField(data, "subheading")}
+          >
+            {data.subheading}
+          </p>
+        )}
+
         {data.description && (
           <TinaMarkdown
             content={data.description}

content/eventsv2/ai-for-business-leaders.json

@@ -590,7 +590,8 @@
       },
       "heading": "Mike Smedley",
       "isH1": false,
-      "description": "SSW · AI Engagement Lead · Melbourne\n\nMike leads AI engagement at SSW, working alongside Australian banks, accountancies, insurers and government departments to design and build the AI systems those organisations are running in production today - including the work that took one client's per-transaction cost from $120 to $5.\n\nHe's the person SSW sends into the room when a CIO or CEO needs a straight answer on what AI will actually do for their business. On the day, you get four hours with him, the case studies, and his direct answers to your business's situation.\n",
+      "subheading": "SSW · AI Engagement Lead · Melbourne",
+      "description": "Mike leads AI engagement at SSW, working alongside Australian banks, accountancies, insurers and government departments to design and build the AI systems those organisations are running in production today - including the work that took one client's per-transaction cost from $120 to $5.\n\nHe's the person SSW sends into the room when a CIO or CEO needs a straight answer on what AI will actually do for their business. On the day, you get four hours with him, the case studies, and his direct answers to your business's situation.\n",
       "featureColumns": {
         "twoColumns": false
       },
@@ -604,7 +605,8 @@
         "imageSource": "/images/eventsv2/mike-smedley-host.webp",
         "imageHeight": 768,
         "imageWidth": 1024,
-        "youtubeUrl": ""
+        "youtubeUrl": "",
+        "squareImage": true
       },
       "_template": "imageTextBlock",
       "tabletTextAlignment": "Left"