function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); const [formData, setFormData] = useState({ name: "", email: "", experienceLevel: "", tradingInterests: "", learningGoals: "", mentorshipStyle: "" }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8fafc]", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "fixed w-full bg-white/95 backdrop-blur z-50 shadow-sm", __source: { fileName: "", lineNumber: 26, 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: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16 items-center", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/logo.png", alt: "Trading Mentorship Platform Logo", className: "h-8 w-auto", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "Pricing"), /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { className: "font-inter text-gray-600 hover:text-gray-900", __source: { fileName: "", lineNumber: 46, 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: 49, columnNumber: 15 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMenuOpen(!isMenuOpen), className: "md:hidden", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"} text-2xl`, __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden bg-white", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "px-4 pt-2 pb-3 space-y-1", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "block font-inter text-gray-600 hover:text-gray-900 py-2", __source: { fileName: "", lineNumber: 66, 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: 69, 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: 72, 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: 75, 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: 78, 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: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-inter text-4xl font-bold text-gray-900 text-center mb-8", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Sign Up as a Mentee"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-xl shadow-sm", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "Full 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:outline-none", required: true, __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, "Email Address"), /*#__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:outline-none", required: true, __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, "Trading Experience Level"), /*#__PURE__*/ React.createElement("select", { name: "experienceLevel", value: formData.experienceLevel, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:outline-none", required: true, __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 132, columnNumber: 19 }, __self: this }, "Select Level"), /*#__PURE__*/ React.createElement("option", { value: "beginner", __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, "Beginner"), /*#__PURE__*/ React.createElement("option", { value: "intermediate", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, "Intermediate"), /*#__PURE__*/ React.createElement("option", { value: "advanced", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, "Advanced"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 140, columnNumber: 17 }, __self: this }, "Trading Interests"), /*#__PURE__*/ React.createElement("textarea", { name: "tradingInterests", value: formData.tradingInterests, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:outline-none", rows: "3", placeholder: "e.g., Forex, Stocks, Crypto", required: true, __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, "Learning Goals"), /*#__PURE__*/ React.createElement("textarea", { name: "learningGoals", value: formData.learningGoals, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:outline-none", rows: "3", placeholder: "What do you want to achieve?", required: true, __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-inter text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 170, columnNumber: 17 }, __self: this }, "Preferred Mentorship Style"), /*#__PURE__*/ React.createElement("select", { name: "mentorshipStyle", value: formData.mentorshipStyle, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:ring-2 focus:ring-[#2563eb] focus:outline-none", required: true, __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 180, columnNumber: 19 }, __self: this }, "Select Style"), /*#__PURE__*/ React.createElement("option", { value: "one-on-one", __source: { fileName: "", lineNumber: 181, columnNumber: 19 }, __self: this }, "One-on-One Sessions"), /*#__PURE__*/ React.createElement("option", { value: "group", __source: { fileName: "", lineNumber: 182, columnNumber: 19 }, __self: this }, "Group Sessions"), /*#__PURE__*/ React.createElement("option", { value: "hybrid", __source: { fileName: "", lineNumber: 183, columnNumber: 19 }, __self: this }, "Hybrid 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] transition-colors", __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }, "Sign Up as Mentee"))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 198, 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: 199, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 200, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 201, columnNumber: 13 }, __self: this }, "Company"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, "Careers"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, "Press"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 208, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 209, columnNumber: 13 }, __self: this }, "Resources"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, "Support"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, "Terms"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 216, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 217, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "Analytics"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, "Mentorship"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, "Community"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-4 font-inter", __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, "Connect"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-xl", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-linkedin text-xl", __source: { fileName: "", lineNumber: 228, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-xl", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this })))))); }