@props([
    'themeClasses' => [],
])

<footer
    class="{{ $themeClasses['sectionBgAlt'] ?? 'bg-gray-950' }} border-t {{ $themeClasses['footerDivider'] ?? 'border-blue-900/50' }} py-12">
    <div class="max-w-7xl mx-auto px-6 lg:px-8 text-center">
        <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0 animate-on-scroll"
            style="transition-delay: 0.1s;">
            <div class="text-lg font-extrabold tracking-tight text-orange-400">
                OA<span class="{{ $themeClasses['textNormal'] ?? 'text-white' }}">MediaKraft</span>
            </div>

            <div class="flex space-x-6 text-sm">
                <a href="#"
                    class="{{ $themeClasses['textSecondary'] ?? 'text-gray-400' }} hover:text-orange-400 transition">Terms</a>
                <a href="#"
                    class="{{ $themeClasses['textSecondary'] ?? 'text-gray-400' }} hover:text-orange-400 transition">Privacy</a>
                <a href="#"
                    class="{{ $themeClasses['textSecondary'] ?? 'text-gray-400' }} hover:text-orange-400 transition">Sitemap</a>
            </div>

            <div class="{{ $themeClasses['textSecondary'] ?? 'text-gray-400' }} text-sm">
                &copy; {{ date('Y') }} OA MediaKraft. All rights reserved.
            </div>
        </div>
    </div>
</footer>
