function MainComponent() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(null); const [isSubmitting, setIsSubmitting] = useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setIsSubmitting(true); setError(null); try { // TODO: Implement actual login logic await new Promise((resolve)=>setTimeout(resolve, 1000)); window.location.href = "/"; } catch (err) { setError("Invalid email or password. Please try again."); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-slate-50 to-white dark:from-gray-900 dark:to-gray-800", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "px-4 py-4 md:py-6 md:px-8 backdrop-blur-md bg-white/70 dark:bg-gray-900/70 sticky top-0 z-50 border-b border-gray-100 dark:border-gray-800", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-xl md:text-2xl font-bold tracking-tight flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-600", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "CLICK"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-900 dark:text-white", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "AWAY"), /*#__PURE__*/ React.createElement("span", { className: "mx-1 md:mx-1.5 text-gray-300 dark:text-gray-700", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "|"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600 dark:text-gray-400 text-xs md:text-sm font-medium tracking-wide uppercase", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Capital")))), /*#__PURE__*/ React.createElement("div", { className: "px-4 py-16 md:py-24 md:px-8", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Welcome Back"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 dark:text-gray-400", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Log in to access your account")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full px-6 py-4 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200", required: true, __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full px-6 py-4 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200", required: true, __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "remember", className: "h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "remember", className: "ml-2 block text-sm text-gray-700 dark:text-gray-300", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, "Remember me")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-sm text-blue-600 hover:text-blue-500", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "Forgot password?")), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-50 dark:bg-red-900/50 text-red-600 dark:text-red-400 rounded-xl text-center", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full px-8 py-4 rounded-xl text-white bg-gradient-to-r from-blue-600 to-cyan-500 hover:from-blue-700 hover:to-cyan-600 shadow-lg shadow-blue-500/20 font-medium transition-all duration-200 hover:scale-105 disabled:opacity-50 disabled:hover:scale-100", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, isSubmitting ? "Logging in..." : "Log In"))))); }