diff --git a/scripts/build-docs.js b/scripts/build-docs.js
index c8be457b..d58cbd0e 100644
--- a/scripts/build-docs.js
+++ b/scripts/build-docs.js
@@ -31,6 +31,10 @@ if (fs.existsSync(workshopImagesDir)) {
const faviconSrc = path.join(__dirname, 'static', 'favicon.svg');
fs.copyFileSync(faviconSrc, path.join(distDir, 'favicon.svg'));
+// Copy social preview image
+const ogImageSrc = path.join(__dirname, 'static', 'og-image.png');
+fs.copyFileSync(ogImageSrc, path.join(distDir, 'og-image.png'));
+
// Copy theme chooser script
const docsThemeSrc = path.join(__dirname, 'static', 'docs-theme.js');
fs.copyFileSync(docsThemeSrc, path.join(distDir, 'docs-theme.js'));
diff --git a/scripts/lib/page-template.js b/scripts/lib/page-template.js
index aaabe628..c3ee05a6 100644
--- a/scripts/lib/page-template.js
+++ b/scripts/lib/page-template.js
@@ -1,6 +1,12 @@
'use strict';
// Generate the single-page workshop reader HTML.
+const SITE_URL = 'https://githubnext.github.io/gh-aw-workshop';
+const SITE_TITLE = 'GitHub Agentic Workflows Workshop';
+const SITE_DESCRIPTION =
+ 'A hands-on workshop that teaches you how to build GitHub Agentic Workflows with the gh-aw CLI. Go from zero to a working AI-powered automation in GitHub Actions.';
+const OG_IMAGE_URL = `${SITE_URL}/og-image.png`;
+
function generatePage(htmlContent, workshopMenu) {
return `
@@ -10,7 +16,24 @@ function generatePage(htmlContent, workshopMenu) {
- GitHub Agentic Workflows Workshop
+ ${SITE_TITLE}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/scripts/static/og-image.png b/scripts/static/og-image.png
new file mode 100644
index 00000000..07e9ce9a
Binary files /dev/null and b/scripts/static/og-image.png differ