UnivateProperties/src/components/shared/footerSection.vue

<template>
  <div>
    <section
      id="contact"
      data-aos="fade-up"
      data-aos-anchor-placement="top-bottom"
      data-aos-delay="150"
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-3 section-header">
            <h2 align="left">Quick Links</h2>
            <p>
              <router-link class="footerText" to="/timeshare/buy">Buy Timeshare</router-link><br />
              <router-link class="footerText" to="/timeshare/sell">Sell your Timeshare</router-link
              ><br />
              <!-- <a href="commercial.php">Buy Commercial Property</a><br />
              <a href="commercial.php">Rent Commercial Property</a><br />
              <a href="residential.php">Buy Residential Property</a><br />
              <a href="residential.php">Rent Residential Property</a><br /> -->
              <router-link class="footerText" v-if="isLoggedIn" to="/properties"
                >Property Management</router-link
              ><br />
              <router-link class="footerText" to="/privacyPolicy">Privacy Policy</router-link><br />
              <router-link class="footerText" to="/websiteDisclaimer"
                >Website Disclaimer</router-link
              ><br />
            </p>
          </div>
          <div class="col-lg-9 section-header">
            <h2 align="left">Contact Us</h2>
            <div class="row">
              <div class="col-md-4">
                <p class="footerText">
                  105 Lombardy Business Park<br />
                  Cnr. Graham and Cole Rd.<br />
                  Shere, Pretoria, 0084<br /><br />
                  <a href="mailto:info@univateproperties.co.za">info@univateproperties.co.za</a
                  ><br />
                  <a href="tel:0124921238">+27 (0) 12 492 1238</a>
                </p>
                <br /><br />
                <p>
                  <a href="#body"
                    ><img src="../../../public/img/logos/UVProp.png" width="200px" alt="" title=""
                  /></a>
                </p>
              </div>
              <div class="col-md-8">
                <contactUsSection />
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- #contact -->
    <footer id="footer">
      <div class="container">
        <div class="row">
          <div class="copyright col-12">
            <strong>Our Partners</strong>
          </div>
        </div>
        <div class="row justify-content-center">
          <div class="col-lg-2 p-4">
            <a href="https://www.daelive.com/" target="_blank"
              ><img src="../../../public/img/logos/daeNew.png"
            /></a>
          </div>
          <div class="col-lg-2 p-4">
            <a href="https://www.rci.co.za/Home/Default.aspx?id=10001" target="_blank"
              ><img src="../../../public/img/logos/rciNew.png"
            /></a>
          </div>
          <div class="col-lg-2 p-4">
            <a href="https://www.gomelo.co.za/" target="_blank"
              ><img src="../../../public/img/logos/gomeloNew.png"
            /></a>
          </div>
          <div class="col-lg-2 p-4">
            <a href="https://voasa.co.za/" target="_blank"
              ><img src="../../../public/img/logos/voasaNew.png"
            /></a>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="copyright-footer">
              <p class="copyright color-text-a">
                &copy; Copyright
                <span class="color-a">
                  <b>Univate Properties</b>
                </span>
                All Rights Reserved.
              </p>
            </div>
            <div class="credits">
              Site created by
              <a href="http://www.provision-sa.co.za/">
                <img width="250px" src="img/logos/provision-logocropped.png" class="pv-Logo" />
              </a>
            </div>
          </div>
        </div>
      </div>
    </footer>
    <!-- #footer -->
    <a href="#" class="back-to-top">
      <i class="fa fa-chevron-up" style="padding-top:8px"></i>
    </a>
  </div>
</template>

<script>
/* eslint-disable */
import { mapState, mapActions } from "vuex";
import Log from "../../assets/Log";
import contactUsSection from "./contactUsSection";
import AOS from "aos";
import "aos/dist/aos.css";
export default {
  components: {
    contactUsSection
  },
  created() {
    AOS.init();
  },
  computed: {
    ...mapState("authentication", ["user", "flag", "status", "person", "token"]),
    isLoggedIn() {
      console.log(Log.isLoggedIn());
      return Log.isLoggedIn();
    },
    NAME() {
      return Log.getPerson().name;
    },
    // eslint-disable-next-line vue/return-in-computed-property
    Logout() {
      return this.logout();
    }
  }
};
</script>

<style lang="scss" scoped>
.contactHeader {
  font-family: "Muli";
  font-weight: 500;
  font-size: 24px;
}

.footerText {
  font-size: 16px;
  font-family: "Muli";
}
</style>