add page4

src/components/main/ChipSection.vue

@@ -1,5 +1,11 @@
 <template>
-  <section id="chip_section" data-anchor="chip"></section>
+  <section id="chip_section" data-anchor="chip">
+    <div class="title">
+      <img src="@/assets/main/p4/txt_title.png">
+      <span class="text">how old are you</span>
+    </div>
+    <img class="main-img" src="@/assets/main/p4/main.png">
+  </section>
 </template>
 
 <script lang="ts">
@@ -17,6 +23,33 @@ export default class extends Vue {
 
 <style lang="scss" scoped>
 #chip_section {
-  background-image: url('~@/assets/main//p4/bg_p4.png');
+  background-image: url('~@/assets/main/p4/bg_p4.png');
+  position: relative;
+}
+.title {
+  position: absolute;
+  top: 58px;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.title img {
+  width: 562px;
+  height: auto;
+}
+.title .text{
+  color: white;
+  font-size: 28px;
+}
+.main-img{
+  width: 87vw;
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 60px;
+  margin-left: auto;
+  margin-right: auto;
 }
 </style>

src/components/market/TopMenu.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="top-header" style="">
     <div class="header-menu">
-      <a class="menu-item" href="/dashboard"
+      <a class="menu-item" href="/"
-      ><div class="item">Thetan Boxes</div></a
+      ><div class="item">Home</div></a
       ><a class="menu-item" href="/"
     ><div class="item active">
       Marketplace