<template>
  <div class="initiate">
    <initiate-founder v-if="isFounder"></initiate-founder>
    <initiate-user v-else></initiate-user>
  </div>
</template>

<script lang="ts">

import Vue from "vue";

export default Vue.extend({
  name: "Initiate",
  data() {
    return {
      isFounder: false,
    };
  },
  components:{
    'initiate-founder':()=>import('./initiate_comp/founder_initiate.vue'),
    'initiate-user':()=>import('./initiate_comp/user_initiate.vue')
  }

});
</script>

<style scoped>
  .initiate {
    background-image: url('../assets/home/banner.png');
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: top;
    background-repeat: no-repeat;
  }
</style>
