From 0c04ee65b5e214025b5d97e838482190db39d876 Mon Sep 17 00:00:00 2001
From: Mark E <51723535+Spark450@users.noreply.github.com>
Date: Fri, 27 Jun 2025 14:47:54 -0700
Subject: [PATCH] chore: Adding callout to reference version update recordings

---
 .../upgrade-guide/DevelopersUpgrade.tsx       | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/routes/get-started/developers/upgrade-guide/DevelopersUpgrade.tsx b/src/routes/get-started/developers/upgrade-guide/DevelopersUpgrade.tsx
index d31e5c395..c2c00c93b 100644
--- a/src/routes/get-started/developers/upgrade-guide/DevelopersUpgrade.tsx
+++ b/src/routes/get-started/developers/upgrade-guide/DevelopersUpgrade.tsx
@@ -70,7 +70,26 @@ export default function DevelopersUpgradePage() {
             </ul>
           </div>
         </GoabContainer>
+  <GoabCallout type="information" heading="Watch a real service upgrade" maxWidth="65ch">
+    See a real government service go through a version update in this short, three-part video series:
 
+    <ol>
+      <li>
+        <strong>Updating versions</strong> – two ways to install the latest packages
+      </li>
+      <li>
+        <strong>Renaming components</strong> – update old names to new names
+      </li>
+      <li>
+        <strong>Updating component props</strong> – adjust component properties and clean up warnings
+      </li>
+    </ol>
+    <p>
+      <a href="https://abgov.sharepoint.com/:u:/r/sites/DDDdesignsystem/SitePages/Version-update-walkthrough.aspx?csf=1&web=1&share=EWA6F1DYep1AjhES5h3NoBkBxL6fd2ym9wtiyXyz3klPCw&e=FFsDQM">
+        View the upgrade videos
+      </a>
+    </p>
+  </GoabCallout>
         <ReactGuide />
         <AngularGuide />
       </ComponentContent>