<template>
  <div class="flex-colum-container bottom-container">
    <img class="company-logo" alt="freeleaps logo" src="@/assets/freeleaps.png" />
    <p class="bottom-text">© All rights reserved to Freeleaps LLC</p>
  </div>
</template>
<script>
export default {
  name: 'FooterGuest',
  components: {},
  computed: {},
  methods: {
    gotoContactUs() {
      this.mnx_navToContactUs()
    },
    gotoAboutFreeleaps() {
      this.mnx_navToAboutFreeleapsCompany()
    },
    gotoAboutMagicleaps() {
      this.mnx_navToAboutMagicleapsPlatform()
    }
  }
}
</script>

<style scoped lang="scss">
.bottom-container {
  height: 110px;
  align-items: center;
  justify-content: center;
  img {
    height: 20px;
    margin-bottom: 10px;
  }
}

.bottom-text {
  color: rgba(0, 0, 0, 0.5);
  @extend .fs-6;
}
</style>
