@props(['storeLink'])
<footer class="mt-0 border-t border-white/[0.09] bg-[#09090b]">
    <div class="mx-auto grid max-w-6xl gap-8 px-5 py-10 sm:grid-cols-4 sm:px-8 sm:py-12">
        <div><a href="{{ route('marketing.home') }}" class="text-sm font-semibold">Zoshop</a>
            <p class="mt-3 text-xs text-zinc-500">Local discovery, connected.</p>
            <div class="mt-4 flex gap-2"><a href="{{ $storeLink }}" aria-label="App Store (placeholder link)"
                    class="rounded-md border border-white/10 bg-zinc-800 px-3 py-2 text-[10px] text-zinc-300">♧ &nbsp;
                    App Store</a><a href="{{ $storeLink }}" aria-label="Google Play (placeholder link)"
                    class="rounded-md border border-white/10 bg-zinc-800 px-3 py-2 text-[10px] text-zinc-300">▷ &nbsp;
                    Google Play</a></div>
        </div>
        <div>
            <p class="text-[11px] font-medium">Explore</p><a href="#choose-path"
                class="mt-4 block text-xs text-zinc-500 hover:text-white">How it works</a><a
                href="{{ route('marketing.home') }}#choose-path"
                class="mt-3 block text-xs text-zinc-500 hover:text-white">About</a>
        </div>
        <div>
            <p class="text-[11px] font-medium">Business</p><a href="{{ route('partner.login') }}"
                class="mt-4 block text-xs text-zinc-500 hover:text-white">List your business</a><a
                href="{{ route('partner.login') }}" class="mt-3 block text-xs text-zinc-500 hover:text-white">Business
                Login</a><a href="{{ route('partner.subscription') }}"
                class="mt-3 block text-xs text-zinc-500 hover:text-white">View Plans</a>
        </div>
        <div>
            <p class="text-[11px] font-medium">Support</p><a href="#support"
                class="mt-4 block text-xs text-zinc-500 hover:text-white">Contact</a><a href="#terms"
                class="mt-3 block text-xs text-zinc-500 hover:text-white">Terms</a><a href="#privacy"
                class="mt-3 block text-xs text-zinc-500 hover:text-white">Privacy</a><a
                href="{{ route('filament.admin.auth.login') }}"
                class="mt-3 block text-xs text-zinc-500 hover:text-white">Admin Login</a>
        </div>
    </div>
    <div class="mx-auto max-w-6xl px-5 pb-7 text-[10px] text-zinc-500 sm:px-8">© {{ now()->year }} Zoshop. All rights
        reserved.</div>
</footer>