function MainComponent() { const [formData, setFormData] = React.useState({ name: '', email: '', phoneNumber: '', contactPreference: 'email', investmentAmount: '', date: '', time: '' }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData({ ...formData, [name]: value }); }; const handleSubmit = (e)=>{ e.preventDefault(); }; const todaysDate = new Date().toISOString().split('T')[0]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#e3f2fd]", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg shadow-md w-full max-w-lg", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-2xl font-semibold font-roboto text-center text-[#121212]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Avalanche DeFi Investment Management"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto text-center text-[#121212] mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Schedule a chat to explore managed investment options on the Avalanche network."), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Your Full Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: "block w-full px-4 py-3 mt-1 text-sm border rounded-md shadow-sm font-roboto placeholder-[#9ca3af] focus:border-[#409cff] focus:ring focus:ring-[#409cff]", placeholder: "Jane Doe", required: true, __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "block w-full px-4 py-3 mt-1 text-sm border rounded-md shadow-sm font-roboto placeholder-[#9ca3af] focus:border-[#409cff] focus:ring focus:ring-[#409cff]", placeholder: "janedoe@example.com", required: true, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phoneNumber", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phoneNumber", value: formData.phoneNumber, onChange: handleChange, className: "block w-full px-4 py-3 mt-1 text-sm border rounded-md shadow-sm font-roboto focus:border-[#409cff] focus:ring focus:ring-[#409cff]", required: true, __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "contactPreference", value: "email", checked: formData.contactPreference === 'email', onChange: handleChange, className: "w-4 h-4 text-[#409cff] border-gray-300 focus:ring-[#409cff]", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, "Prefer Email")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center ml-6 text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "contactPreference", value: "phone", checked: formData.contactPreference === 'phone', onChange: handleChange, className: "w-4 h-4 text-[#409cff] border-gray-300 focus:ring-[#409cff]", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "Prefer Phone"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "investmentAmount", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Investment Amount (USD)"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "investmentAmount", value: formData.investmentAmount, onChange: handleChange, className: "block w-full px-4 py-3 mt-1 text-sm border rounded-md shadow-sm font-roboto placeholder-[#9ca3af] focus:border-[#409cff] focus:ring focus:ring-[#409cff]", placeholder: "Minimum $10,000", min: "10000", required: true, __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "date", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, "Choose a Date for the Chat"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", value: formData.date, onChange: handleChange, className: "block w-full px-4 py-3 mt-1 text-sm border rounded-md shadow-sm font-roboto focus:border-[#409cff] focus:ring focus:ring-[#409cff]", min: todaysDate, required: true, __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "time", className: "block text-sm font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "Choose a Time for the Chat"), /*#__PURE__*/ React.createElement("input", { type: "time", name: "time", value: formData.time, onChange: handleChange, className: "block w-full px-4 py-3 mt-1 text-sm border rounded-md shadow-sm font-roboto focus:border-[#409cff] focus:ring focus:ring-[#409cff]", required: true, __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-6 py-3 text-sm font-semibold text-white bg-[#409cff] rounded-md shadow font-roboto hover:bg-[#3182ce]", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, "Schedule Investment Chat")))); }