<template>
  <div class="min-h-screen bg-black text-white font-sans flex flex-col">
    <slot />

    <footer class="mt-auto border-t border-white/10 py-8 px-6">
      <div class="max-w-4xl mx-auto flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-white/40 font-mono">
        <span>&copy; {{ new Date().getFullYear() }} Bennet Gallein IT Solutions</span>
        <nav class="flex gap-6">
          <NuxtLink to="/legal-notice" class="hover:text-white transition-colors duration-200">
            Legal Notice
          </NuxtLink>
          <NuxtLink to="/privacy-policy" class="hover:text-white transition-colors duration-200">
            Privacy Policy
          </NuxtLink>
        </nav>
      </div>
    </footer>
  </div>
</template>
