diff --git a/src/assets/images/logos/aida-black.png b/src/assets/images/logos/aida-black.png
new file mode 100644
index 0000000..b90710e
Binary files /dev/null and b/src/assets/images/logos/aida-black.png differ
diff --git a/src/assets/images/aida-logo.png b/src/assets/images/logos/aida.png
similarity index 100%
rename from src/assets/images/aida-logo.png
rename to src/assets/images/logos/aida.png
diff --git a/src/assets/images/logos/code-create-black.png b/src/assets/images/logos/code-create-black.png
new file mode 100644
index 0000000..986c1ae
Binary files /dev/null and b/src/assets/images/logos/code-create-black.png differ
diff --git a/src/assets/images/logos/stylish-arade-black.png b/src/assets/images/logos/stylish-arade-black.png
new file mode 100644
index 0000000..82f17c4
Binary files /dev/null and b/src/assets/images/logos/stylish-arade-black.png differ
diff --git a/src/views/home/section-design.vue b/src/views/home/section-design.vue
index 150e6fe..833f868 100644
--- a/src/views/home/section-design.vue
+++ b/src/views/home/section-design.vue
@@ -2,7 +2,7 @@
 	<section class="section-design bgw">
 		<img src="@/assets/images/home/design-bg.jpg" class="bg" />
 		<div class="content">
-			<div class="aida-logo"><img src="@/assets/images/aida-logo.png" /></div>
+			<div class="aida-logo"><img src="@/assets/images/logos/aida.png" /></div>
 			<div class="title">Design with AiDA</div>
 			<div class="tip">
 				Each garment on this platform is where designer vision blooms through AiDA. A tool that
diff --git a/src/views/home/section-footer.vue b/src/views/home/section-footer.vue
index 700e0ce..b15b15d 100644
--- a/src/views/home/section-footer.vue
+++ b/src/views/home/section-footer.vue
@@ -1,5 +1,9 @@
 <template>
-	<section class="section-footer"></section>
+	<section class="section-footer">
+		<img class="logo" src="@/assets/images/logos/code-create-black.png" />
+		<img class="logo" src="@/assets/images/logos/stylish-arade-black.png" />
+		<img class="logo" src="@/assets/images/logos/aida-black.png" />
+	</section>
 </template>
 
 <script setup lang="ts">
@@ -10,5 +14,9 @@
 	.section-footer {
 		background-color: #f6f6f6;
 		border-top: 0.1rem solid #232323;
+		> .logo {
+			width: auto;
+			height: 3rem;
+		}
 	}
 </style>
diff --git a/src/views/home/section-index.vue b/src/views/home/section-index.vue
index 246e73f..16ddfc0 100644
--- a/src/views/home/section-index.vue
+++ b/src/views/home/section-index.vue
@@ -7,7 +7,7 @@
 			<div class="title">Windswept Burden</div>
 			<div class="tip">We are spiritual nomads carrying<br />what wind cannot take.</div>
 			<button custom>View More</button>
-			<div class="aida-logo"><img src="@/assets/images/aida-logo.png" /></div>
+			<div class="aida-logo"><img src="@/assets/images/logos/aida.png" /></div>
 			<p class="tip">
 				What you wear is how you present yourself to the world, especially today, when human
 				contacts are so quick. Fashion is instant language