<script setup>
import { footerNav, footerContact, footerCopyright } from '../data/site'
import AppLogo from './AppLogo.vue'

const emit = defineEmits(['navigate'])
</script>

<template>
  <footer class="footer">
    <div class="container footer-inner">
      <div class="footer-brand">
        <a href="#" class="logo" @click.prevent="emit('navigate', 'home')">
          <AppLogo />
        </a>
        <p class="footer-company-name">爱丽恩严(大连)商务科技有限公司</p>
      </div>
      <div class="footer-nav">
        <h4>网站导航</h4>
        <div class="footer-nav-links">
          <a
            v-for="item in footerNav"
            :key="item.label"
            href="#"
            @click.prevent="emit('navigate', item.target)"
          >
            {{ item.label }}
          </a>
        </div>
      </div>
      <div class="footer-contact">
        <h4>联系我们</h4>
        <p v-for="item in footerContact" :key="item.label">
          {{ item.label }}：{{ item.value }}
        </p>
      </div>
    </div>
    <div class="footer-bottom">
      <div class="container">
        <p>{{ footerCopyright }}</p>
      </div>
    </div>
  </footer>
</template>
