diff --git a/docs/.vuepress/public/assets/img/indexerBanner.png b/docs/.vuepress/public/assets/img/indexerBanner.png
new file mode 100644
index 00000000000..22f4a32c112
Binary files /dev/null and b/docs/.vuepress/public/assets/img/indexerBanner.png differ
diff --git a/docs/.vuepress/public/assets/img/networkBanner.png b/docs/.vuepress/public/assets/img/networkBanner.png
new file mode 100644
index 00000000000..fb281883608
Binary files /dev/null and b/docs/.vuepress/public/assets/img/networkBanner.png differ
diff --git a/docs/.vuepress/public/assets/img/welcomeBanner.png b/docs/.vuepress/public/assets/img/welcomeBanner.png
index 7a4fab6599f..56668fc677f 100644
Binary files a/docs/.vuepress/public/assets/img/welcomeBanner.png and b/docs/.vuepress/public/assets/img/welcomeBanner.png differ
diff --git a/docs/indexer/welcome.md b/docs/indexer/welcome.md
index 72507f9e710..72714f978c6 100644
--- a/docs/indexer/welcome.md
+++ b/docs/indexer/welcome.md
@@ -15,7 +15,7 @@ photoSwipe: false
     </div>
     <div class="bannerImage">
       <div class="bannerImageBg"></div>
-      <img src="https://subquery.network/images/indexerConcept.png" />
+      <img src="/assets/img/indexerBanner.png" />
     </div>
   </div>
   <QuickStart></QuickStart>
@@ -79,7 +79,7 @@ photoSwipe: false
         </div>
       </div>
       <img :style="{
-        marginTop: isMobile ? '' : '-50px'}" src="/assets/img/architects.png" :width="isMobile ? '100%' : 516" :height="isMobile ? 'auto': 392" />
+        marginTop: isMobile ? '' : '-50px'}" src="/assets/img/networkBanner.png" :width="isMobile ? '100%' : 516" :height="isMobile ? 'auto': 392" />
     </div>
     <NeedHelp></NeedHelp>
     <Footer></Footer>
diff --git a/docs/subquery_network/welcome.md b/docs/subquery_network/welcome.md
index bcf5db1f9c3..85cf986c29c 100644
--- a/docs/subquery_network/welcome.md
+++ b/docs/subquery_network/welcome.md
@@ -17,7 +17,7 @@ photoSwipe: false
     </div>
     <div class="bannerImage">
       <div class="bannerImageBg bannerImageBgRed"></div>
-      <img src="/assets/img/architects.png" />
+      <img src="/assets/img/networkBanner.png" />
     </div>
   </div>
   <Banner
@@ -152,7 +152,7 @@ photoSwipe: false
     :buttonText="isMobile? 'Learn more' : 'Learn more about our Indexer SDK'"
     titleTag="h35"
     buttonLink="/indexer/welcome.html"
-    backgroundUrl="https://subquery.network/images/indexerConcept.png"
+    backgroundUrl="/assets/img/indexerBanner.png"
     style="
       background-size: 389px;
       background-position: right;
@@ -181,7 +181,7 @@ window.addEventListener('resize', checkIsMobile)
 
 const oneNetworkAllWeb3 = ref([
 {
-image: "https://subquery.network/images/indexerConcept.png",
+image: "https://subquery.network/images/home/decentralised.png",
 title: 'Decentralised Data Indexers',
 subtitle: 'Fast, reliable, decentralised, and customised APIs for your web3 project',
 contents: [
@@ -190,7 +190,7 @@ contents: [
 ],
 },
 {
-image: "https://subquery.network/images/rpcConcept.png",
+image: "https://subquery.network/images/home/rpcConcept.png",
 title: 'Decentralised RPC Endpoints',
 subtitle: 'Faster, cheaper, and globally decentralised RPCs that supercharge your dApp',
 contents: [