website/src/partials/footer.html

<footer class="bg-gray-900 text-gray-400 py-12">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="grid md:grid-cols-4 gap-8">
      <div>
        <div class="flex items-center">
          <img
            src="https://repo.katenary.io/Katenary/katenary/raw/branch/master/doc/docs/statics/logo-vertical.svg"
            alt="Katenary Logo"
            class="h-8"
          />
        </div>
        <p class="mt-4 text-sm">
          Convert Docker Compose to Helm Charts with ease.
        </p>
      </div>
      <div>
        <h3 class="text-white font-bold mb-4">Resources</h3>
        <ul class="space-y-2">
          <li>
            <a
              href="https://repo.katenary.io/katenary/katenary"
              target="_blank"
              class="hover:text-orange-400 transition"
              >Repository</a
            >
          </li>
          <li>
            <a
              href="https://repo.katenary.io/Katenary/-/packages"
              target="_blank"
              class="hover:text-orange-400 transition"
              >Packages</a
            >
          </li>
          <li>
            <a
              href="https://docs.katenary.io"
              class="hover:text-orange-400 transition"
              >Documentation</a
            >
          </li>
        </ul>
      </div>
      <div>
        <h3 class="text-white font-bold mb-4">Community</h3>
        <ul class="space-y-2">
          <li>
            <a
              href="https://repo.katenary.io/Katenary/katenary/issues"
              target="_blank"
              class="hover:text-orange-400 transition"
              >Git Issues</a
            >
          </li>
          <li>
            <a
              href="https://matrix.to/#/#katenary-io:matrix.org"
              target="_blank"
              class="hover:text-orange-400 transition"
              >Matrix Room</a
            >
          </li>
          <li>
            <a
              href="https://repo.katenary.io/Katenary/katenary"
              target="_blank"
              class="hover:text-orange-400 transition"
              >Contribute</a
            >
          </li>
        </ul>
      </div>
      <div>
        <h3 class="text-white font-bold mb-4">Connect</h3>
        <div class="flex space-x-4">
          <a
            href="https://www.linkedin.com/company/katenary"
            target="_blank"
            class="hover:text-orange-400 transition"
            ><i data-feather="linkedin"></i
          ></a>
          <a
            href="https://www.youtube.com/@Katenary"
            class="hover:text-orange-400 transition"
            ><i data-feather="youtube"></i
          ></a>
        </div>
      </div>
    </div>
    <div class="border-t border-gray-800 mt-10 pt-6 text-sm text-center">
      <p>© 2025 Katenary. All rights reserved.</p>
    </div>
  </div>
</footer>