diff --git a/src/assets/images/socialMediaLogo/biliBliIcon.png b/src/assets/images/socialMediaLogo/biliBliIcon.png
deleted file mode 100644
index 21a861d7..00000000
Binary files a/src/assets/images/socialMediaLogo/biliBliIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/biliBliIcon.svg b/src/assets/images/socialMediaLogo/biliBliIcon.svg
new file mode 100644
index 00000000..44e1d963
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/biliBliIcon.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="23.76" height="23.76" fill="url(#pattern0_2426_2354)"/>
+<defs>
+<pattern id="pattern0_2426_2354" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2426_2354" transform="scale(0.005)"/>
+</pattern>
+<image id="image0_2426_2354" width="200" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/faceBookIcon.svg b/src/assets/images/socialMediaLogo/faceBookIcon.svg
new file mode 100644
index 00000000..c311c85f
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/faceBookIcon.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2427_2565)">
+<path d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z" fill="#2C2C2C"/>
+</g>
+<defs>
+<clipPath id="clip0_2427_2565">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/instagramIcon.png b/src/assets/images/socialMediaLogo/instagramIcon.png
deleted file mode 100644
index 6fd366b6..00000000
Binary files a/src/assets/images/socialMediaLogo/instagramIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/linkedinIcon.svg b/src/assets/images/socialMediaLogo/linkedinIcon.svg
new file mode 100644
index 00000000..7dcdf6d7
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/linkedinIcon.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2427_2564)">
+<path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5563 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2938 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516V20.4516Z" fill="#2C2C2C"/>
+</g>
+<defs>
+<clipPath id="clip0_2427_2564">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/socialIcons.svg b/src/assets/images/socialMediaLogo/socialIcons.svg
new file mode 100644
index 00000000..50893423
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/socialIcons.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2426_2350)">
+<path d="M23.5233 7.12823C23.5233 7.12823 23.2913 5.49009 22.5766 4.77079C21.6717 3.8241 20.6601 3.81946 20.196 3.76377C16.8733 3.52246 11.8846 3.52246 11.8846 3.52246H11.8754C11.8754 3.52246 6.88669 3.52246 3.564 3.76377C3.09994 3.81946 2.08828 3.8241 1.18336 4.77079C0.468703 5.49009 0.241312 7.12823 0.241312 7.12823C0.241312 7.12823 0 9.05409 0 10.9753V12.7759C0 14.6971 0.236672 16.6229 0.236672 16.6229C0.236672 16.6229 0.468703 18.2611 1.17872 18.9804C2.08364 19.9271 3.27164 19.8946 3.80067 19.9967C5.70333 20.1777 11.88 20.2334 11.88 20.2334C11.88 20.2334 16.8733 20.2241 20.196 19.9874C20.6601 19.9317 21.6717 19.9271 22.5766 18.9804C23.2913 18.2611 23.5233 16.6229 23.5233 16.6229C23.5233 16.6229 23.76 14.7017 23.76 12.7759V10.9753C23.76 9.05409 23.5233 7.12823 23.5233 7.12823ZM9.42511 14.9616V8.28374L15.8431 11.6343L9.42511 14.9616Z" fill="#2C2C2C"/>
+</g>
+<defs>
+<clipPath id="clip0_2426_2350">
+<rect width="23.76" height="23.76" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/tikTokIcon.png b/src/assets/images/socialMediaLogo/tikTokIcon.png
deleted file mode 100644
index 1fa7db89..00000000
Binary files a/src/assets/images/socialMediaLogo/tikTokIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/tikTokIcon.svg b/src/assets/images/socialMediaLogo/tikTokIcon.svg
new file mode 100644
index 00000000..5d8d6b2a
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/tikTokIcon.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.9218 0H10.9175V16.1843C10.9175 18.1127 9.37747 19.6967 7.4609 19.6967C5.54433 19.6967 4.00424 18.1127 4.00424 16.1843C4.00424 14.2905 5.51011 12.7408 7.35825 12.672V8.60871C3.28553 8.67755 0 12.0177 0 16.1843C0 20.3854 3.35398 23.76 7.49514 23.76C11.6362 23.76 14.9902 20.351 14.9902 16.1843V7.88555C16.4961 8.98748 18.3442 9.64174 20.295 9.67619V5.61287C17.2833 5.50957 14.9218 3.03026 14.9218 0Z" fill="#2C2C2C"/>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/xiaoHongShuIcon.png b/src/assets/images/socialMediaLogo/xiaoHongShuIcon.png
deleted file mode 100644
index 44fa3fa1..00000000
Binary files a/src/assets/images/socialMediaLogo/xiaoHongShuIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/xiaoHongShuIcon.svg b/src/assets/images/socialMediaLogo/xiaoHongShuIcon.svg
new file mode 100644
index 00000000..affe86d3
--- /dev/null
+++ b/src/assets/images/socialMediaLogo/xiaoHongShuIcon.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="23.76" height="23.76" fill="url(#pattern0_2426_2352)"/>
+<defs>
+<pattern id="pattern0_2426_2352" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2426_2352" transform="scale(0.005)"/>
+</pattern>
+<image id="image0_2426_2352" width="200" height="200" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/assets/images/socialMediaLogo/youTubeIcon.png b/src/assets/images/socialMediaLogo/youTubeIcon.png
deleted file mode 100644
index 3e6b31e8..00000000
Binary files a/src/assets/images/socialMediaLogo/youTubeIcon.png and /dev/null differ
diff --git a/src/assets/images/socialMediaLogo/zhiHuIcon.png b/src/assets/images/socialMediaLogo/zhiHuIcon.png
deleted file mode 100644
index 1cd479e3..00000000
Binary files a/src/assets/images/socialMediaLogo/zhiHuIcon.png and /dev/null differ
diff --git a/src/views/HomeMain.vue b/src/views/HomeMain.vue
index 7957a3a9..2805302f 100644
--- a/src/views/HomeMain.vue
+++ b/src/views/HomeMain.vue
@@ -394,23 +394,23 @@
                   <span class="select_item_des">{{ $t('Header.Tutorial') }}</span>
                 </div>
 				<div class="select_item logo">
