<template>
  <footer id="footer" class="border-t border-gray-200 dark:border-gray-800 px-6 py-12 md:px-12">
    <div class="max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-3">
      <div class="flex items-center gap-3">
        <img src="/images/logo.png" alt="uVPN logo" class="size-8" />
        <span class="text-lg font-bold">uVPN</span>
      </div>
      <div class="flex gap-6 text-gray-500 dark:text-gray-400 text-sm">
        <router-link to="/docs/policy" class="hover:text-gray-900 dark:hover:text-white text-gray-500 dark:text-gray-400 transition hover:cursor-pointer">Политика конфиденциальности</router-link>
        <router-link to="/docs/agreement" class="hover:text-gray-900 dark:hover:text-white text-gray-500 dark:text-gray-400 hover:cursor-pointer">Условия использования</router-link>
        <a href="mailto:support@uvpn.shop" target="_blank" class="hover:text-gray-900 dark:hover:text-white text-gray-500 dark:text-gray-400 transition">Поддержка</a>
      </div>
      <p class="text-gray-500 dark:text-gray-400 text-sm">
        © 2026 uVPN. Все права защищены.
      </p>
    </div>
  </footer>
</template>