diff --git a/static/usage/v7/img/basic/angular.md b/static/usage/v7/img/basic/angular.md
index 61e27f8b9d6..746d4f0ad5e 100644
--- a/static/usage/v7/img/basic/angular.md
+++ b/static/usage/v7/img/basic/angular.md
@@ -1,6 +1,6 @@
 ```html
 <ion-img
-  src="https://docs-demo.ionic.io/assets/madison.jpg"
+  src="https://ionic-docs-demo-v7.vercel.app/assets/madison.jpg"
   alt="The Wisconsin State Capitol building in Madison, WI at night"
 ></ion-img>
 ```
diff --git a/static/usage/v7/img/basic/demo.html b/static/usage/v7/img/basic/demo.html
index 75747152f61..9bcdce2f858 100644
--- a/static/usage/v7/img/basic/demo.html
+++ b/static/usage/v7/img/basic/demo.html
@@ -21,7 +21,7 @@
       <ion-content>
         <div class="container">
           <ion-img
-            src="https://docs-demo.ionic.io/assets/madison.jpg"
+            src="https://ionic-docs-demo-v7.vercel.app/assets/madison.jpg"
             alt="The Wisconsin State Capitol building in Madison, WI at night"
           ></ion-img>
         </div>
diff --git a/static/usage/v7/img/basic/javascript.md b/static/usage/v7/img/basic/javascript.md
index 61e27f8b9d6..746d4f0ad5e 100644
--- a/static/usage/v7/img/basic/javascript.md
+++ b/static/usage/v7/img/basic/javascript.md
@@ -1,6 +1,6 @@
 ```html
 <ion-img
-  src="https://docs-demo.ionic.io/assets/madison.jpg"
+  src="https://ionic-docs-demo-v7.vercel.app/assets/madison.jpg"
   alt="The Wisconsin State Capitol building in Madison, WI at night"
 ></ion-img>
 ```
diff --git a/static/usage/v7/img/basic/react.md b/static/usage/v7/img/basic/react.md
index 0236cc28976..9ba05871242 100644
--- a/static/usage/v7/img/basic/react.md
+++ b/static/usage/v7/img/basic/react.md
@@ -5,7 +5,7 @@ import { IonImg } from '@ionic/react';
 function Example() {
   return (
     <IonImg
-      src="https://docs-demo.ionic.io/assets/madison.jpg"
+      src="https://ionic-docs-demo-v7.vercel.app/assets/madison.jpg"
       alt="The Wisconsin State Capitol building in Madison, WI at night"
     ></IonImg>
   );
diff --git a/static/usage/v7/img/basic/vue.md b/static/usage/v7/img/basic/vue.md
index db4d74618ef..f453a679ec1 100644
--- a/static/usage/v7/img/basic/vue.md
+++ b/static/usage/v7/img/basic/vue.md
@@ -1,7 +1,7 @@
 ```html
 <template>
   <ion-img
-    src="https://docs-demo.ionic.io/assets/madison.jpg"
+    src="https://ionic-docs-demo-v7.vercel.app/assets/madison.jpg"
     alt="The Wisconsin State Capitol building in Madison, WI at night"
   ></ion-img>
 </template>
diff --git a/versioned_docs/version-v7/index.md b/versioned_docs/version-v7/index.md
index 5a5909b1b3e..43f3fe2da4c 100644
--- a/versioned_docs/version-v7/index.md
+++ b/versioned_docs/version-v7/index.md
@@ -3,8 +3,8 @@ title: Introduction to Ionic
 sidebar_label: Overview
 slug: /
 hide_table_of_contents: true
-demoUrl: https://docs-demo.ionic.io/
-demoSourceUrl: https://github.com/ionic-team/docs-demo
+demoUrl: https://ionic-docs-demo-v7.vercel.app/
+demoSourceUrl: https://github.com/ionic-team/docs-demo/tree/7.x
 ---
 
 import DocsCard from '@components/global/DocsCard';