<script lang="ts">
  const currentYear = new Date().getFullYear();
</script>

<footer class="bg-primary text-white py-12">
  <div class="container mx-auto px-4">
    <div class="grid md:grid-cols-4 gap-8">
      <div class="space-y-4">
        <h3 class="text-xl font-heading font-semibold">Tiber365</h3>
        <p class="text-white/80">
          Expert Microsoft 365 support for freelancers and small businesses.
        </p>
      </div>

      <div>
        <h4 class="text-lg font-heading font-semibold mb-4">Services</h4>
        <ul class="space-y-2">
          <li><a href="/services/migrations" class="text-white/80 hover:text-white transition-colors">Microsoft 365 Migrations</a></li>
          <li><a href="/services/email" class="text-white/80 hover:text-white transition-colors">Cloud Email Support</a></li>
          <li><a href="/services/security" class="text-white/80 hover:text-white transition-colors">Security & Compliance</a></li>
          <li><a href="/services/helpdesk" class="text-white/80 hover:text-white transition-colors">Remote IT Helpdesk</a></li>
        </ul>
      </div>

      <div>
        <h4 class="text-lg font-heading font-semibold mb-4">Company</h4>
        <ul class="space-y-2">
          <li><a href="/about" class="text-white/80 hover:text-white transition-colors">About Us</a></li>
          <li><a href="/contact" class="text-white/80 hover:text-white transition-colors">Contact</a></li>
          <li><a href="/careers" class="text-white/80 hover:text-white transition-colors">Careers</a></li>
          <li><a href="/blog" class="text-white/80 hover:text-white transition-colors">Blog</a></li>
        </ul>
      </div>

      <div>
        <h4 class="text-lg font-heading font-semibold mb-4">Legal</h4>
        <ul class="space-y-2">
          <li><a href="/legal/privacy" class="text-white/80 hover:text-white transition-colors">Privacy Policy</a></li>
          <li><a href="/legal/terms" class="text-white/80 hover:text-white transition-colors">Terms of Service</a></li>
          <li><a href="/legal/cookies" class="text-white/80 hover:text-white transition-colors">Cookie Policy</a></li>
        </ul>
      </div>
    </div>

    <div class="border-t border-white/10 mt-12 pt-8 text-center text-white/60">
      <p>&copy; {currentYear} Tiber365. All rights reserved.</p>
    </div>
  </div>
</footer> 