diff --git a/docs/package.json b/docs/package.json
index 1e37ce3ccc..81956f7cf4 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -7,7 +7,7 @@
     "start": "astro dev",
     "prebuild": "npm run generate-agent-factory && npm run build:slides",
     "build": "astro build",
-    "build:slides": "mkdir -p public/js && cp node_modules/mermaid/dist/mermaid.min.js public/js/ && npx @marp-team/marp-cli slides/index.md --html --allow-local-files --theme slides/gh-aw-theme.css -o public/slides/index.html && mkdir -p public/slides && cp slides/github-agentic-workflows.pdf public/slides/",
+    "build:slides": "mkdir -p public/js && cp node_modules/mermaid/dist/mermaid.min.js public/js/ && npx @marp-team/marp-cli slides/index.md --html --allow-local-files --theme slides/gh-aw-theme.css -o public/slides/index.html && mkdir -p public/slides && cp slides/*.pdf public/slides/",
     "preview": "astro preview",
     "astro": "astro",
     "validate-links": "astro build",
diff --git a/docs/slides/github-agentic-workflows.pdf b/docs/slides/20260224 - GitHub Agentic Workflows.pdf
similarity index 100%
rename from docs/slides/github-agentic-workflows.pdf
rename to docs/slides/20260224 - GitHub Agentic Workflows.pdf
diff --git a/docs/slides/20260407 - GitHub Agentic Workflows.pdf b/docs/slides/20260407 - GitHub Agentic Workflows.pdf
new file mode 100644
index 0000000000..02a21e1fcd
Binary files /dev/null and b/docs/slides/20260407 - GitHub Agentic Workflows.pdf differ
diff --git a/docs/slides/github-agentic-workflows.pptx b/docs/slides/github-agentic-workflows.pptx
deleted file mode 100644
index 594360df6a..0000000000
Binary files a/docs/slides/github-agentic-workflows.pptx and /dev/null differ
diff --git a/docs/src/content/docs/introduction/slides.mdx b/docs/src/content/docs/introduction/slides.mdx
index cef0ae4520..24bbe3e204 100644
--- a/docs/src/content/docs/introduction/slides.mdx
+++ b/docs/src/content/docs/introduction/slides.mdx
@@ -5,17 +5,74 @@ sidebar:
   order: 4
 ---
 
-import { LinkButton } from '@astrojs/starlight/components';
-
 View the GitHub Agentic Workflows presentation slides to learn about the evolution from CI/CD to Continuous AI, how agentic workflows enable AI automation in natural language, security features, and real-world examples.
 
-<LinkButton href={`${import.meta.env.BASE_URL}slides/`} icon="right-arrow" variant="primary">
-  Open Slides
-</LinkButton>
-
-<LinkButton href={`${import.meta.env.BASE_URL}slides/github-agentic-workflows.pdf`} icon="download" variant="secondary">
-  Download PDF
-</LinkButton>
+<div class="slides-gallery">
+  <div class="slides-gallery-item">
+    <a href={`${import.meta.env.BASE_URL}slides/20260407%20-%20GitHub%20Agentic%20Workflows.pdf`} aria-label="Open the April 7, 2026 PDF deck in the browser">
+      <img
+        src={`${import.meta.env.BASE_URL}slides/20260407-thumb.png`}
+        alt="First slide preview for the April 7, 2026 PDF deck"
+        class="slides-gallery-image"
+      />
+    </a>
+  </div>
+  <div class="slides-gallery-item">
+    <a href={`${import.meta.env.BASE_URL}slides/20260224%20-%20GitHub%20Agentic%20Workflows.pdf`} aria-label="Open the February 24, 2026 PDF deck in the browser">
+      <img
+        src={`${import.meta.env.BASE_URL}slides/20260224-thumb.png`}
+        alt="First slide preview for the February 24, 2026 PDF deck"
+        class="slides-gallery-image"
+      />
+    </a>
+  </div>
+  <div class="slides-gallery-item">
+    <a href={`${import.meta.env.BASE_URL}slides/`} aria-label="Open the interactive HTML deck in the browser">
+      <img
+        src={`${import.meta.env.BASE_URL}slides/index-thumb.png`}
+        alt="First slide preview for the interactive HTML deck"
+        class="slides-gallery-image"
+      />
+    </a>
+  </div>
+</div>
+
+<style is:inline>{`
+  .slides-gallery {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 1rem;
+    margin: 1.5rem 0 2rem;
+    align-items: start;
+  }
+
+  .slides-gallery-item {
+    display: block;
+    align-self: start;
+  }
+
+  .slides-gallery-item > a {
+    display: block;
+    line-height: 0;
+    background: var(--sl-color-bg);
+    border-radius: 0.75rem;
+  }
+
+  .slides-gallery-image {
+    display: block;
+    width: 100%;
+    border-radius: 0.75rem;
+    border: 1px solid var(--sl-color-gray-5);
+    overflow: hidden;
+    vertical-align: middle;
+  }
+
+  @media (max-width: 900px) {
+    .slides-gallery {
+      grid-template-columns: 1fr;
+    }
+  }
+`}</style>
 
 ## Walkthroughs