<template>
    <footer class="bg-B 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-D font-medium text-center">
        Abbauf Tech © 2025
      </div>

      <!-- Right: Social Icons -->
      <div class="flex items-center gap-4 text-D mt-2 md:mt-0">
        <a target="_blank" href="https://www.instagram.com/tokomas_jakartacitayam" class="hover:text-sky-600"><i class="fab fa-instagram"></i></a>
        <a target="_blank" href="https://www.tiktok.com/@tokomas_jakartacitayam?_t=ZS-90mJTMGuStG&_r=1" class="hover:text-sky-600"><i class="fab fa-tiktok"></i></a>
      </div>
    </footer>
  </template>

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