diff --git a/src/assets/img/home/viod-boder.png b/src/assets/img/home/viod-boder.png
index bbbe3ff..a59a9f1 100644
Binary files a/src/assets/img/home/viod-boder.png and b/src/assets/img/home/viod-boder.png differ
diff --git a/src/assets/style/font/MEUROSTILE.TTF b/src/assets/text/MEUROSTILE.TTF
similarity index 100%
rename from src/assets/style/font/MEUROSTILE.TTF
rename to src/assets/text/MEUROSTILE.TTF
diff --git a/src/assets/style/font/arial.ttf b/src/assets/text/arial.ttf
similarity index 100%
rename from src/assets/style/font/arial.ttf
rename to src/assets/text/arial.ttf
diff --git a/src/assets/style/font/arialbd.ttf b/src/assets/text/arialbd.ttf
similarity index 100%
rename from src/assets/style/font/arialbd.ttf
rename to src/assets/text/arialbd.ttf
diff --git a/src/assets/style/font/ariblk.ttf b/src/assets/text/ariblk.ttf
similarity index 100%
rename from src/assets/style/font/ariblk.ttf
rename to src/assets/text/ariblk.ttf
diff --git a/src/assets/style/font/big-john-woff2-2.ttf b/src/assets/text/big-john-woff2-2.ttf
similarity index 100%
rename from src/assets/style/font/big-john-woff2-2.ttf
rename to src/assets/text/big-john-woff2-2.ttf
diff --git a/src/assets/text/text.css b/src/assets/text/text.css
new file mode 100644
index 0000000..e93fc48
--- /dev/null
+++ b/src/assets/text/text.css
@@ -0,0 +1,12 @@
+@font-face {
+    font-family: "Big John";
+    src: url('./big-john-woff2-2.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: "Arial";
+    src: url('./arial.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
diff --git a/src/components/home/NavBar.vue b/src/components/home/NavBar.vue
index 739fb2a..a6718bc 100644
--- a/src/components/home/NavBar.vue
+++ b/src/components/home/NavBar.vue
@@ -54,7 +54,7 @@ const navList = reactive([
   { name: "ABOUT", path: "/about" },
   { name: "GALLERY", path: "/gellery" },
   { name: "MARKETPLACE", path: "/marketpalce" },
-  { name: "CONTACT US", path: "/contact" },
+  { name: "COMMUNITY", path: "/contact" },
 ]);
 
 function handNavCurent(i) {
diff --git a/src/components/home/TabBar.vue b/src/components/home/TabBar.vue
index 5c2340f..9fedc44 100644
--- a/src/components/home/TabBar.vue
+++ b/src/components/home/TabBar.vue
@@ -98,7 +98,7 @@ function handactiveTab(index) {
   margin-right: 40px;
   width: 96px;
   height: 96px;
-
+  color: #DC5C7F;
   img {
     width: 45px;
     height: 45px;
@@ -113,5 +113,6 @@ function handactiveTab(index) {
   background-size: contain;
   width: 96px;
   height: 96px;
+
 }
 </style>
diff --git a/src/components/home/WhatCebg.vue b/src/components/home/WhatCebg.vue
index 228e464..d7db485 100644
--- a/src/components/home/WhatCebg.vue
+++ b/src/components/home/WhatCebg.vue
@@ -157,7 +157,7 @@ function handleScroll() {
     font-size: 180px;
     font-family: "Big John";
     font-weight: 400;
-    color: #16252d;
+    color:  #1D3D45;;
     opacity: 0.5;
     position: absolute;
     text-transform: uppercase;
@@ -176,8 +176,8 @@ function handleScroll() {
     left: 0;
     z-index: 1;
     font-size: 180px;
-    font-family: "BigJohn";
-    color: #3e7ea6;
+    font-family: "Big John";
+    color: #327AA7;
     line-height: 30px;
     opacity: 0.4;
     -webkit-user-select: none;
@@ -214,7 +214,8 @@ function handleScroll() {
         margin: 0 auto;
         padding-bottom: 202px;
         .title {
-          width: 100%;
+          width: 668px;
+          margin: 0 auto;
           font-size: 90px;
           font-family: "JCuYuan";
           font-style: italic;
diff --git a/src/main.js b/src/main.js
index 1e2aa5a..09b8e2b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 // import './style.css'
 import './style/rest.css';
 import 'normalize.css';
+import "@/assets/text/text.css";
 import Antd from 'ant-design-vue';
 import 'ant-design-vue/dist/antd.css';
 import { createPinia } from "pinia";