<template>
  <div class="bg-[#FFFBF7] px-15 pb-30">
    <div class="py-15">
      <div class="flex items-center space-x-10">
        <div class="w-3 h-17 bg-primary"></div>
        <span class="text-black-3 text-xl font-semibold">逍遥游旅游网</span>
      </div>
      <div class="text-sm text-black-6 mt-10 leading-[22px]">
        全球年轻一代更喜欢用的旅游网站，年轻旅行者共同打造的"旅行神器"，多个全球旅游目的地，多篇旅游日记供您参考。
      </div>
    </div>
    <van-divider />
    <div class="py-15">
      <div class="flex items-center space-x-10">
        <div class="w-3 h-17 bg-primary"></div>
        <span class="text-black-3 text-xl font-semibold">关于我们</span>
      </div>
      <div class="flex items-center text-sm text-black-6 mt-10 space-x-20">
        <div>隐私政策</div>
        <div>用户协议</div>
      </div>
    </div>
    <van-divider />
    <div class="py-15">
      <div class="flex items-center space-x-10">
        <div class="w-3 h-17 bg-primary"></div>
        <span class="text-black-3 text-xl font-semibold"
          >我们足迹踏过的地区</span
        >
      </div>
      <div class="flex flex-wrap space-x-20 mt-10">
        <div
          v-for="item in [
            '欧洲',
            '非洲',
            '亚洲',
            '澳洲',
            '中东',
            '南美洲',
            '美洲',
          ]"
          class="text-sm text-black-6"
        >
          {{ item }}
        </div>
      </div>
    </div>
    <van-divider />
    <div class="flex items-center py-15 justify-around text-black-6 text-sm">
      <div class="flex flex-col items-center">
        <img
          src="~/assets/img/home/contract_travel_qrcode.png"
          class="h-70 w-70 object-contain"
          alt=""
        />
        <span class="mt-5">旅游顾问(扫码添加)</span>
      </div>
      <div class="flex flex-col items-center">
        <img
          src="~/assets/img/home/contract_laowu_qrcode.png"
          class="h-70 w-70 object-contain"
          alt=""
        />
        <span class="mt-5">劳务顾问(扫码添加)</span>
      </div>
    </div>
    <div class="text-black-6 text-sm">
      <span>©2024 xiaoyaotravel.com All Rights Reserved</span>
      <NuxtLink to="https://beian.miit.gov.cn/" target="_blank"
        >鲁ICP备2024119076号-1</NuxtLink
      >
      <NuxtLink to="https://www.12377.cn/" target="_blank"
        >违法和不良信息举报</NuxtLink
      >
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped></style>
