diff --git a/src/assets/ghost-blog.css b/src/assets/ghost-blog.css
index f72e282..3d0e653 100644
--- a/src/assets/ghost-blog.css
+++ b/src/assets/ghost-blog.css
@@ -39,6 +39,11 @@ hr {
   background: #060606;
   color: white;
 } */
+
+.box.is-fullwidth h1.title.is-4{
+  color: #060606;
+}
+
 .footer {
   background: #060606;
   color: white;
@@ -111,3 +116,4 @@ hr {
   height: 380px;
 }
     ::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}
+
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 5408a88..0c3f544 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -32,12 +32,12 @@
                     <p class="post-excerpt">在區塊鏈世代中使用最方便的支付方式，透過具有公信力的 Soulbound Token
                       (SBT)進行信用認證、方便信用評分，直接透過區塊鏈銀行進行消費，QRcode掃完就走</p>
                     <br>
-                    <a href="#" class="button is-info">
+                    <RouterLink to="/signup" class="button is-info">
                       <p>馬上申辦</p>
                       <span class="icon">
                         <i class="fas fa-arrow-right"></i>
                       </span>
-                    </a>
+                    </RouterLink>
                   </div>
 
                 </div>
diff --git a/src/views/LinkSBTView.vue b/src/views/LinkSBTView.vue
index 6e45ab0..2be32fc 100644
--- a/src/views/LinkSBTView.vue
+++ b/src/views/LinkSBTView.vue
@@ -1,10 +1,96 @@
 <script>
-export default {
-  name: 'PageFooter'
-}
+import PageTitle from '../components/PageTitle.vue'
+// import detectEthereumProvider from '@metamask/detect-provider'
+import WarningModal from '../components/WarningModal.vue'
+import SuccessModal from '../components/SuccessModal.vue'
+// import { useClientStore } from '../stores/Client.js'
 
+export default {
+  components: { PageTitle, WarningModal, SuccessModal },
+}
 </script>
 
 <template>
-SBT
+  <section class="blog-posts">
+    <div class="container">
+      <div class="block">
+        <PageTitle title="Set up Soulbound Token(SBT)" subtitle="Mint SBT 紀錄個人信用並作為身份驗證憑證"></PageTitle>
+      </div>
+      <div class="block">
+        <div class="columns">
+          <div class="column is-6">
+            <div class="box is-fullwidth">
+              <div class="block">
+                <h1 class="title is-4">您已經擁有 SBT</h1>
+              </div>
+              <div class="block">
+                請輸入您的 SBT 相關資訊
+              </div>
+              <div class="block">
+                <div class="field">
+                  <label class="label">SBT address</label>
+                  <div class="control">
+                    <input class="input is-info is-rounded" type="text" value="0x92E72Cc93e465810814F60957e08a8C8D1762Eb6" disabled>
+                  </div>
+                </div>
+                <div class="field">
+                  <label class="label">Username</label>
+                  <div class="control has-icons-left has-icons-right">
+                    <input class="input is-info is-rounded" type="text" placeholder="Text input" value="bulma">
+                    <span class="icon is-small is-left">
+                      <i class="fas fa-user"></i>
+                    </span>
+                    <span class="icon is-small is-right">
+                      <i class="fas fa-check"></i>
+                    </span>
+                  </div>
+                  <!-- <p class="help is-success">This username is available</p> -->
+                </div>
+                <div class="column is-2 is-offset-5">
+                  <button class="button is-info is-outlined">驗證</button>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="column is-6">
+          <div class="box is-fullwidth">
+            <div class="block">
+              <h1 class="title is-4">您還沒有 SBT</h1>
+            </div>
+            <div class="block">
+              確認後會向下方 SBT 智能合約地址請求 Mint 一個 Soulbound Token 到你的地址
+
+            </div>
+            <div class="block">
+                <div class="field">
+                  <label class="label">SBT address</label>
+                  <div class="control">
+                    <input class="input is-info is-rounded" type="text" value="0x92E72Cc93e465810814F60957e08a8C8D1762Eb6" disabled>
+                  </div>
+                </div>
+                <div class="column is-2 is-offset-5">
+                  <button class="button is-info is-outlined">MINT</button>
+                </div>
+
+              </div>
+          </div>
+        </div>
+      </div>
+      </div>
+      <!-- <div class="block">
+            <div class="columns">
+
+              <div class="column is-2 is-offset-4">
+                <button @click="detect" class="button is-primary is-fullwidth is-medium is-outlined">Link to MetaMask</button>
+              </div>
+              <div class="column is-2">
+                <RouterLink to="/" class="button is-danger is-fullwidth is-medium is-outlined">Cancel</RouterLink>
+              </div>
+            </div>
+          </div> -->
+    </div>
+  </section>
+  <WarningModal :active="warningModalStatus" :errorMsg="msg" @closeModal="warningModalStatus = false"></WarningModal>
+  <SuccessModal :active="successModalStatus" :successMsg="msg" @closeModal="successModalStatus = false"
+    link="/signup/linksbt" btnName="繼續"></SuccessModal>
 </template>