function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [formData, setFormData] = useState({ name: "", email: "", experience: "", specialties: [], bio: "", teachingStyle: "" }); const handleChange = (e)=>{ const { name, value, type, checked } = e.target; if (type === "checkbox") { const specialties = checked ? [ ...formData.specialties, value ] : formData.specialties.filter((item)=>item !== value); setFormData((prev)=>({ ...prev, specialties })); } else { setFormData((prev)=>({ ...prev, [name]: value })); } }; const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8fafc]", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full bg-white/95 backdrop-blur z-50 shadow-sm", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16 items-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Trading Mentorship Platform Logo", className: "h-8 w-auto", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("button", { className: "font-inter bg-[#2563eb] text-white px-4 py-2 rounded-lg hover:bg-[#1d4ed8]", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"} text-2xl`, __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-white", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-2 pb-3 space-y-1", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "block font-inter text-gray-600 hover:text-gray-900 py-2", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { className: "block font-inter text-gray-600 hover:text-gray-900 py-2", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("a", { className: "block font-inter text-gray-600 hover:text-gray-900 py-2", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { className: "block font-inter text-gray-600 hover:text-gray-900 py-2", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("button", { className: "w-full font-inter bg-[#2563eb] text-white px-4 py-2 rounded-lg hover:bg-[#1d4ed8]", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Get Started")))), /*#__PURE__*/ React.createElement("main", { className: "pt-24 pb-16 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto bg-white p-8 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-3xl font-bold text-gray-900 mb-8 text-center", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, "Become a Mentor"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "Years of Trading Experience"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "experience", value: formData.experience, onChange: handleChange, min: "1", className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 140, columnNumber: 15 }, __self: this }, "Trading Specialties"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 143, columnNumber: 15 }, __self: this }, [ "Forex", "Stocks", "Crypto" ].map((specialty)=>/*#__PURE__*/ React.createElement("div", { key: specialty, className: "flex items-center", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "specialties", value: specialty, onChange: handleChange, className: "h-4 w-4 text-[#2563eb] focus:ring-[#2563eb] border-gray-300 rounded", __source: { fileName: "", lineNumber: 146, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "ml-2 font-inter text-sm text-gray-700", __source: { fileName: "", lineNumber: 153, columnNumber: 21 }, __self: this }, specialty))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 162, columnNumber: 15 }, __self: this }, "Brief Bio"), /*#__PURE__*/ React.createElement("textarea", { name: "bio", value: formData.bio, onChange: handleChange, rows: "4", className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, "Preferred Teaching Style"), /*#__PURE__*/ React.createElement("select", { name: "teachingStyle", value: formData.teachingStyle, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:border-transparent", required: true, __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 186, columnNumber: 17 }, __self: this }, "Select a teaching style"), /*#__PURE__*/ React.createElement("option", { value: "hands-on", __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, "Hands-on Practice"), /*#__PURE__*/ React.createElement("option", { value: "theoretical", __source: { fileName: "", lineNumber: 188, columnNumber: 17 }, __self: this }, "Theoretical Approach"), /*#__PURE__*/ React.createElement("option", { value: "mixed", __source: { fileName: "", lineNumber: 189, columnNumber: 17 }, __self: this }, "Mixed Approach"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full font-inter bg-[#2563eb] text-white px-6 py-3 rounded-lg hover:bg-[#1d4ed8]", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, "Submit Application")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 203, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 204, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 206, columnNumber: 13 }, __self: this }, "Company"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, "Careers"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, "Press"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 216, columnNumber: 15 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, "Support"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 218, columnNumber: 15 }, __self: this }, "Terms"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, "Analytics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, "Mentorship"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, "Community"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 230, columnNumber: 13 }, __self: this }, "Connect"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 232, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-xl", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-xl", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this })))))); }