<footer class="site-footer">
    <div class="site-footer__inner footer-fade-up">
        <div>
            <img src="/assets/Keelance-Logo Light.svg" alt="Keelance" class="site-footer__logo theme-logo--dark">
            <img src="/assets/KeelanceLogo.png" alt="Keelance" class="site-footer__logo theme-logo--light">
        </div>
        <p class="site-footer__copy">
            &copy; <?= date('Y') ?> Keelance. All rights reserved.
        </p>
    </div>
    <style>
        @keyframes footer-fade-up {
            0% {
                opacity: 0;
                transform: translateY(6px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .footer-fade-up {
            animation: footer-fade-up 0.45s ease-out;
        }
    </style>
</footer>
