<footer class="gh-footer{{#match @custom.header_and_footer_color "Accent color"}} has-accent-color{{/match}} gh-outer">
    <div class="gh-footer-inner gh-inner">
        <div class="gh-footer-bar">
            <nav class="gh-footer-menu">
                {{navigation type="secondary"}}
            </nav>
        </div>
        <!-- Social Media Icons Row -->
        <div class="gh-footer-social">
            <a href="https://www.facebook.com/profile.php?id=61567646910186" target="_blank">
                <img src="/assets/logos/facebook_256.png" alt="Facebook" />
            </a>
            {{!-- <a href="https://x.com/anyway_app" target="_blank">
                <img src="/assets/logos/X_256.png" alt="X (Twitter)" />
            </a> --}}
            <a href="https://www.linkedin.com/company/105495433" target="_blank">
                <img src="/assets/logos/linkedin_256.png" alt="LinkedIn" />
            </a>
            <a href="https://www.instagram.com/anydev.info?igsh=bHc1Y3JrZDlqYTNt" target="_blank">
                <img src="/assets/logos/instagram_256.png" alt="Instagram" />
            </a>
            <a href="https://git.kluster.moll.re/anydev/anyway" target="_blank">
                <img src="/assets/logos/gitea_256.png" alt="Gitea" />
            </a>
        </div>
    </div>
    <!-- SPH logo below social media links -->
    <div class="gh-footer-sph-logo">
        <img src="/assets/SPH/SPH_logo_use_on_white_background.png"/>
    </div>
</footer>