gongxue-wp-theme/footer.php

<?php if (!defined('ABSPATH')) exit; ?>
</main>
<footer class="bg-apple-grey text-apple-text-gray py-16 border-t border-gray-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-12">
            <div>
                <h3 class="text-apple-dark font-bold text-lg mb-4">恭学教育</h3>
                <p class="text-xs leading-relaxed max-w-xs">致力于为天津专升本学子提供教育资源、刷题系统和出版书籍。</p>
            </div>
            <div>
                <h4 class="text-apple-dark font-semibold text-sm mb-4">探索</h4>
                <ul class="space-y-2 text-xs">
                    <li><a href="<?php echo esc_url(home_url('/question-bank')); ?>" class="hover:text-apple-blue">刷题小程序</a></li>
                    <li><a href="<?php echo esc_url(home_url('/online-school')); ?>" class="hover:text-apple-blue">在线网校 APP</a></li>
                    <li><a href="<?php echo esc_url(home_url('/books')); ?>" class="hover:text-apple-blue">商城书籍</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-apple-dark font-semibold text-sm mb-4">服务</h4>
                <ul class="space-y-2 text-xs">
                    <li><a href="<?php echo esc_url(gx_knowledge_url()); ?>" class="hover:text-apple-blue">专升本知识库</a></li>
                    <li><span class="cursor-pointer">企业合作</span></li>
                </ul>
            </div>
            <div>
                <h4 class="text-apple-dark font-semibold text-sm mb-4">联系我们</h4>
                <ul class="space-y-2 text-xs">
                    <li>天津市津南区</li>
                    <li>Tel: 18322616529</li>
                    <li>Email: gongxuejiaoyu@sina.cn</li>
                </ul>
            </div>
        </div>
        <div class="pt-8 border-t border-gray-300 text-center text-xs">Copyright &copy; <?php echo date('Y'); ?> Gongxue Education Group.</div>
    </div>
</footer>
<?php $gx_footer_cfg = gx_asset_config(); ?>
<div class="floating-service">
    <div class="service-menu closed">
        <button data-gx-modal-open="#gx-chat-modal" class="service-item">
            <div class="w-10 h-10 rounded-full bg-blue-50 text-apple-blue flex items-center justify-center">💬</div>
            <div class="text-left min-w-[80px]"><div class="text-sm font-bold text-gray-800">在线咨询</div><div class="text-xs text-gray-400">实时答疑</div></div>
        </button>
        <a href="tel:18322616529" class="service-item">
            <div class="w-10 h-10 rounded-full bg-blue-50 text-apple-blue flex items-center justify-center">☎</div>
            <div class="text-left min-w-[80px]"><div class="text-sm font-bold text-gray-800">课程报名</div><div class="text-xs text-gray-400">18322616529</div></div>
        </a>
        <a href="<?php echo esc_url(home_url('/books/')); ?>" class="service-item">
            <div class="w-10 h-10 rounded-full bg-blue-50 text-apple-blue flex items-center justify-center">📘</div>
            <div class="text-left min-w-[80px]"><div class="text-sm font-bold text-gray-800">书籍购买</div><div class="text-xs text-gray-400">官方商城</div></div>
        </a>
        <a href="<?php echo esc_url(home_url('/online-school/')); ?>" class="service-item">
            <div class="w-10 h-10 rounded-full bg-blue-50 text-apple-blue flex items-center justify-center">👥</div>
            <div class="text-left min-w-[80px]"><div class="text-sm font-bold text-gray-800">商务合作</div><div class="text-xs text-gray-400">企业/机构</div></div>
        </a>
    </div>
    <button class="service-toggle bg-apple-blue hover:bg-apple-blue-hover text-white w-16 h-16 rounded-full shadow-2xl flex items-center justify-center" aria-label="联系客服">
        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="currentColor"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
    </button>
</div>
<div id="gx-chat-modal" class="gx-modal"><div class="gx-modal-backdrop"></div><div class="gx-modal-panel max-w-md overflow-hidden"><div class="flex items-center justify-between p-4 bg-gradient-to-r from-apple-blue to-blue-600"><div><h3 class="font-bold text-white">在线客服</h3><p class="text-xs text-white/80">在线</p></div><button data-gx-modal-close class="text-white text-2xl">×</button></div><div class="p-4 bg-gray-50"><div class="flex items-start gap-2 mb-4"><div class="w-8 h-8 bg-apple-blue rounded-full flex items-center justify-center text-white">G</div><div class="bg-white rounded-2xl rounded-tl-none px-4 py-3 shadow-sm max-w-[80%]"><p class="text-sm text-gray-800 leading-relaxed">你好同学，正在接入人工客服，您也可以先扫码添加微信沟通。</p></div></div><div class="ml-10 bg-white rounded-2xl rounded-tl-none p-4 shadow-sm inline-block"><img src="<?php echo esc_url($gx_footer_cfg['customer_service_qrcode']); ?>" alt="客服二维码" class="w-48 h-48 rounded-lg"></div></div><div class="p-4 border-t bg-white rounded-b-3xl"><p class="text-xs text-gray-500 text-center">工作时间：周一至周日 9:00-21:00</p></div></div></div>
<?php wp_footer(); ?>
</body>
</html>