  <footer class="bg-primary text-light-text">
    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
      <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
        <div class="sm:col-span-1">
          <h3 class="text-lg font-semibold text-accent mb-4">Risklet</h3>
          <p class="text-sm text-blue-200">
            Smart cybersecurity risk assessment.
          </p>
        </div>
        <div>
          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Company</h3>
          <ul class="space-y-3">
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">About Us</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Careers</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Contact</a></li>
          </ul>
        </div>
        <div>
          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Resources</h3>
          <ul class="space-y-3">
            <li><a href="#insights" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Blog</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Documentation</a></li>
            <li><a href="#faq" class="nav-link-footer text-sm text-blue-200 hover:text-accent transition-colors no-underline">Support</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Alternatives</a></li>
          </ul>
        </div>
        <div>
          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Integrations</h3>
          <ul class="space-y-3">
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Jira</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Confluence</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Slack</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Sharepoint</a></li>
          </ul>
        </div>
        <div>
          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase mb-4">Legal</h3>
          <ul class="space-y-3">
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Privacy Policy</a></li>
            <li><a href="#" class="text-sm text-blue-200 hover:text-accent transition-colors no-underline">Terms of Service</a></li>
          </ul>
        </div>
      </div>
      <div class="mt-10 pt-8 border-t border-gray-700 text-center">
        <div class="space-y-2 mb-4">
          <p class="text-xs text-blue-200">GDPR Compliant</p>
          <p class="text-xs text-blue-200">Supports ISO 27001 Compliance</p>
        </div>
        <p class="text-sm text-blue-200">
          &copy; <span id="currentYear"></span> Risklet. All rights reserved. 
        </p>
      </div>
    </div>
  </footer>