diff --git a/package.json b/package.json
index 3edb699..178e5bf 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@animxyz/core": "^0.6.6",
     "@animxyz/vue3": "^0.6.7",
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+    "@metamask/safe-event-emitter": "^2.0.0",
     "@vueuse/core": "^9.12.0",
     "@walletconnect/web3-provider": "^1.8.0",
     "ant-design-vue": "^3.2.15",
diff --git a/src/assets/img/about/官网内页PC（about切图）-0307_slices/TEAM交互线.png b/src/assets/img/about/官网内页PC（about切图）-0307_slices/team-boder.png
similarity index 100%
rename from src/assets/img/about/官网内页PC（about切图）-0307_slices/TEAM交互线.png
rename to src/assets/img/about/官网内页PC（about切图）-0307_slices/team-boder.png
diff --git a/src/assets/img/home/切换icon.zip b/src/assets/img/home/切换icon.zip
new file mode 100644
index 0000000..78e0b0f
Binary files /dev/null and b/src/assets/img/home/切换icon.zip differ
diff --git a/src/assets/img/home/切换icon/切换icon/交互武器.svg b/src/assets/img/home/切换icon/切换icon/交互武器.svg
new file mode 100644
index 0000000..fcee1c9
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/交互武器.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st1" d="M6.14,12.57h3.98v0.56h0.82c3.1-4.32,7.78-6.6,13.5-6.6s10.78,2.82,13.88,7.14h1.37l1.05-1.05h2.14
+		C39.13,6.34,32.29,2.13,24.44,2.13c-8.69,0-16.16,4.17-19.55,11.59h1.24V12.57z"/>
+	<path class="st1" d="M7.14,26.25V23.1L6.04,22H3.12c-0.1,0.86-0.18,0.73-0.18,1.62c0,2.54,0.47,4.98,1.28,7.24L7.14,26.25z"/>
+	<path class="st1" d="M41.47,22.05c0.05,0.52,0.08,1.04,0.08,1.57c0,9.45-7.66,17.1-17.1,17.1c-3.85,0-7.39-1.29-10.24-3.43l-2,3.99
+		c3.48,2.41,7.69,3.84,12.24,3.84c11.87,0,21.5-9.63,21.5-21.5c0-0.53-0.04-1.05-0.08-1.57H41.47z"/>
+	<path class="st1" d="M44.43,14.13l-1-1h-2l-1,1H8.94v-1h-2v1H4.43v5h-1v2h3l2,2v3L1.06,37.79v4.33h9.37l8-15c2.52,2,6,1.93,6,1.93
+		c7,0,7.37-7.93,7.37-7.93h13.63l1-1.3v-2.11h1v-3.59H44.43z M28.43,26.13c-1.04,1.65-5.48,2-7.81,0c-0.84-0.72-2.41-3.16,1.7-4.08
+		c0,0,0.03,1.15,0.41,2.2c0.3,0.84,0.81,1.61,1.7,1.69c0,0-0.81-2.05-0.48-2.81c0.16-0.37,1-1,2-1S30.94,22.13,28.43,26.13z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/交互点击武器.svg b/src/assets/img/home/切换icon/切换icon/交互点击武器.svg
new file mode 100644
index 0000000..7b6a14b
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/交互点击武器.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st0" d="M6.2,12.44h3.98V13H11c3.1-4.32,7.78-6.6,13.5-6.6s10.78,2.82,13.88,7.14h1.37l1.05-1.05h2.14
+		C39.19,6.21,32.34,2,24.5,2C15.81,2,8.34,6.17,4.95,13.59H6.2V12.44z"/>
+	<path class="st0" d="M7.2,26.12v-3.15l-1.1-1.1H3.18C3.07,22.74,3,22.61,3,23.5c0,2.54,0.47,4.98,1.28,7.24L7.2,26.12z"/>
+	<path class="st0" d="M41.52,21.93c0.05,0.52,0.08,1.04,0.08,1.57c0,9.45-7.66,17.1-17.1,17.1c-3.85,0-7.39-1.29-10.24-3.43l-2,3.99
+		C15.73,43.58,19.95,45,24.5,45C36.37,45,46,35.37,46,23.5c0-0.53-0.04-1.05-0.08-1.57H41.52z"/>
+	<path class="st0" d="M44.48,14l-1-1h-2l-1,1H9v-1H7v1H4.48v5h-1v2h3l2,2v3L1.11,37.67V42h9.37l8-15c2.52,2,6,1.93,6,1.93
+		c7,0,7.37-7.93,7.37-7.93h13.63l1-1.3v-2.11h1V14H44.48z M28.48,26c-1.04,1.65-5.48,2-7.81,0c-0.84-0.72-2.41-3.16,1.7-4.08
+		c0,0,0.03,1.15,0.41,2.2c0.3,0.84,0.81,1.61,1.7,1.69c0,0-0.81-2.05-0.48-2.81c0.16-0.37,1-1,2-1S31,22,28.48,26z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/交互点击芯片.svg b/src/assets/img/home/切换icon/切换icon/交互点击芯片.svg
new file mode 100644
index 0000000..d997b47
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/交互点击芯片.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st0" d="M46.09,17.49L24.1,1.57c-0.08-0.06-0.19-0.06-0.27,0L2.31,17.21c-0.36,0.26-0.36,0.81,0,1.07L23.2,33.41
+		c0.49,0.35,1.15,0.35,1.64,0l21.25-15.45C46.25,17.84,46.25,17.6,46.09,17.49z M24.96,7.12c0-0.24,0.28-0.37,0.47-0.22l7.68,6.15
+		c0.21,0.17,0.09,0.51-0.18,0.51H29.4c-0.07,0-0.13-0.02-0.18-0.06l-4.15-3.33c-0.07-0.05-0.11-0.14-0.11-0.22V7.12z M14.88,13.08
+		l7.68-6.15c0.19-0.15,0.47-0.02,0.47,0.22v2.82c0,0.09-0.04,0.17-0.11,0.22l-4.15,3.33c-0.05,0.04-0.11,0.06-0.18,0.06h-3.53
+		C14.79,13.59,14.67,13.24,14.88,13.08z M23.02,26.86c0,0.25-0.29,0.38-0.48,0.21L9.58,15.5C9.38,15.32,9.51,15,9.77,15h6.37
+		c0.07,0,0.13,0.02,0.18,0.06l6.59,5.3c0.07,0.05,0.11,0.14,0.11,0.22V26.86z M24.22,17.79c-0.11,0.11-0.29,0.11-0.41,0l-3.55-3.55
+		c-0.13-0.13-0.11-0.34,0.04-0.44l3.55-2.46c0.1-0.07,0.23-0.07,0.33,0l3.51,2.44c0.15,0.1,0.17,0.31,0.04,0.44L24.22,17.79z
+		 M38.4,15.47L25.44,27.05c-0.18,0.16-0.48,0.03-0.48-0.21v-6.28c0-0.09,0.04-0.17,0.11-0.22l6.59-5.3
+		c0.05-0.04,0.11-0.06,0.18-0.06h6.37C38.48,14.97,38.6,15.3,38.4,15.47z"/>
+	<path class="st0" d="M45.27,21.49L24.9,35.38c-0.55,0.38-1.28,0.38-1.83,0L2.71,21.49c-0.31-0.21-0.72,0.01-0.72,0.38v2.9
+		c0,0.15,0.07,0.29,0.19,0.37l20.73,15.08c0.64,0.46,1.51,0.45,2.13-0.03l20.77-16.05c0.11-0.09,0.18-0.22,0.18-0.36v-1.9
+		C45.99,21.5,45.58,21.28,45.27,21.49z"/>
+	<path class="st0" d="M45.02,27.7L24.91,42.33c-0.55,0.4-1.29,0.4-1.83,0L2.96,27.7c-0.4-0.29-0.97-0.01-0.97,0.49v1.49
+		c0,0.2,0.09,0.38,0.25,0.49L23.02,45.3c0.58,0.42,1.36,0.42,1.94,0l20.78-15.11c0.16-0.11,0.25-0.3,0.25-0.49V28.2
+		C45.99,27.7,45.43,27.41,45.02,27.7z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/交互点击英雄.svg b/src/assets/img/home/切换icon/切换icon/交互点击英雄.svg
new file mode 100644
index 0000000..31ac793
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/交互点击英雄.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st0" d="M41,19c-0.25-0.25-1-1-1-1c0-7-4-16-14.41-16.47C18.19,1.19,12,2,7,12s2,17,2,17c0-7,3-9,3-9
+		c1.19,1.03,0.92,0.95,4,3c3,2,4,5,4,5s0-1.67,0-3c0-0.67-1-3-1-3s1,1,2,3c2.08,4.15,1.28,9.52,1.05,10C27.03,34.93,31,25,31,25
+		c1,5-1.78,7-1.78,7L29,35l4.89-1.33C38.78,31.34,40,20,40,20c1,1,3,0,3,0S42,20,41,19z"/>
+	<path class="st0" d="M22.05,35c-0.02,0-0.03,0-0.05,0C22.01,35.06,22.03,35.04,22.05,35z"/>
+	<path class="st0" d="M28,33l-1,1c0,0-0.16,1.53,0,2c0.53,1.59,3,6,3,6l-4,4h-5v-2c0,0,1.74-2.14,2-3c0.07-0.24,0.09-0.77,0-1
+		c-0.24-0.66-1.31-1.86-2-2c-0.78-0.16-3,1-3,1l-4-1l-4-6v-1.04L13,28l-1-5l-1-1v6l-3,3l1,2l4,6l5,1c0,0,2.22-1.16,3-1
+		c0.35,0.07,0.89,0.66,1,1c0.08,0.24,0.07,0.76,0,1c-0.26,0.86-2,3-2,3v3h6l5-5c0,0-2.47-4.41-3-6C27.76,35.29,28,33,28,33z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/交互芯片.svg b/src/assets/img/home/切换icon/切换icon/交互芯片.svg
new file mode 100644
index 0000000..1fcc313
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/交互芯片.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st1" d="M46.03,17.62L24.04,1.7c-0.08-0.06-0.19-0.06-0.27,0L2.26,17.34c-0.36,0.26-0.36,0.81,0,1.07l20.89,15.12
+		c0.49,0.35,1.15,0.35,1.64,0l21.25-15.45C46.19,17.97,46.19,17.73,46.03,17.62z M24.91,7.25c0-0.24,0.28-0.37,0.47-0.22l7.68,6.15
+		c0.21,0.17,0.09,0.51-0.18,0.51h-3.53c-0.07,0-0.13-0.02-0.18-0.06l-4.15-3.33c-0.07-0.05-0.11-0.14-0.11-0.22V7.25z M14.82,13.2
+		l7.68-6.15c0.19-0.15,0.47-0.02,0.47,0.22v2.82c0,0.09-0.04,0.17-0.11,0.22l-4.15,3.33c-0.05,0.04-0.11,0.06-0.18,0.06H15
+		C14.73,13.71,14.61,13.37,14.82,13.2z M22.96,26.99c0,0.25-0.29,0.38-0.48,0.21L9.52,15.63c-0.2-0.18-0.07-0.5,0.19-0.5h6.37
+		c0.07,0,0.13,0.02,0.18,0.06l6.59,5.3c0.07,0.05,0.11,0.14,0.11,0.22V26.99z M24.17,17.92c-0.11,0.11-0.29,0.11-0.41,0l-3.55-3.55
+		c-0.13-0.13-0.11-0.34,0.04-0.44l3.55-2.46c0.1-0.07,0.23-0.07,0.33,0l3.51,2.44c0.15,0.1,0.17,0.31,0.04,0.44L24.17,17.92z
+		 M38.35,15.6L25.38,27.17c-0.18,0.16-0.48,0.03-0.48-0.21v-6.28c0-0.09,0.04-0.17,0.11-0.22l6.59-5.3
+		c0.05-0.04,0.11-0.06,0.18-0.06h6.37C38.42,15.1,38.54,15.42,38.35,15.6z"/>
+	<path class="st1" d="M45.22,21.62L24.85,35.5c-0.55,0.38-1.28,0.38-1.83,0L2.65,21.62C2.35,21.41,1.94,21.63,1.94,22v2.9
+		c0,0.15,0.07,0.29,0.19,0.37l20.73,15.08c0.64,0.46,1.51,0.45,2.13-0.03l20.77-16.05c0.11-0.09,0.18-0.22,0.18-0.36V22
+		C45.94,21.63,45.52,21.41,45.22,21.62z"/>
+	<path class="st1" d="M44.97,27.83L24.85,42.46c-0.55,0.4-1.29,0.4-1.83,0L2.9,27.83c-0.4-0.29-0.97-0.01-0.97,0.49v1.49
+		c0,0.2,0.09,0.38,0.25,0.49l20.78,15.11c0.58,0.42,1.36,0.42,1.94,0l20.78-15.11c0.16-0.11,0.25-0.3,0.25-0.49v-1.49
+		C45.94,27.83,45.37,27.54,44.97,27.83z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/交互英雄.svg b/src/assets/img/home/切换icon/切换icon/交互英雄.svg
new file mode 100644
index 0000000..14e4763
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/交互英雄.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st1" d="M40.94,19.13c-0.25-0.25-1-1-1-1c0-7-4-16-14.41-16.47c-7.4-0.34-13.59,0.47-18.59,10.47s2,17,2,17
+		c0-7,3-9,3-9c1.19,1.03,0.92,0.95,4,3c3,2,4,5,4,5s0-1.67,0-3c0-0.67-1-3-1-3s1,1,2,3c2.08,4.15,1.28,9.52,1.05,10
+		c4.98-0.07,8.95-10,8.95-10c1,5-1.78,7-1.78,7l-0.22,3l4.89-1.33c4.89-2.33,6.11-13.67,6.11-13.67c1,1,3,0,3,0
+		S41.94,20.13,40.94,19.13z"/>
+	<path class="st1" d="M21.99,35.12c-0.02,0-0.03,0-0.05,0C21.95,35.19,21.97,35.17,21.99,35.12z"/>
+	<path class="st1" d="M27.94,33.13l-1,1c0,0-0.16,1.53,0,2c0.53,1.59,3,6,3,6l-4,4h-5v-2c0,0,1.74-2.14,2-3c0.07-0.24,0.09-0.77,0-1
+		c-0.24-0.66-1.31-1.86-2-2c-0.78-0.16-3,1-3,1l-4-1l-4-6v-1.04l3-2.96l-1-5l-1-1v6l-3,3l1,2l4,6l5,1c0,0,2.22-1.16,3-1
+		c0.35,0.07,0.89,0.66,1,1c0.08,0.24,0.07,0.76,0,1c-0.26,0.86-2,3-2,3v3h6l5-5c0,0-2.47-4.41-3-6
+		C27.71,35.42,27.94,33.13,27.94,33.13z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/默认武器.svg b/src/assets/img/home/切换icon/切换icon/默认武器.svg
new file mode 100644
index 0000000..9d52fbb
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/默认武器.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st2" d="M6.14,12.57h3.98v0.56h0.82c3.1-4.32,7.78-6.6,13.5-6.6s10.78,2.82,13.88,7.14h1.37l1.05-1.05h2.14
+		C39.13,6.34,32.29,2.13,24.44,2.13c-8.69,0-16.16,4.17-19.55,11.59h1.24V12.57z"/>
+	<path class="st2" d="M7.14,26.25V23.1L6.04,22H3.12c-0.1,0.86-0.18,0.73-0.18,1.62c0,2.54,0.47,4.98,1.28,7.24L7.14,26.25z"/>
+	<path class="st2" d="M41.47,22.05c0.05,0.52,0.08,1.04,0.08,1.57c0,9.45-7.66,17.1-17.1,17.1c-3.85,0-7.39-1.29-10.24-3.43l-2,3.99
+		c3.48,2.41,7.69,3.84,12.24,3.84c11.87,0,21.5-9.63,21.5-21.5c0-0.53-0.04-1.05-0.08-1.57H41.47z"/>
+	<path class="st2" d="M44.43,14.13l-1-1h-2l-1,1H8.94v-1h-2v1H4.43v5h-1v2h3l2,2v3L1.06,37.79v4.33h9.37l8-15c2.52,2,6,1.93,6,1.93
+		c7,0,7.37-7.93,7.37-7.93h13.63l1-1.3v-2.11h1v-3.59H44.43z M28.43,26.13c-1.04,1.65-5.48,2-7.81,0c-0.84-0.72-2.41-3.16,1.7-4.08
+		c0,0,0.03,1.15,0.41,2.2c0.3,0.84,0.81,1.61,1.7,1.69c0,0-0.81-2.05-0.48-2.81c0.16-0.37,1-1,2-1S30.94,22.13,28.43,26.13z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/默认芯片.svg b/src/assets/img/home/切换icon/切换icon/默认芯片.svg
new file mode 100644
index 0000000..1a22648
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/默认芯片.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st2" d="M46.03,17.62L24.04,1.7c-0.08-0.06-0.19-0.06-0.27,0L2.26,17.34c-0.36,0.26-0.36,0.81,0,1.07l20.89,15.12
+		c0.49,0.35,1.15,0.35,1.64,0l21.25-15.45C46.19,17.97,46.19,17.73,46.03,17.62z M24.91,7.25c0-0.24,0.28-0.37,0.47-0.22l7.68,6.15
+		c0.21,0.17,0.09,0.51-0.18,0.51h-3.53c-0.07,0-0.13-0.02-0.18-0.06l-4.15-3.33c-0.07-0.05-0.11-0.14-0.11-0.22V7.25z M14.82,13.2
+		l7.68-6.15c0.19-0.15,0.47-0.02,0.47,0.22v2.82c0,0.09-0.04,0.17-0.11,0.22l-4.15,3.33c-0.05,0.04-0.11,0.06-0.18,0.06H15
+		C14.73,13.71,14.61,13.37,14.82,13.2z M22.96,26.99c0,0.25-0.29,0.38-0.48,0.21L9.52,15.63c-0.2-0.18-0.07-0.5,0.19-0.5h6.37
+		c0.07,0,0.13,0.02,0.18,0.06l6.59,5.3c0.07,0.05,0.11,0.14,0.11,0.22V26.99z M24.17,17.92c-0.11,0.11-0.29,0.11-0.41,0l-3.55-3.55
+		c-0.13-0.13-0.11-0.34,0.04-0.44l3.55-2.46c0.1-0.07,0.23-0.07,0.33,0l3.51,2.44c0.15,0.1,0.17,0.31,0.04,0.44L24.17,17.92z
+		 M38.35,15.6L25.38,27.17c-0.18,0.16-0.48,0.03-0.48-0.21v-6.28c0-0.09,0.04-0.17,0.11-0.22l6.59-5.3
+		c0.05-0.04,0.11-0.06,0.18-0.06h6.37C38.42,15.1,38.54,15.42,38.35,15.6z"/>
+	<path class="st2" d="M45.22,21.62L24.85,35.5c-0.55,0.38-1.28,0.38-1.83,0L2.65,21.62C2.35,21.41,1.94,21.63,1.94,22v2.9
+		c0,0.15,0.07,0.29,0.19,0.37l20.73,15.08c0.64,0.46,1.51,0.45,2.13-0.03l20.77-16.05c0.11-0.09,0.18-0.22,0.18-0.36V22
+		C45.94,21.63,45.52,21.41,45.22,21.62z"/>
+	<path class="st2" d="M44.97,27.83L24.85,42.46c-0.55,0.4-1.29,0.4-1.83,0L2.9,27.83c-0.4-0.29-0.97-0.01-0.97,0.49v1.49
+		c0,0.2,0.09,0.38,0.25,0.49l20.78,15.11c0.58,0.42,1.36,0.42,1.94,0l20.78-15.11c0.16-0.11,0.25-0.3,0.25-0.49v-1.49
+		C45.94,27.83,45.37,27.54,44.97,27.83z"/>
+</g>
+</svg>
diff --git a/src/assets/img/home/切换icon/切换icon/默认英雄.svg b/src/assets/img/home/切换icon/切换icon/默认英雄.svg
new file mode 100644
index 0000000..b87113b
--- /dev/null
+++ b/src/assets/img/home/切换icon/切换icon/默认英雄.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st2" d="M40.94,19.13c-0.25-0.25-1-1-1-1c0-7-4-16-14.41-16.47c-7.4-0.34-13.59,0.47-18.59,10.47s2,17,2,17
+		c0-7,3-9,3-9c1.19,1.03,0.92,0.95,4,3c3,2,4,5,4,5s0-1.67,0-3c0-0.67-1-3-1-3s1,1,2,3c2.08,4.15,1.28,9.52,1.05,10
+		c4.98-0.07,8.95-10,8.95-10c1,5-1.78,7-1.78,7l-0.22,3l4.89-1.33c4.89-2.33,6.11-13.67,6.11-13.67c1,1,3,0,3,0
+		S41.94,20.13,40.94,19.13z"/>
+	<path class="st2" d="M21.99,35.12c-0.02,0-0.03,0-0.05,0C21.95,35.19,21.97,35.17,21.99,35.12z"/>
+	<path class="st2" d="M27.94,33.13l-1,1c0,0-0.16,1.53,0,2c0.53,1.59,3,6,3,6l-4,4h-5v-2c0,0,1.74-2.14,2-3c0.07-0.24,0.09-0.77,0-1
+		c-0.24-0.66-1.31-1.86-2-2c-0.78-0.16-3,1-3,1l-4-1l-4-6v-1.04l3-2.96l-1-5l-1-1v6l-3,3l1,2l4,6l5,1c0,0,2.22-1.16,3-1
+		c0.35,0.07,0.89,0.66,1,1c0.08,0.24,0.07,0.76,0,1c-0.26,0.86-2,3-2,3v3h6l5-5c0,0-2.47-4.41-3-6
+		C27.71,35.42,27.94,33.13,27.94,33.13z"/>
+</g>
+</svg>
diff --git a/src/assets/svg/tab/chip.svg b/src/assets/svg/tab/chip.svg
new file mode 100644
index 0000000..1fcc313
--- /dev/null
+++ b/src/assets/svg/tab/chip.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st1" d="M46.03,17.62L24.04,1.7c-0.08-0.06-0.19-0.06-0.27,0L2.26,17.34c-0.36,0.26-0.36,0.81,0,1.07l20.89,15.12
+		c0.49,0.35,1.15,0.35,1.64,0l21.25-15.45C46.19,17.97,46.19,17.73,46.03,17.62z M24.91,7.25c0-0.24,0.28-0.37,0.47-0.22l7.68,6.15
+		c0.21,0.17,0.09,0.51-0.18,0.51h-3.53c-0.07,0-0.13-0.02-0.18-0.06l-4.15-3.33c-0.07-0.05-0.11-0.14-0.11-0.22V7.25z M14.82,13.2
+		l7.68-6.15c0.19-0.15,0.47-0.02,0.47,0.22v2.82c0,0.09-0.04,0.17-0.11,0.22l-4.15,3.33c-0.05,0.04-0.11,0.06-0.18,0.06H15
+		C14.73,13.71,14.61,13.37,14.82,13.2z M22.96,26.99c0,0.25-0.29,0.38-0.48,0.21L9.52,15.63c-0.2-0.18-0.07-0.5,0.19-0.5h6.37
+		c0.07,0,0.13,0.02,0.18,0.06l6.59,5.3c0.07,0.05,0.11,0.14,0.11,0.22V26.99z M24.17,17.92c-0.11,0.11-0.29,0.11-0.41,0l-3.55-3.55
+		c-0.13-0.13-0.11-0.34,0.04-0.44l3.55-2.46c0.1-0.07,0.23-0.07,0.33,0l3.51,2.44c0.15,0.1,0.17,0.31,0.04,0.44L24.17,17.92z
+		 M38.35,15.6L25.38,27.17c-0.18,0.16-0.48,0.03-0.48-0.21v-6.28c0-0.09,0.04-0.17,0.11-0.22l6.59-5.3
+		c0.05-0.04,0.11-0.06,0.18-0.06h6.37C38.42,15.1,38.54,15.42,38.35,15.6z"/>
+	<path class="st1" d="M45.22,21.62L24.85,35.5c-0.55,0.38-1.28,0.38-1.83,0L2.65,21.62C2.35,21.41,1.94,21.63,1.94,22v2.9
+		c0,0.15,0.07,0.29,0.19,0.37l20.73,15.08c0.64,0.46,1.51,0.45,2.13-0.03l20.77-16.05c0.11-0.09,0.18-0.22,0.18-0.36V22
+		C45.94,21.63,45.52,21.41,45.22,21.62z"/>
+	<path class="st1" d="M44.97,27.83L24.85,42.46c-0.55,0.4-1.29,0.4-1.83,0L2.9,27.83c-0.4-0.29-0.97-0.01-0.97,0.49v1.49
+		c0,0.2,0.09,0.38,0.25,0.49l20.78,15.11c0.58,0.42,1.36,0.42,1.94,0l20.78-15.11c0.16-0.11,0.25-0.3,0.25-0.49v-1.49
+		C45.94,27.83,45.37,27.54,44.97,27.83z"/>
+</g>
+</svg>
diff --git a/src/assets/svg/tab/hero.svg b/src/assets/svg/tab/hero.svg
new file mode 100644
index 0000000..14e4763
--- /dev/null
+++ b/src/assets/svg/tab/hero.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st1" d="M40.94,19.13c-0.25-0.25-1-1-1-1c0-7-4-16-14.41-16.47c-7.4-0.34-13.59,0.47-18.59,10.47s2,17,2,17
+		c0-7,3-9,3-9c1.19,1.03,0.92,0.95,4,3c3,2,4,5,4,5s0-1.67,0-3c0-0.67-1-3-1-3s1,1,2,3c2.08,4.15,1.28,9.52,1.05,10
+		c4.98-0.07,8.95-10,8.95-10c1,5-1.78,7-1.78,7l-0.22,3l4.89-1.33c4.89-2.33,6.11-13.67,6.11-13.67c1,1,3,0,3,0
+		S41.94,20.13,40.94,19.13z"/>
+	<path class="st1" d="M21.99,35.12c-0.02,0-0.03,0-0.05,0C21.95,35.19,21.97,35.17,21.99,35.12z"/>
+	<path class="st1" d="M27.94,33.13l-1,1c0,0-0.16,1.53,0,2c0.53,1.59,3,6,3,6l-4,4h-5v-2c0,0,1.74-2.14,2-3c0.07-0.24,0.09-0.77,0-1
+		c-0.24-0.66-1.31-1.86-2-2c-0.78-0.16-3,1-3,1l-4-1l-4-6v-1.04l3-2.96l-1-5l-1-1v6l-3,3l1,2l4,6l5,1c0,0,2.22-1.16,3-1
+		c0.35,0.07,0.89,0.66,1,1c0.08,0.24,0.07,0.76,0,1c-0.26,0.86-2,3-2,3v3h6l5-5c0,0-2.47-4.41-3-6
+		C27.71,35.42,27.94,33.13,27.94,33.13z"/>
+</g>
+</svg>
diff --git a/src/assets/svg/tab/weapon.svg b/src/assets/svg/tab/weapon.svg
new file mode 100644
index 0000000..fcee1c9
--- /dev/null
+++ b/src/assets/svg/tab/weapon.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#EC2E5B;}
+	.st1{fill:#DC5C7F;}
+	.st2{fill:#0F6569;}
+</style>
+<g>
+	<path class="st1" d="M6.14,12.57h3.98v0.56h0.82c3.1-4.32,7.78-6.6,13.5-6.6s10.78,2.82,13.88,7.14h1.37l1.05-1.05h2.14
+		C39.13,6.34,32.29,2.13,24.44,2.13c-8.69,0-16.16,4.17-19.55,11.59h1.24V12.57z"/>
+	<path class="st1" d="M7.14,26.25V23.1L6.04,22H3.12c-0.1,0.86-0.18,0.73-0.18,1.62c0,2.54,0.47,4.98,1.28,7.24L7.14,26.25z"/>
+	<path class="st1" d="M41.47,22.05c0.05,0.52,0.08,1.04,0.08,1.57c0,9.45-7.66,17.1-17.1,17.1c-3.85,0-7.39-1.29-10.24-3.43l-2,3.99
+		c3.48,2.41,7.69,3.84,12.24,3.84c11.87,0,21.5-9.63,21.5-21.5c0-0.53-0.04-1.05-0.08-1.57H41.47z"/>
+	<path class="st1" d="M44.43,14.13l-1-1h-2l-1,1H8.94v-1h-2v1H4.43v5h-1v2h3l2,2v3L1.06,37.79v4.33h9.37l8-15c2.52,2,6,1.93,6,1.93
+		c7,0,7.37-7.93,7.37-7.93h13.63l1-1.3v-2.11h1v-3.59H44.43z M28.43,26.13c-1.04,1.65-5.48,2-7.81,0c-0.84-0.72-2.41-3.16,1.7-4.08
+		c0,0,0.03,1.15,0.41,2.2c0.3,0.84,0.81,1.61,1.7,1.69c0,0-0.81-2.05-0.48-2.81c0.16-0.37,1-1,2-1S30.94,22.13,28.43,26.13z"/>
+</g>
+</svg>
diff --git a/src/components/about/Grid9Panel.vue b/src/components/about/Grid9Panel.vue
index bb98c1c..a71b3ed 100644
--- a/src/components/about/Grid9Panel.vue
+++ b/src/components/about/Grid9Panel.vue
@@ -30,8 +30,8 @@
   // overflow: hidden;
   text-align: center;
   .title {
-    padding-top: 50px;
-    width: 162px;
+    padding-top: 20px;
+    width: 270px;
     margin: 0 auto;
     font-size: 22px;
     font-family: "Big John";
@@ -48,6 +48,15 @@
     line-height: 32px;
   }
 }
+.copy-writing:hover .title{
+  padding-top: 50px;
+    width: 270px;
+    margin: 0 auto;
+    font-size: 22px;
+    font-family: "Big John";
+    font-weight: 400;
+    color: #ffffff;
+}
 
 .bg-up {
   position: absolute;
diff --git a/src/components/home/GameGallerp.vue b/src/components/home/GameGallerp.vue
index a83adaf..87de0df 100644
--- a/src/components/home/GameGallerp.vue
+++ b/src/components/home/GameGallerp.vue
@@ -16,14 +16,14 @@
         <img src="@/assets/img/home/gallerp-bottom-boder.png" alt="" />
       </div>
       <div class="content">
-        <div class="gallery-title">GALLERY</div>
+        <div class="gallery-title">GAME VIDEO</div>
         <div class="gallery-boder">
           <img src="@/assets/img/home/gallery-boder.png" alt="" />
         </div>
         <div class="slogan">
-          <div class="slogan-title">CEBG WORK IN-PROCESS WORK SHOW.</div>
+          <!-- <div class="slogan-title">CEBG WORK IN-PROCESS WORK SHOW.</div> -->
           <div class="slogan-text">
-            We are honoured to create CEBG Metaworld.
+            Come to be COMMENDER! Enjoy 3D CEBG and fight against other players!
           </div>
         </div>
         <!-- <div class="gallery-banner">
@@ -76,12 +76,13 @@
         <img src="@/assets/img/home/gallerp-bottom-bg.jpg" alt="" />
       </div>
       <div class="content">
-        <div class="title">GAMEPLAY</div>
+        <div class="title">GAME FEATURE</div>
         <div class="boder">
           <img src="@/assets/img/home/gameplay-bottom-boder.png" alt="" />
         </div>
         <div class="sloagn">
-          CEBG is proud to work with so many DAOs and guilds to embrac
+          Undefinable pattern, incredible gaming experience and excited NFT in
+          CEBG!
         </div>
         <DameplaySwiperCard></DameplaySwiperCard>
       </div>
@@ -90,8 +91,15 @@
       </div>
     </div>
     <div>
-    <iframe :src="videoSrc" frameborder='0' allowfullscreen="true" scrolling="no" width="100%" height="100%"></iframe>
-  </div>
+      <iframe
+        :src="videoSrc"
+        frameborder="0"
+        allowfullscreen="true"
+        scrolling="no"
+        width="100%"
+        height="100%"
+      ></iframe>
+    </div>
     <VideoModal ref="videoModal" :video-src="videoSrc"> </VideoModal>
   </div>
 </template>
@@ -101,7 +109,7 @@ import { ref, computed, reactive, onMounted } from "vue";
 import DameplaySwiperCard from "./DameplaySwiperCard.vue";
 import { Swiper, SwiperSlide } from "swiper/vue";
 import VideoModal from "./VideoModal.vue";
-import GalleryBanner  from './GalleryBanner.vue'
+import GalleryBanner from "./GalleryBanner.vue";
 // 引入swiper样式（按需导入）
 import "swiper/css";
 import "swiper/css/pagination"; // 轮播图底面的小圆点
@@ -156,41 +164,38 @@ function handleScroll() {
     document.documentElement.scrollTop ||
     document.body.scrollTop;
   positionY1.value = Y1.value - scrollTop * ratio.value; //原始高度-滚动距离*视差系数
-  
 }
 const fullscreen = ref(false);
-function  toggleFullScreen() {
-      if (this.isFullScreen) {
-        // 退出全屏
-        document.exitFullscreen();
-        this.isFullScreen = false;
-      } else {
-        // 进入全屏
-        const de = document.documentElement;
-        if (de.requestFullscreen) {
-          de.requestFullscreen();
-        } else if (de.mozRequestFullScreen) {
-          de.mozRequestFullScreen();
-        } else if (de.webkitRequestFullScreen) {
-          de.webkitRequestFullScreen();
-        } else if (de.msRequestFullscreen) {
-          de.msRequestFullscreen();
-        }
-        this.isFullScreen = true;
-      }
+function toggleFullScreen() {
+  if (this.isFullScreen) {
+    // 退出全屏
+    document.exitFullscreen();
+    this.isFullScreen = false;
+  } else {
+    // 进入全屏
+    const de = document.documentElement;
+    if (de.requestFullscreen) {
+      de.requestFullscreen();
+    } else if (de.mozRequestFullScreen) {
+      de.mozRequestFullScreen();
+    } else if (de.webkitRequestFullScreen) {
+      de.webkitRequestFullScreen();
+    } else if (de.msRequestFullscreen) {
+      de.msRequestFullscreen();
     }
+    this.isFullScreen = true;
+  }
+}
 function openFullscreen() {
   const elem = document.documentElement;
 
   if (elem.requestFullscreen) {
     elem.requestFullscreen();
     fullscreen.value = true;
-  }
-  else if (elem.webkitRequestFullscreen) {
+  } else if (elem.webkitRequestFullscreen) {
     elem.webkitRequestFullscreen();
     fullscreen.value = true;
-  }
-  else {
+  } else {
     // fallback to showing the modal
     fullscreen.value = false;
     openModal();
@@ -202,7 +207,7 @@ const handleClick = (item) => {
     return;
   }
   videoSrc.value = item.videoSrc;
-  console.log(videoModal.value,'videoModal');
+  console.log(videoModal.value, "videoModal");
   videoModal.value.open();
 };
 </script>
@@ -230,7 +235,7 @@ const handleClick = (item) => {
   .gallerp-bottom-boder {
     position: absolute;
     bottom: 0;
-     width: 100%;
+    width: 100%;
     // height: 100%;
     img {
       width: 100%;
@@ -380,7 +385,7 @@ const handleClick = (item) => {
       width: 556px;
       margin: 0 auto;
       text-align: center;
-       margin-bottom: 113px;
+      margin-bottom: 113px;
       // height: 50px;
       .slogan-title {
         font-size: 22px;
@@ -390,11 +395,10 @@ const handleClick = (item) => {
         line-height: 32px;
       }
       .slogan-text {
-        font-size: 18px;
+        font-size: 16px;
         font-family: Arial;
-        font-weight: bold;
-        color: #fff;
-        line-height: 32px;
+        font-weight: 400;
+        color: #ffffff;
       }
     }
   }
@@ -534,7 +538,7 @@ const handleClick = (item) => {
       // height: 95px;
       margin: 0 auto;
       padding-top: 60px;
-      font-size: 108px;
+      font-size: 76px;
       font-family: "Big John";
 
       color: #e6f8ff;
diff --git a/src/components/home/TabBar.vue b/src/components/home/TabBar.vue
index 6560245..05a1c62 100644
--- a/src/components/home/TabBar.vue
+++ b/src/components/home/TabBar.vue
@@ -7,7 +7,9 @@
       :class="{ active: index === activeTab }"
       @click="handactiveTab(index)"
     >
-      <div><img :class="icon" :src="getTabIcon(index)" alt="Tab" /></div>
+      <div
+        :class="index === activeTab ? 'active-icon-' + tab.toLowerCase() : 'icon-' + tab.toLowerCase()"
+      ></div>
       <div class="text">{{ tab }}</div>
     </div>
   </div>
@@ -42,7 +44,7 @@ function handactiveTab(index) {
   border: none;
   flex-direction: column;
   background: none;
-  font-family: 'Big John';
+  font-family: "Big John";
   color: #000101;
   text-transform: uppercase;
   font-size: 16px;
@@ -51,11 +53,14 @@ function handactiveTab(index) {
   padding: 24px;
   margin-right: 40px;
   width: 96px;
-  height: 96px;
+  // height: 96px;
   img {
     width: 45px;
     height: 45px;
   }
+  &:hover{
+    color: #dc5c7f;
+  }
 }
 
 .tab .icon {
@@ -63,8 +68,56 @@ function handactiveTab(index) {
   // width: 120px;
   // height: 120px;
 }
-.icon::after{
-  content: '';
+.icon-hero {
+  width: 45px;
+  height: 45px;
+  background: url("@/assets/img/home/tabs/HERO-black-tab.png") no-repeat;
+  background-size: cover;
+  &:hover{
+    background: url("@/assets/img/home/tabs/HERO-red-tab.png") no-repeat;
+  background-size: cover;
+  }
+}
+.active-icon-hero {
+  width: 45px;
+  height: 45px;
+  background: url("@/assets/img/home/tabs/HERO-red-tab.png") no-repeat;
+  background-size: cover;
+}
+.icon-weapon {
+  width: 45px;
+  height: 45px;
+  background: url("@/assets/img/home/tabs/weapon-black-tab.png") no-repeat;
+  background-size: cover;
+  &:hover{
+    background: url("@/assets/img/home/tabs/weapon-red-tab.png") no-repeat;
+  background-size: cover;
+  }
+}
+.active-icon-weapon {
+  width: 45px;
+  height: 45px;
+  background: url("@/assets/img/home/tabs/weapon-red-tab.png") no-repeat;
+  background-size: cover;
+}
+.icon-chip {
+  width: 45px;
+  height: 45px;
+  background: url("@/assets/img/home/tabs/chip-black-tab.png") no-repeat;
+  background-size: cover;
+  &:hover{
+    background: url("@/assets/img/home/tabs/chip-red-tab.png") no-repeat;
+    background-size: cover;
+  }
+}
+.active-icon-chip {
+  width: 45px;
+  height: 45px;
+  background: url("@/assets/img/home/tabs/chip-red-tab.png") no-repeat;
+  background-size: cover;
+}
+.icon::after {
+  content: "";
   background: url(../../assets);
 }
 
@@ -98,8 +151,8 @@ function handactiveTab(index) {
   padding: 24px;
   margin-right: 40px;
   width: 96px;
-  height: 96px;
-  color: #DC5C7F;
+  // height: 96px;
+  color: #dc5c7f;
   img {
     width: 45px;
     height: 45px;
@@ -108,12 +161,12 @@ function handactiveTab(index) {
 .tab.active::before {
   content: "";
   position: absolute;
-  left: 0px;
-  top: -28px;
+  left: -1px;
+  top: 1px;
+  z-index: 0;
   background: url("../../assets/img/home/tabs/ring.png") no-repeat;
   background-size: contain;
   width: 96px;
   height: 96px;
-
 }
 </style>
diff --git a/src/components/home/WhatCebg.vue b/src/components/home/WhatCebg.vue
index d7db485..8ebe84e 100644
--- a/src/components/home/WhatCebg.vue
+++ b/src/components/home/WhatCebg.vue
@@ -71,12 +71,9 @@
                 <div class="slogan">
                   <span class="title">
                     Each battle contains 40 players by matching </span
-                  ><br />through
-                  the ELO value 2 types of PVP modes: <br />
-                  Matchmaking: no restrictions, players can earn a certain
-                  amount of Gold and in-game rewards <br />
-                  Qualifying: Matching by the monthly rank, and the top players
-                  to share the amount of CEBG token
+                  ><br />
+                 <span v-if="isPveTab">A player should expect to face the majority or entirety of their opponents in the form of computer-controlled opponents. </span>
+                 <span v-else>Stands for Player versus Player. It’s a game mode that revolves around layer-against-player combat - combat between actual human players. </span>
                 </div>
               </div>
             </div>
@@ -535,7 +532,12 @@ function handleScroll() {
           .pve-img {
             width: 710px;
             height: 400px;
+            &:hover{
+              transform: scale(1.098);
+            }
+            
           }
+          
         }
         .gameplay-right {
           width: 767px;
diff --git a/yarn.lock b/yarn.lock
index 618bf61..8005be0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -563,7 +563,7 @@
 
 "@metamask/safe-event-emitter@^2.0.0":
   version "2.0.0"
-  resolved "https://registry.npmmirror.com/@metamask/safe-event-emitter/-/safe-event-emitter-2.0.0.tgz"
+  resolved "https://registry.npmmirror.com/@metamask/safe-event-emitter/-/safe-event-emitter-2.0.0.tgz#af577b477c683fad17c619a78208cede06f9605c"
   integrity sha512-/kSXhY692qiV1MXu6EeOZvg5nECLclxNXcKCxJ3cXQgYuRymRHpdx/t7JXfsK+JLjwA1e1c1/SBrlQYpusC29Q==
 
 "@prerenderer/prerenderer@^0.7.2":