export default function Footer() {
  return (
    <footer className="bg-gray-900 text-white py-6">
      <div className="container mx-auto px-4">
        <div className="flex flex-col md:flex-row justify-between items-center">
          <div className="mb-4 md:mb-0">
            <h3 className="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">
              Roblox 基礎入門教學
            </h3>
            <p className="text-gray-400 mt-2">
              學習 Roblox Studio 開發，打造屬於你的遊戲世界
            </p>
          </div>
          <div className="flex space-x-4">
            <a href="#" className="hover:text-blue-400 transition-colors">
              關於我們
            </a>
            <a href="#" className="hover:text-blue-400 transition-colors">
              聯絡資訊
            </a>
            <a href="#" className="hover:text-blue-400 transition-colors">
              資源下載
            </a>
          </div>
        </div>
        <div className="mt-6 border-t border-gray-800 pt-6 text-center text-gray-400">
          <p>© {new Date().getFullYear()} Roblox 基礎入門教學. 版權所有.</p>
        </div>
      </div>
    </footer>
  );
}
