<template>
  <div class="intro-page page">
    <div class="w1200 content flex-column justify-center">
      <div class="big-logo mb60">
        <img src="/invest/resources/img/logo.png" alt="" />
      </div>
      <ul class="user-division flex">
        <li class="gd-6 pl0 cursor" @click="goToPage('company')">
          <div
            class="division-item content pink flex-column align-center justify-center"
            style="background-color: var(--sky-pink)"
          >
            <p class="text-ct">기업 전용</p>
            <img src="/invest/resources/img/sam.png" alt="" />
          </div>
        </li>
        <li class="gd-6 pr0 cursor" @click="goToPage('government')">
          <div
            class="division-item content green flex-column align-center justify-center"
            style="background-color: var(--sky-green)"
          >
            <p class="text-ct">공무원 전용</p>
            <img src="/invest/resources/img/hong.png" alt="" />
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    goToPage(pageType) {
      this.$store.commit("setUserType", pageType);
      this.$router.push({
        path: `/invest/${pageType}/main.page`,
        params: { menuType: pageType },
      });
    },
  },
  watch: {},
  computed: {},
  components: {},
  mounted() {},
};
</script>
