diff --git a/samples/react-application-collab-footer/README.md b/samples/react-application-collab-footer/README.md
index a32167ac3..ff14b2a34 100644
--- a/samples/react-application-collab-footer/README.md
+++ b/samples/react-application-collab-footer/README.md
@@ -93,4 +93,4 @@ Key features demostrated by this solution:
 * Work with term sets using spHttpClient
 * Work with data from user property
 
-<img src="https://telemetry.sharepointpnp.com/sp-starter-kit/source/react-application-collab-footer" />
+<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-extensions/samples/react-application-collab-footer" />
diff --git a/samples/react-application-collab-footer/assets/images/compontents/ext-collab-footer.gif b/samples/react-application-collab-footer/assets/images/compontents/ext-collab-footer.gif
new file mode 100644
index 000000000..39dcab26f
Binary files /dev/null and b/samples/react-application-collab-footer/assets/images/compontents/ext-collab-footer.gif differ
diff --git a/samples/react-application-collab-footer/assets/images/compontents/ext-collab-footer.png b/samples/react-application-collab-footer/assets/images/compontents/ext-collab-footer.png
new file mode 100644
index 000000000..758c86600
Binary files /dev/null and b/samples/react-application-collab-footer/assets/images/compontents/ext-collab-footer.png differ