aramjonghu-site/frontend/src/components/Footer.tsx

import forgejo from "../assets/images/forgejo.svg";
import gitea from "../assets/images/gitea.svg";

export default function Footer() {
    const currentYear = new Date().getFullYear();

    const goToForgejo = () => {
        window.location.href =
            "https://git.aramjonghu.nl/AramJonghu/aramjonghu-site";
    };

    const goToGitea = () => {
        window.location.href =
            "https://git.zach-dev.cc/AramJonghu/aramjonghu-site";
    };

    return (
        <footer className="bg-ctp-mantle flex items-center justify-between px-24 py-6 border-t border-ctp-lavender-800 mt-10">
            <p className="text-sm text-ctp-text">
                &copy; {currentYear} AramJonghu. All rights reserved.
            </p>
            <div className="flex">
                <p className="text-sm text-ctp-text">
                    Check out the website repository here:
                </p>

                <img
                    src={forgejo}
                    alt="Forgejo repository"
                    onClick={goToForgejo}
                    className="ml-2 w-6 h-6 cursor-pointer hover:opacity-80 transition-opacity"
                />

                <img
                    src={gitea}
                    alt="Gitea mirror"
                    onClick={goToGitea}
                    className="ml-2 w-6 h-6 cursor-pointer hover:opacity-80 transition-opacity"
                />
            </div>
        </footer>
    );
}