function MainComponent() { const [state, setState] = React.useState(''); const [processStep, setProcessStep] = React.useState(''); const [showChatBot, setShowChatBot] = React.useState(false); const handleStateChange = (event)=>{ setState(event.target.value); }; const handleProcessChange = (event)=>{ setProcessStep(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); setShowChatBot(true); }; const chatBotView = /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-white shadow-lg rounded-full p-3 cursor-pointer", onClick: ()=>setShowChatBot(!showChatBot), __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-comments text-4xl text-[#4CAF50]", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this })); const advicePage = /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f5f5f5] p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl md:text-4xl text-center text-[#333] mb-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Next Steps in ", state), /*#__PURE__*/ React.createElement("ul", { className: "list-disc text-md md:text-lg text-[#666] pl-5", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Review local real estate laws."), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Schedule property viewings."), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Consult a local real estate agent.")), chatBotView); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f5f5f5] p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, !showChatBot ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl md:text-4xl text-center text-[#333] mb-8", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Personal Real Estate Advisor"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md md:text-xl text-center text-[#666] mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Guiding you through the buying process in your state."), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "state", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Your State"), /*#__PURE__*/ React.createElement("select", { id: "state", name: "state", className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", onChange: handleStateChange, value: state, __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, "Select your state"), /*#__PURE__*/ React.createElement("option", { value: "New York", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, "New York"), /*#__PURE__*/ React.createElement("option", { value: "California", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, "California"), /*#__PURE__*/ React.createElement("option", { value: "Texas", __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }, "Texas"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "process", __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "Your Current Process Step"), /*#__PURE__*/ React.createElement("select", { id: "process", name: "process", className: "shadow border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", onChange: handleProcessChange, value: processStep, __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }, "Select your current process step"), /*#__PURE__*/ React.createElement("option", { value: "Searching for properties", __source: { fileName: "", lineNumber: 58, columnNumber: 19 }, __self: this }, "Searching for properties"), /*#__PURE__*/ React.createElement("option", { value: "Making an offer", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, "Making an offer"), /*#__PURE__*/ React.createElement("option", { value: "Closing the deal", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, "Closing the deal"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#4CAF50] hover:bg-[#45a049] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "Get Advice"))), showChatBot && chatBotView)) : advicePage); }