<template>
  <div class="body">
    <Navbar/>
    <div class="container">
      <div class="row">
        <div class="col d-flex justify-content-center">
          <router-link to="/rules"><b-button variant="primary">Découvrir le mahjong</b-button></router-link>
        </div>
        <div class="col d-flex justify-content-center">
          <router-link to="/gameChoice"><b-button variant="primary">Commercer à jouer</b-button></router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import Navbar from '@/components/Navbar'

  export default {
    name: 'Home',
    components: {
      Navbar
    }
  }
</script>