<template>
  <footer class="fixed bottom-0 left-0 right-0 z-40 bg-gray-900 border-t border-gray-800 shadow-2xl">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3">
      <div class="flex flex-col sm:flex-row justify-between items-center space-y-2 sm:space-y-0">
        <p class="text-sm text-gray-400">
          © {{ currentYear }} Harheimer TC
        </p>
        <div class="flex items-center space-x-6 text-sm">
          <NuxtLink to="/impressum" class="text-gray-400 hover:text-primary-400 transition-colors">
            Impressum
          </NuxtLink>
          <NuxtLink to="/kontakt" class="text-gray-400 hover:text-primary-400 transition-colors">
            Kontakt
          </NuxtLink>
        </div>
      </div>
    </div>
  </footer>
</template>

<script setup>
const currentYear = new Date().getFullYear()
</script>
