<template>
    <footer class="bg-[#f9f3eb] border-t border-gray-200 py-4 px-6 flex flex-col md:flex-row items-center justify-between">
      <!-- Left: Logo -->
      <div class="flex items-center gap-2">
        <img :src="logo" alt="Logo" class="h-10">
      </div>

      <!-- Center: Copyright -->
      <div class="text-sm text-[#0f1d4a] font-medium text-center">
        Abbauf Tech © 2025 Semua hak dilindungi
      </div>

      <!-- Right: Social Icons -->
      <div class="flex items-center gap-4 text-[#0f1d4a] mt-2 md:mt-0">
        <a href="#" class="hover:text-sky-600"><i class="fab fa-facebook"></i></a>
        <a href="#" class="hover:text-sky-600"><i class="fab fa-twitter"></i></a>
        <a href="#" class="hover:text-sky-600"><i class="fab fa-instagram"></i></a>
        <a href="#" class="hover:text-sky-600"><i class="fab fa-youtube"></i></a>
        <a href="#" class="hover:text-sky-600"><i class="fab fa-vk"></i></a>
      </div>
    </footer>
  </template>

  <script setup>
  import logo from '@/../images/logo.png'
  </script>

  <style>
  /* Pakai Font Awesome untuk ikon */
  @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
  </style>
