'use client';

import { useLanguage } from './LanguageProvider';

export default function Footer() {
  const { t } = useLanguage();

  return (
    <div className="bg-gradient-to-r from-yellow-400 to-orange-500 rounded-full px-6 py-3 shadow-2xl border-4 border-white animate-bounce">
      <div className="flex items-center space-x-3">
        <span className="text-2xl animate-spin">�</span>
        <div className="text-center">
          <p className="text-white font-black text-sm drop-shadow">
            Safe & Fun Learning!
          </p>
          <p className="text-orange-100 text-xs font-bold">
            Built with ❤️
          </p>
        </div>
        <span className="text-2xl animate-pulse">⭐</span>
      </div>
    </div>
  );
}
