motayeb/footer.php

<!-- Mobile Bottom Nav -->
<nav class="md:hidden fixed bottom-0 left-0 right-0 z-50 bg-white/90 dark:bg-dark-card/90 backdrop-blur-xl border-t border-cream-200 dark:border-dark-border" style="padding-bottom: env(safe-area-inset-bottom, 0);">
    <div class="flex items-center justify-around py-2">
        <a href="<?php echo home_url(); ?>" class="flex flex-col items-center gap-0.5 px-3 py-1.5 text-forest-500 dark:text-forest-300">
            <iconify-icon icon="lucide:home" width="22"></iconify-icon>
            <span class="text-[10px] font-medium">خانه</span>
        </a>
        <a href="<?php echo get_permalink( wc_get_page_id( 'shop' ) ); ?>" class="flex flex-col items-center gap-0.5 px-3 py-1.5 text-cream-500 dark:text-dark-muted">
            <iconify-icon icon="lucide:grid-3x3" width="22"></iconify-icon>
            <span class="text-[10px] font-medium">دسته‌بندی</span>
        </a>
        <a href="<?php echo get_permalink( wc_get_page_id( 'cart' ) ); ?>" class="relative flex flex-col items-center gap-0.5 px-3 py-1.5 text-cream-500 dark:text-dark-muted">
            <iconify-icon icon="lucide:shopping-bag" width="22"></iconify-icon>
            <span class="text-[10px] font-medium">سبد خرید</span>
            <?php if ( WC()->cart->get_cart_contents_count() > 0 ) : ?>
                <span class="absolute -top-0.5 right-1 w-4 h-4 bg-honey-400 text-white text-[9px] font-bold rounded-full flex items-center justify-center"><?php echo WC()->cart->get_cart_contents_count(); ?></span>
            <?php endif; ?>
        </a>
        <a href="<?php echo wp_login_url(); ?>" class="flex flex-col items-center gap-0.5 px-3 py-1.5 text-cream-500 dark:text-dark-muted">
            <iconify-icon icon="lucide:user" width="22"></iconify-icon>
            <span class="text-[10px] font-medium">حساب من</span>
        </a>
    </div>
</nav>
<div class="md:hidden h-16"></div>

<footer class="bg-forest-500 dark:bg-forest-800 text-white">
    <div class="max-w-7xl mx-auto px-4 md:px-6 py-16">
        <div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12">
            <div class="col-span-2 md:col-span-1">
                <div class="flex items-center gap-2.5 mb-5">
                    <div class="w-10 h-10 bg-white/10 rounded-2xl flex items-center justify-center">
                        <iconify-icon icon="lucide:leaf" width="20" class="text-honey-300"></iconify-icon>
                    </div>
                    <span class="font-extrabold text-xl">مطیب</span>
                </div>
                <p class="text-white/70 text-sm leading-relaxed mb-5">ارائه‌دهنده محصولات ارگانیک و طبیعی ایرانی با ضمانت اصالت و کیفیت.</p>
            </div>
            
            <div>
                <h4 class="font-bold mb-5">دسترسی سریع</h4>
                <?php
                if ( has_nav_menu( 'footer' ) ) {
                    wp_nav_menu( array(
                        'theme_location' => 'footer',
                        'container'      => false,
                        'items_wrap'     => '<ul class="space-y-3 text-sm text-white/70">%3$s</ul>',
                        'depth'          => 1,
                    ) );
                } else { ?>
                    <ul class="space-y-3 text-sm text-white/70">
                        <li><a href="<?php echo home_url(); ?>" class="hover:text-honey-300 transition">صفحه اصلی</a></li>
                        <li><a href="<?php echo get_permalink( wc_get_page_id( 'shop' ) ); ?>" class="hover:text-honey-300 transition">فروشگاه</a></li>
                    </ul>
                <?php } ?>
            </div>

            <div>
                <h4 class="font-bold mb-5">خدمات مشتریان</h4>
                <ul class="space-y-3 text-sm text-white/70">
                    <li><a href="#" class="hover:text-honey-300 transition">سوالات متداول</a></li>
                    <li><a href="#" class="hover:text-honey-300 transition">شرایط بازگشت</a></li>
                    <li><a href="#" class="hover:text-honey-300 transition">نحوه ارسال</a></li>
                </ul>
            </div>
            
            <?php if ( is_active_sidebar( 'footer-contact' ) ) : ?>
                <div>
                    <?php dynamic_sidebar( 'footer-contact' ); ?>
                </div>
            <?php else: ?>
                <div>
                    <h4 class="font-bold mb-5">تماس با ما</h4>
                    <ul class="space-y-3 text-sm text-white/70">
                        <li>تهران، خیابان ولیعصر</li>
                        <li>۰۲۱-۱۲۳۴۵۶۷۸</li>
                        <li class="font-inter" dir="ltr">info@motayeb.ir</li>
                    </ul>
                </div>
            <?php endif; ?>
        </div>
    </div>
    <div class="border-t border-white/10">
        <div class="max-w-7xl mx-auto px-4 md:px-6 py-5 flex flex-col md:flex-row items-center justify-between gap-4">
            <p class="text-xs text-white/50">© <?php echo date('Y'); ?> مطیب. تمامی حقوق محفوظ است.</p>
            <div class="flex items-center gap-4">
                <div class="flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-lg text-xs"><iconify-icon icon="lucide:shield-check" width="14" class="text-honey-300"></iconify-icon> نماد اعتماد</div>
            </div>
        </div>
    </div>
</footer>

<?php wp_footer(); ?>
</body>
</html>