ffi

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>CEBG</title>
+    <title>CEBG - Anime PUBG on fire!</title>
   </head>
   <script type="module">
      import {Buffer} from 'buffer';

src/components/about/AxisSlider.vue

@@ -36,8 +36,7 @@
       </div>
       <div class="card-item" v-else="currentStep == 3">
         <div class="text">
-          In charged of Legend, Legends of the World,The Romance of Legends,
+          In charge of Legend, Legends of the world, The Romance of Legends, etc
-          etc.
         </div>
       </div>
     </XyzTransition>
@@ -47,11 +46,12 @@
 <script setup>
 import { ref, watch } from "vue";
 
+
 const points = [
-  "Michael </br> Yue Founder",
+  "FOUNDER </br> MICHEAL YUE",
-  "yoda</br> gaming econonist",
+  "GAMING ECONOMIST</br> YODA",
-  "SUPER</br> GPRODCER",
+  "PRODUCER</br> SUPER G",
-  "XIN </br> CTO",
+  "CTO </br> XIN",
 ];
 const currentStep = ref(0);
 

src/components/about/IntroductionBanner.vue

@@ -9,15 +9,15 @@
         <div class="slogan">
           <div class="cebg-stands">
             <ScrollAnimatedText textColor="#FFF6DE"
-              >CEBG stands for Crypto Elite's: BATTLEGROUNDS,the first
+              >CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
-              blockchain-based game consisting of Moba,and Battleroyal. It's
+              blockchain-based game consisting of Moba, and Battle royal. It's
               funded by more than 7 institutional investors.</ScrollAnimatedText
             >
           </div>
           <div class="cebg-batlegrounds">
             <ScrollAnimatedText textColor="#FFF6DE">
-              CEBG stands for Crypto Elite's: BATLEGROUNDS,the first
+              CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
-              blockchain-based game consisting of Moba,and Battleroyal. It's
+              blockchain-based game consisting of Moba, and Battle royal. It's
               funded by more than 7 institutional investors.</ScrollAnimatedText
             >
           </div>

src/components/about/Roadmap.vue

@@ -40,7 +40,7 @@
       <div class="history-card">
         <div class="card-item">
           <div class="item">
-            <div class="text">PVE Model</div>
+            <div class="text">PVE Mode</div>
             <div class="text">2D TPS Version Dev</div>
           </div>
         </div>
@@ -65,14 +65,14 @@
         <div class="card-item">
           <div class="item">
             <div class="text">Completing 3D <br>Upgrade</div>
-            <div class="text">10K+ Participation<br> in Test II</div>
+            <div class="text">10K+ Participations<br> in Test II</div>
             <div class="text">NFT New Collection<br> Mint</div>
             <div class="text">In-Game Marketplace</div>
           </div>
         </div>
         <div class="card-item">
           <div class="item">
-            <div class="text">Million Player in 3 <br>month</div>
+            <div class="text">Millions of players in 3 <br>months</div>
             <div class="text">Off-line E-sport Event</div>
             <div class="text">KOL<br> Engine completed</div>
             <div class="text">City Warfare testing</div>
@@ -80,7 +80,7 @@
         </div>
         <div class="card-item">
           <div class="item">
-            <div class="text">Million Player</div>
+            <div class="text">Millions of players</div>
             <div class="text">Off-line E-sport Event</div>
             <div class="text">KOL Engine <br>completed</div>
             <div class="text">City Warfare testing</div>

src/components/about/VisionMission.vue

@@ -24,15 +24,15 @@
             <div class="cebg-stands">
               <ScrollAnimatedText text-color="#5D5D5D">
                 Our goal is to produce a game that is very enjoyable to play and
-                has excellent economy design that allows players to feel the joy
+                has an excellent economic design that allows players to feel the
-                of playing while being able to earntokens.
+                joy of playing while being able to earn tokens.
               </ScrollAnimatedText>
             </div>
             <div class="cebg-batlegrounds">
               <ScrollAnimatedText text-color="#5D5D5D">
                 At the same time, a community co-creation and sharing mechanism
