fix

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;
+}

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) {

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>

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";
+    font-family: "Big John";
-    color: #3e7ea6;
+    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;

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";