<footer class="border-t border-slate-200 bg-white mt-auto">
    <div class="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">

        <!-- Left: Brand + Copyright -->
        <div class="flex items-center gap-2 text-slate-400 text-xs">
            <div class="w-4 h-4 rounded bg-indigo-500 flex items-center justify-center shrink-0">
                <svg width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M22 10v6M2 10l10-5 10 5-10 5z"/><path d="M6 12v5c0 1.657 2.686 3 6 3s6-1.343 6-3v-5"/>
                </svg>
            </div>
            <span>&copy; {{ date('Y') }} Rosetta International Education. All rights reserved.</span>
        </div>

        <!-- Right: Links -->
        <div class="flex items-center gap-4 text-xs text-slate-400">
            <a href="#" class="hover:text-slate-600 transition-colors">Privacy Policy</a>
            <span class="text-slate-200">|</span>
            <a href="#" class="hover:text-slate-600 transition-colors">Terms of Use</a>
            <span class="text-slate-200">|</span>
            <a href="mailto:info@rosettaeducation.com" class="hover:text-slate-600 transition-colors">Contact</a>
        </div>

    </div>
</footer>