-                is used to disrupt the existing content and value sharing model
+                is used to disrupt the existing content and value-sharing model
-                so that creativity and value can flourish in the community.
+                so that creativity and value can flourish in the community
               </ScrollAnimatedText>
             </div>
           </div>
@@ -100,7 +100,7 @@ const cardText = [
     name: "Xin",
     title: "CTO",
     slogan:
-      "In charged of Legend, Legends of the World,The Romance of Legends, etc.",
+      "In Charge of Legend, Legends of the World,The Romance of Legends, etc.",
   },
 ];
 onMounted(() => {

src/components/home/Banner.vue

@@ -13,7 +13,7 @@
             /></a>
           </div>  
           <div class="download-item-google">
-            <a href="https://play.google.com/store/apps/details?id=io.metamask">
+            <a href="https://play.google.com/store/apps/details?id=com.cege.games.release">
               <img src="@/assets/img/home/google.png" alt=""
             /></a>
           </div>
@@ -28,7 +28,7 @@
         <div class="poster poster-there"></div>
       </div>
       <div class="banner-bg">
-        <img src="@/assets/img/home/banner-out.png" alt="" />
+        <img src="@/assets/img/home/banner-out.jpg" alt="" />
       </div>
       <div class="boder-bottom">
         <img src="@/assets/img/home/banner-boder.png" alt="" />

src/components/home/HeroSwiper.vue

@@ -316,6 +316,7 @@ function test(index, sc) {
       height: 82px;
       margin-left: 20px;
       font-size: 16px;
+      text-align: center;
       font-family: 'Poppins';
       font-weight: bold;
       color: #ffffff;

src/components/layout/FooterBar.vue

@@ -42,7 +42,7 @@
             <a href="https://t.me/CEBG_official" class="telegram">
               <!-- <img src="../../assets/img/home/logo/telegram.png" alt="" /> -->
             </a>
-            <a href="https://discord.gg/8dWX6jpcME" class="dosccord">
+            <a href="https://discord.com/invite/fNSn2NHUvf" class="dosccord">
               <!-- <img src="../../assets/img/home/logo/discord.png" alt="" /> -->
             </a>
           </div>
@@ -66,7 +66,7 @@
         </div>
         <div class="footer-bottom">
           <div class="mailbox">
-            COPYRIGHT © 上海淘梦网络科技有限公司.ALL RIGHTS RESERVED.
+            COPYRIGHT © Candy Bubble Global Limited.ALL RIGHTS RESERVED.
           </div>
         </div>
       </div>

src/components/layout/NavBar.vue

@@ -20,7 +20,7 @@
               <li v-for="(item, index) in nav.submenu" :key="index">
                 <div  class="link-content" v-if="i !== 2">
                   <div>
-                    <a class="link-name" :href="item.link">{{ item.label }}</a>
+                    <a class="link-name" :href="item.link" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
                   </div>
                   <div>
                     <img
@@ -139,6 +139,7 @@ const navList = reactive([
       },
       { label: "Medium", link: "https://medium.com/@CEBG-BATTLEGROUNDS" },
       { label: "Telegram", link: "https://t.me/CEBG_Rally" },
+      { label: "Discord", link: "https://discord.com/invite/fNSn2NHUvf" },
     ],
   },
   { id: 4, name: "BETA TEST", path: "/" },

src/components/layout/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <NavBar v-if="currentRoute.path !== '/'" currentRoute></NavBar>
+    <NavBar v-if="currentRoute.path !== '/'" ></NavBar>
     <Transition class="fade">
       <router-view v-slot="{ Component }">
         <transition name="fade">

src/views/GamePromotionEvent.vue

@@ -1,16 +1,16 @@
 <template>
   <div class="banner">
-    <div class="title">
+    <!-- <div class="title">
       <div class="title-top">CEBG Beta Level-up Event</div>
       <div class="limited">LIMITED-TIME</div>
       <div class="time">
         Duration : April 8 <span class="text">th</span> 6:00:00 - May 8
         <span class="text">th</span> 15:59:59 <span class="text">( UTC )</span>
       </div>
-    </div>
+    </div> -->
     <div class="login-btn" @click="handlHome">OFFICIAL SITE</div>
     <div class="banner-bg">
-      <img src="../assets/img/game/banner.png" alt="" />
+      <img src="../assets/img/game/banner.jpg" alt="" />
     </div>
     <div class="banner-bottom-boder"><img src="../assets/img/game/banner-bottom-boder.png" alt=""></div>
   </div>
@@ -21,19 +21,19 @@
         <img src="../assets/img/game/rules.png" alt="" />
       </div>
       <div class="rules-slogan">
-        Before the end of the beta test, which is May 8th 15:59:59 (UTC), if
+        Before the end of the beta test ll, which is May 8th 15:59:59 (UTC), if
-        your in-game character reaches the corresponding level,<br />
+        you reaches the corresponding level,<br />
         you can receive the following exquisite gifts:
       </div>
       <div class="upon-text">
         <div>
-          1. Upon reaching <span class="text-item">leve 9</span> , you can obtain
+          1. &nbsp;Upon reaching <span class="text-item">level 9</span> , you can obtain
           a rare and exquisite limited-edition skin.
         </div>
 
         <div>
-          2. Upon reaching <span class="text-item"> leve 12</span> , you can get
+          2. Upon reaching <span class="text-item"> level 15</span> , you can get
-          a explorer badge(NFT). It is free mint.
+          a Explorer badge(NFT). It is free mint.
         </div>
       </div>
       <div class="notes">
@@ -44,7 +44,7 @@
           <br />
           The edition skin can be equipped on the hero and is also seen as NFT.
           After our marketplace is launched, it can be traded on the market.
-          <br />The specific distribution method and time for the explorer
+          <br />The specific distribution method and time for the Explorer
           badge(NFT) will be notified separately. Please keep looking forward to
           the latest news.
           <br />
@@ -94,7 +94,7 @@
           </div>
           <div class="faq-item">
             <div class="q-text">
-              Q: What conditions are required to own this explorer badge(NFT)?
+              Q: What conditions are required to own this Explorer badge(NFT)?
             </div>
             <div class="a-text">
               A: You need to participate in the beta test and your character
@@ -115,7 +115,7 @@
               Q: How will the rewards be sent to my account?
             </div>
             <div class="a-text">
-              A: In order to receive the skin and explorer badge(NFT), you need
+              A: In order to receive the skin and Explorer badge(NFT), you need
               to ensure that the email and wallet accounts registered in the
               officially launched game <br />
               must be the same as the ones registered during the beta test.
@@ -133,7 +133,7 @@
               A: You need to log in to the game and register your character
               within two weeks after the official release of the game to receive
               the skin reward. <br />
-              The time for obtaining the explorer badge(NFT) will be notified
+              The time for obtaining the Explorer badge(NFT) will be notified
               separately, please keep looking forward to the latest news.
             </div>
           </div>
@@ -272,22 +272,22 @@ const handlHome = () => {
       color: #dedede;
       line-height: 24px;
       .text-item {
-        font-size: 12px;
+        font-size: 14px;
         // font-family: "Big John";
-        font-weight: 400;
+        font-weight: 800;
         color: #ffe100;
       }
     }
     .notes {
       padding-top: 67px;
       .notes-title {
-        font-size: 14px;
+        font-size: 16px;
         font-family: "Poppins";
         font-weight: 500;
         color: #cacaca;
       }
       .notes-slogan {
-        font-size: 12px;
+        font-size: 14px;
         font-family: "Poppins";
         font-weight: 400;
         color: #cacaca;