feat: new og images config

settings/global.mdx

@@ -550,14 +550,66 @@ Example:
 }
 ```
 
-  <Expandable title="Redirect">
+  <Expandable title="SEO">
     <ResponseField name="indexHiddenPages" type="boolean" default="false">
     Enables indexing pages not included in `navigation`.
     </ResponseField>
 
   </Expandable>
 </ResponseField>
 
+
+### Open Graph Image
+
+Configure the Open Graph image that is displayed when you share your site on social media such as X and in chats such as Slack.
+
+<Frame>
+  <img src="images/default-og-image.webp" />
+</Frame>
+
+<Expandable title="OgImage">
+  <ResponseField name="mode" type='"light" | "dark"'>
+    The color theme of the OG image. Default to `modeToggle` setting. If it is not set, it will be determined based on the color luminosity of your primary color.
+  </ResponseField>
+  <ResponseField name="logo" type="boolean" default={true}>
+    Whether to include the logo in the OG image.
+  </ResponseField>
+  <ResponseField name="header" type="boolean" default={true}>
+    Whether to include the header in the OG image.
+  </ResponseField>
+  <ResponseField name="title" type="boolean" default={true}>
+    Whether to include the title in the OG image.
+  </ResponseField>
+  <ResponseField name="description" type="boolean" default={true}>
+    Whether to include the page description in the OG image.
+  </ResponseField>
+  <ResponseField name="backgroundStyle" type='"grid" | "none" | "gradient" | "lights" | "solid' default='grid'>
+    The style of the background.
+      <Expandable title="Background style examples">
+        `grid`
+        <Frame>
+          <img src="images/og-image-grid.webp" />
+        </Frame>
+        `none`
+        <Frame>
+          <img src="images/og-image-none.webp" />
+        </Frame>
+        `gradient`
+        <Frame>
+          <img src="images/og-image-gradient.webp" />
+        </Frame>
+        `lights`
+        <Frame>
+          <img src="images/og-image-lights.webp" />
+        </Frame>
+        `solid`
+        <Frame>
+          <img src="images/og-image-solid.webp" />
+        </Frame>
+      </Expandable>
+  </ResponseField>
+</Expandable>
+
 ## Example `mint.json`
 
 Click on the following dropdown to view a sample configuration file