<template>
  <footer class="border-t border-slate-200 bg-slate-950 text-white">
    <div class="container-page py-10">
      <div class="grid gap-8 md:grid-cols-3">
        <div>
          <h2 class="text-xl font-extrabold">SecondTech Market</h2>
          <p class="mt-3 text-sm leading-6 text-slate-300">Marketplace barang bekas teknologi untuk laptop, PC, monitor, keyboard, perangkat jaringan, dan server.</p>
        </div>
        <div>
          <h3 class="font-bold">Navigasi</h3>
          <div class="mt-3 grid gap-2 text-sm text-slate-300">
            <RouterLink to="/marketplace">Marketplace</RouterLink>
            <RouterLink to="/jual">Jual Barang</RouterLink>
            <RouterLink to="/dashboard">Dashboard</RouterLink>
          </div>
        </div>
        <div>
          <h3 class="font-bold">Catatan Project</h3>
          <p class="mt-3 text-sm leading-6 text-slate-300">
            Project ini di buat unutk komunitas jual beli barang bekas teknologi, dengan fokus pada perangkat jaringan dan server. Dibuat menggunakan Vue.js, Tailwind CSS, dan Firebase untuk autentikasi dan database. Fitur utama meliputi
            listing produk, dashboard pengguna, dan admin
          </p>
        </div>
      </div>
      <p class="mt-10 text-center text-xs text-slate-400">© 2026 SecondTech Market. Dibuat untuk project web.</p>
    </div>
  </footer>
</template>