-					<a href="https://www.tiktok.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/tikTokIcon.png" alt="">
+					<a href="https://www.tiktok.com/@aida_codecreate" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/tikTokIcon.svg" alt="">
 					</a>
-					<a href="https://www.instagram.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/instagramIcon.png" alt="">
+					<a href="https://www.facebook.com/CodeCreateAI" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/faceBookIcon.svg" alt="">
 					</a>
-					<a href="https://www.youtube.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/youTubeIcon.png" alt="">
+					<a href="https://www.youtube.com/@AiDA-3.1" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/socialIcons.svg" alt="">
 					</a>
-					<a href="https://www.xiaohongshu.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/xiaoHongShuIcon.png" alt="">
+					<a href="https://www.linkedin.cn/incareer/company/code-create-limited/posts?feedView=all" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/linkedinIcon.svg" alt="">
 					</a>
-					<a href="https://www.zhihu.com" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/zhiHuIcon.png" alt="">
+					<a href="https://xhslink.com/m/5Ony2FapizV" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/xiaoHongShuIcon.svg" alt="">
 					</a>
-					<a href="https://www.bilibili.com/" target="_blank" >
-						<img src="@/assets/images/socialMediaLogo/biliBliIcon.png" alt="">
+					<a href="https://space.bilibili.com/3546717609789876?spm_id_from=333.788.upinfo.head.click" target="_blank" >
+						<img src="@/assets/images/socialMediaLogo/biliBliIcon.svg" alt="">
 					</a>
 				</div>
 
@@ -2039,16 +2039,15 @@ export default defineComponent({
               }
 			  .logo{
 				padding: 1rem 0.5rem;
-				gap: 1rem;
+				gap: 1.8rem;
 				cursor: auto;
+				justify-content: center;
 				> a{
-					width: 2.5rem;
-					height: 2.5rem;
-					border-radius: .5rem;
+					width: auto;
+					height: 2.4rem;
 					overflow: hidden;
 					display: flex;
 					> img{
-						width: 100%;
 						height: 100%;
 					}
 				}