<div class="container mt-auto border-top context-main-border">
    <footer class="pt-2">
        <div class="d-lg-block collapse" id="footerMenu">
            <div class="d-flex justify-content-between align-items-center py-2 my-2">
                <a href="/" class="text-decoration-none lh-1">
                    <img src="/images/logo.png" class="bi me-2" width="40" height="32" alt="Joey Kimsey Logo">
                </a>
                <div class="d-flex align-items-center">
                    {SHARE_IMAGE}
                </div>
                <div class="material-switch">
                    <input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
                    <label for="dark-mode-toggle" class="label-default"></label>
                </div>
                {SOCIAL}
            </div>
            {COPY}
        </div>
        <div class="text-center">
            <button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
                <i class="fa fa-bars"></i>
            </button>
        </div>
    </footer>
</div>