copay-crown/src/pages/onboarding/tour/tour.html

A Secure Crown Wallet

<ion-header no-border>

  <ion-navbar>
    <ion-buttons end>
      <button ion-button color="primary" (click)="createDefaultWallet()" *ngIf="currentIndex == 0" translate>
        Skip
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>

<ion-content no-bounce>
  <ion-slides pager="true" (ionSlideDidChange)="slideChanged()">
    <ion-slide>
      <h1 translate>Bitcoin is secure,
        <br/>digital money.</h1>
      <p translate>You can spend bitcoin at millions of websites and stores worldwide.</p>
      <img src='assets/img/app/onboarding/tour-phone.svg' />
      <div class="bottom-absolute">
        <p translate>Just scan the code to pay.</p>
        <button ion-button block (click)="slideNext()" translate>Got it</button>
      </div>
    </ion-slide>

    <ion-slide>
      <h1 translate>Bitcoin is a currency.</h1>
      <p translate>You can trade it for other currencies like US Dollars, Euros, or Pounds.</p>
      <div class="ticker-container">
        <div class="ticker">1 BTC = {{localCurrencySymbol}}{{localCurrencyPerBtc}}</div>
      </div>
      <img src='assets/img/app/onboarding/tour-currency.svg' />
      <div class="bottom-absolute">
        <p translate>The exchange rate changes with the market.</p>
        <button ion-button block (click)="slideNext()" translate>
          Makes sense
        </button>
      </div>
    </ion-slide>

    <ion-slide>
      <h1 translate>You control your bitcoin.</h1>
      <p translate>This app stores your bitcoin with cutting-edge security.</p>
      <img src='assets/img/app/onboarding/tour-control.svg' />
      <div class="bottom-absolute">
        <p translate>Not even BitPay can access it.</p>
        <button ion-button block (click)="createDefaultWallet()" translate>
          Create bitcoin wallet
        </button>
      </div>
    </ion-slide>
  </ion-slides>
</ion-content>