<template>
  <footer class="border-t border-surface-border bg-white">
    <div class="section-container py-10">
      <div class="flex flex-col md:flex-row items-center justify-between gap-6 text-sm text-ink-muted">
        <!-- Left -->
        <div class="flex items-center gap-2">
          <span class="inline-flex items-center justify-center w-6 h-6 rounded-md bg-eu-blue text-white font-heading font-bold text-[10px]">V</span>
          <span class="font-heading font-semibold text-ink">
            vat-api<span class="text-eu-blue">.eu</span>
          </span>
          <span class="hidden sm:inline text-ink-faint">&mdash; Free EU VAT Rate API</span>
        </div>

        <!-- Center -->
        <p class="text-ink-faint text-xs">
          A project by <a href="https://bennetgallein.de" class="text-ink-muted hover:text-eu-blue transition-colors">Bennet Gallein IT Solutions</a>
        </p>

        <!-- Right -->
        <div class="flex items-center gap-5">
          <a href="https://bennetgallein.de/legal/imprint" class="hover:text-eu-blue transition-colors">Imprint</a>
          <a href="https://bennetgallein.de/legal/privacy-policy" class="hover:text-eu-blue transition-colors">Privacy</a>
        </div>
      </div>
    </div>
  </footer>
</template>
