'use client'

import { Navigation } from '@/components/shared/Navigation'

export default function ReviewPage() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100">
      <Navigation />

      <div className="min-h-screen flex items-center justify-center px-4">
        <div className="max-w-lg mx-auto">
          <div className="bg-white rounded-xl shadow-lg p-8 text-center">
            <div className="text-6xl mb-6">🔧</div>

            <h1 className="text-3xl font-bold text-gray-900 mb-4">
              複習功能維護中
            </h1>

            <p className="text-lg text-gray-600 mb-6">
              我們正在改善複習體驗，打造更簡潔高效的學習方式
            </p>

            <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mb-6">
              <h3 className="font-semibold text-yellow-800 mb-2">🚀 即將推出</h3>
              <ul className="text-yellow-700 text-sm text-left space-y-1">
                <li>• 簡潔的翻卡記憶功能</li>
                <li>• 流暢的學習體驗</li>
                <li>• 清晰的進度追蹤</li>
              </ul>
            </div>

            <div className="space-y-3">
              <a
                href="/flashcards"
                className="block w-full bg-blue-600 text-white py-3 px-6 rounded-lg font-medium hover:bg-blue-700 transition-colors"
              >
                前往詞卡管理
              </a>

              <a
                href="/dashboard"
                className="block w-full border border-gray-300 text-gray-700 py-3 px-6 rounded-lg font-medium hover:bg-gray-50 transition-colors"
              >
                返回主頁
              </a>
            </div>

            <p className="text-xs text-gray-500 mt-6">
              預計完成時間：今天稍晚
            </p>
          </div>
        </div>
      </div>
    </div>
  )
}