import "@/app/globals.css";
import Logo from "@/components/Logo";

export default function LoginPage() {
  return (
    <div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
      <div className="max-w-md w-full space-y-8">
        {/* Logo Section */}
        <div className="text-center">
          <Logo />
          <h2 className="mt-6 text-center text-3xl font-bold text-gray-900">
            登录您的账户
          </h2>
        </div>

        {/* Login Form */}
        <form className="mt-8 space-y-6" action="#" method="POST">
          {/* Email Input */}
          <div>
            <input type="text" placeholder="帐号" className="input w-full" />
          </div>

          {/* Password Input */}
          <div>
            <input type="password" placeholder="密码" className="input w-full" />
          </div>

          {/* Remember Me & Forgot Password */}
          <div className="flex items-center justify-between">
            <label className="fieldset-label">
              <input type="checkbox" defaultChecked className="checkbox" />
              记住我
            </label>
          </div>

          {/* Submit Button */}
          <button className="btn w-full">登录</button>
        </form>
      </div>
    </div>
  )
}