Resolve share URLs from the instance host and ship 1200×630 Open Graph images.

Staging no longer advertises production canonicals, and Slack/social previews get a default hero card with template and article overrides.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/layout.tsx

@@ -3,7 +3,10 @@ import type { Metadata, Viewport } from "next";
 import type { ReactNode } from "react";
 import messages from "../messages/en/index";
 import { ASSETS, getAssetPath } from "../lib/assetUtils";
-import { PRODUCTION_SITE_ORIGIN } from "../lib/siteMetadata";
+import {
+  defaultShareImages,
+  metadataBaseUrl,
+} from "../lib/siteMetadata";
 import "./globals.css";
 
 // Session chrome (`ConditionalNavigation`) lives in `(marketing)`, `(app)`, and
@@ -68,7 +71,7 @@ export const metadata: Metadata = {
     address: false,
     telephone: false,
   },
-  metadataBase: new URL(PRODUCTION_SITE_ORIGIN),
+  metadataBase: metadataBaseUrl(),
   icons: {
     icon: [
       { url: getAssetPath(ASSETS.LOGO), type: "image/svg+xml" },
@@ -95,15 +98,17 @@ export const metadata: Metadata = {
   openGraph: {
     title: homeMeta.title,
     description: homeMeta.description,
-    url: PRODUCTION_SITE_ORIGIN,
+    url: "/",
     siteName: messages.metadata.siteName,
     locale: "en_US",
     type: "website",
+    images: defaultShareImages(),
   },
   twitter: {
     card: "summary_large_image",
     title: homeMeta.title,
     description: homeMeta.description,
+    images: defaultShareImages().map((image) => image.url),
   },
   robots: {
     index: true,