fashion-ssr-vue3/components/common/footer/guide.vue

<!-- @format -->

<script lang="ts" setup></script>

<template>
  <div>
    <div class="w-1400px mx-auto pb-40px flex justify-between">
      <div class="w-50%">
        <img
          src="~/assets/images/ejet_logo.png"
          class="w-200px h-31px"
          alt=""
          srcset=""
        >
        <div class="mt-40px mb-40px text-#000 lh-24px w-380px">
          To bridge international retailers with premium Chinese manufacturing
          brands
        </div>
        <div class="flex gap-20px justify-start">
          <a href="https://www.youtube.com/@EJETSelection" target="_blank">
            <img
              src="~/assets/images/footer_guide_youtube.png"
              alt=""
              class="w-28px h-28px"
              srcset=""
            ></a>
          <a href="https://www.facebook.com/profile.php?id=61573209305275" target="_blank">
            <img
              src="~/assets/images/footer_guide_facebook.png"
              alt=""
              class="w-28px h-28px"
              srcset=""
            ></a>
          <a href="https://www.instagram.com/ejetselection.official/" target="_blank">
            <img
              src="~/assets/images/footer_guide_ins.png"
              alt=""
              class="w-28px h-28px"
              srcset=""
            ></a>
          <a href="https://www.linkedin.com/company/ejet-selection" target="_blank">
            <img
              src="~/assets/images/footer_guide_linkedin.png"
              alt=""
              class="w-28px h-28px"
              srcset=""
            ></a>
          <a href="https://www.pinterest.com/ejetselection/" target="_blank">
            <img
              src="~/assets/images/footer_guide_pinterest.png"
              class="w-28px h-28px"
              alt=""
              srcset=""
            ></a>
          <a href="https://api.whatsapp.com/send/?phone=8619005896286" target="_blank">
            <img
              src="~/assets/images/footer_guide_whatsApp.png"
              class="w-28px h-28px"
              alt=""
              srcset=""
            ></a>
        </div>
      </div>
      <div class="w-50% flex">
        <div class="w-33% text-#666666">
          <h4 class="!mb-40px fw-500 text-22px text-#333333 footer-font">
            Discover
          </h4>
          <div class="mb-30px">
            <NuxtLink to="/about" class="hover:text-#CC9879">
              About Us
            </NuxtLink>
          </div>
          <div class="mb-30px">
            <NuxtLink to="/blog" class="hover:text-#CC9879">
              Blog
            </NuxtLink>
          </div>
          <div class="mb-30px">
            <NuxtLink to="/contact" class="hover:text-#CC9879">
              Sourcing
            </NuxtLink>
          </div>
          <div>
            <NuxtLink to="https://www.ejet-group.com/service/ejet-selection" class="hover:text-#CC9879">
              Sell on EJET
            </NuxtLink>
          </div>
        </div>
        <div class="w-33% text-#666666">
          <h4 class="!mb-40px fw-500 text-22px text-#333333 footer-font">
            Support
          </h4>
          <div class="mb-30px">
            <NuxtLink to="/contact" class="hover:text-#CC9879">
              Contact Us
            </NuxtLink>
          </div>
          <!-- <div class="mb-30px">
            <NuxtLink to="/" class="hover:text-#CC9879">
              FAQs
            </NuxtLink>
          </div> -->
          <!-- <div class="mb-30px">
            <NuxtLink to="/service" class=" hover:text-#CC9879">
              Terms of Service
            </NuxtLink>
          </div>
          <div class="mb-30px">
            <NuxtLink to="/policy" class=" hover:text-#CC9879 mb-30px">
              Privacy Service
            </NuxtLink>
          </div>
          <div>
            <NuxtLink to="/" class=" hover:text-#CC9879">
              Refund Policy
            </NuxtLink>
          </div> -->
        </div>
        <div class="w-33% text-#666666">
          <h4 class="!mb-40px fw-500 text-22px text-#333333 footer-font">
            Contacts
          </h4>
          <div class="mb-30px">
            7th Floor, Tianbo International Building,<br> 55 Jiangdong Middle Road,<br> Yiwu, Zhejiang, China
          </div>
          <div class="mb-30px">
            selection@ejet.com
          </div>
          <div>+86 150 8821 0909</div>
        </div>
      </div>
    </div>
    <div class="w-1400px mx-auto bg-#D8D8D8 h-1px" />
    <div class="w-100%">
      <div
        class="w-1400px mx-auto flex items-center pos-relative gap-42px py-40px text-#666666"
      >
        <div>
          Copyright © EJET Sourcing Ltd. All Rights Reserved. &nbsp;&nbsp;&nbsp;
          <a
            href="https://beian.miit.gov.cn/#/Integrated/index"
            target="_blank"
            class="hover:text-#CC9879"
          >
            ICP备案：浙ICP备2021012316号-3
          </a>
        </div>
        <a href="/service"><div>Terms of Service</div></a>
        <a href="/policy"><div>Privacy Policy</div></a>
        <!-- <div>
          Refund Policy
        </div> -->
        <img
          src="~/assets/images/footer_guide_img.png"
          class="pos-absolute right-0 bottom-0 w-200px h-68px"
          alt=""
          srcset=""
        >
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
.custom-svg.nuxt-icon--fill {
  fill: unset !important;
}
</style>