Default og:image is now the ArtCraft logo banner (#1736)

frontend/apps/artcraft-webapp/index.html

@@ -26,6 +26,37 @@
       content="ArtCraft, AI, AI Video, AI Images, Open Source"
     />
 
+    <!-- Social share (Open Graph + Twitter Card). Crawlers don't run JS, so
+         these baked-in tags are what Discord/Slack/X show for any webapp URL.
+         Image URLs must be absolute or crawlers ignore them. -->
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="ArtCraft" />
+    <meta
+      property="og:title"
+      content="ArtCraft. AI Video and Images. Fast and Open Desktop App."
+    />
+    <meta
+      property="og:description"
+      content="ArtCraft is an Open Desktop app for generating AI Video and Images. You own ArtCraft!"
+    />
+    <meta
+      property="og:image"
+      content="https://app.getartcraft.com/images/og-image.png"
+    />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:title"
+      content="ArtCraft. AI Video and Images. Fast and Open Desktop App."
+    />
+    <meta
+      name="twitter:description"
+      content="ArtCraft is an Open Desktop app for generating AI Video and Images. You own ArtCraft!"
+    />
+    <meta
+      name="twitter:image"
+      content="https://app.getartcraft.com/images/og-image.png"
+    />
+
     <base href="/" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />

frontend/apps/artcraft-website/src/config/page-meta.ts

@@ -19,7 +19,7 @@
 export const SITE_ORIGIN = "https://getartcraft.com";
 
 // Default share image, served from /public. Pages may override per-route.
-export const DEFAULT_OG_IMAGE = "/images/3d-interface-preview.jpg";
+export const DEFAULT_OG_IMAGE = "/images/og-image.png";
 
 export interface PageMeta {
   title: string;