<script>
</script>

<template>
  <section class="hero is-large">
    <div class="hero-body">
      <div class="container has-text-centered">
        <div class="block">
          <img src="@/assets//NCNU_Bank.png" width="400" height="85">
        </div>
        <div class="block">
          <h2 class="subtitle">
            在區塊鏈金融世界中暢遊無阻！ </h2>
        </div>
      </div>
    </div>
  </section>
  <section class="blog-posts">
    <div class="container">
      <div class="columns">
        <div class="column is-10 is-offset-1">
          <div class="columns featured-post is-multiline">
            <div class="column is-12 post">
              <article class="columns featured">
                <div class="column is-7 post-img ">
                  <img src="@/assets/Screenshot_20230607_013528.png" alt="">
                </div>
                <div class="column is-5 featured-content va">
                  <div>
                    <h3 class="heading post-category">方便的支付方式</h3>
                    <h1 class="title post-title">Crypto Credit Card</h1>
                    <p class="post-excerpt">在區塊鏈世代中使用最方便的支付方式，透過具有公信力的 Soulbound Token
                      (SBT)進行信用認證、方便信用評分，直接透過區塊鏈銀行進行消費，QRcode掃完就走</p>
                    <br>
                    <RouterLink to="/signup" class="button is-info">
                      <p>馬上申辦</p>
                      <span class="icon">
                        <i class="fas fa-arrow-right"></i>
                      </span>
                    </RouterLink>
                  </div>

                </div>
              </article>
            </div>
          </div>
          <hr>
          <div class="columns is-multiline">
            <div class="column post is-6">
              <article class="columns is-multiline">
                <div class="column is-12 post-img">
                  <img src="@/assets/SoulBound-Token-SBT.jpeg" alt="Featured Image">
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">Soulbound Token</h3>
                  <h1 class="title post-title">透過 SBT 進行信用紀錄</h1>
                  <div class="block">
                    <p class="post-excerpt">Soulbound Token(SBT) 是使用區塊鏈技術來代表個人身份的不可轉讓代幣，我們與其他銀行共同承認並使用 SBT
                      紀錄用戶的所有信用紀錄，透明化所有信用評分機制。</p>
                  </div>
                  <div class="block">
                    <span class="icon-text">
                      <span class="icon">
                        <i class="fas fa-arrow-right"></i>
                      </span>
                      <span class="post-excerpt">只要擁有 SBT 就能馬上註冊線上信用支付。</span>
                    </span>

                  </div>
                  <a href="#" class="button is-info is-outlined">Mint 自己的 SBT</a>
                </div>
              </article>
            </div>
            <div class="column post is-6">
              <article class="columns is-multiline">
                <div class="column is-12 post-img">
                  <img src="https://cdn.emk.dev/templates/post-img.png" alt="Featured Image">
                </div>
                <div class="column is-12 featured-content ">
                  <h3 class="heading post-category">Simplest Payment</h3>
                  <h1 class="title post-title">一支手機就取代收銀機、刷卡機</h1>
                  <p class="post-excerpt">店家註冊後可以直接產生 QRcode 進行收款、交易紀錄、店內貨物數量管理，更可以自動化產出智能合約讓客戶進行集點活動。</p>
                  <br>
                  <a href="#" class="button is-info is-outlined">成為合作店家</a>
                </div>
              </article>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>
