palina-theme/partials/footer.hbs

<footer class="text-[var(--text-secondary)] bg-[var(--bg-primary)] body-font">
    <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
        <a href="{{@site.url}}" class="flex title-font font-medium items-center md:justify-start justify-center text-[var(--text-primary)]">
            {{#if @site.logo}}
                <img src="{{@site.logo}}" alt="{{@site.title}}" class="h-8 w-auto site-logo">
            {{else}}
                {{> "icons/logo" class="h-8 w-auto site-logo"}}
            {{/if}}
        </a>
        <p class="text-sm text-[var(--text-secondary)] sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-[var(--bg-secondary)] sm:py-2 sm:mt-0 mt-4">
            © {{date format="YYYY"}} {{@site.title}} — 
            Published with <a href="https://ghost.org" target="_blank" rel="noopener" class="hover:text-[var(--brand-primary)] transition-colors duration-200">Ghost</a>
        </p>
        <nav class="sm:ml-auto sm:mt-0 mt-4">
            {{navigation type="secondary"}}
        </nav>
        <span class="inline-flex sm:ml-6 sm:mt-0 mt-4 justify-center sm:justify-start">
            {{#if @site.facebook}}
                <a href="{{@site.facebook_url}}" class="text-[var(--text-secondary)] hover:text-[var(--primary-hover)] transition duration-200">
                    {{> "icons/facebook" class="w-5 h-5"}}
                </a>
            {{/if}}
            {{#if @site.twitter}}
                <a href="{{@site.twitter_url}}" class="ml-3 text-[var(--text-secondary)] hover:text-[var(--primary-hover)] transition duration-200">
                    {{> "icons/twitter" class="w-5 h-5"}}
                </a>
            {{/if}}
        </span>
    </div>
</footer>