function MainComponent() { const [formVisible, setFormVisible] = useState(false); const [selectedHome, setSelectedHome] = useState(null); const homes = [ { id: 1, address: "123 Fixer Upper Lane", price: "149,900", sqft: 1500, beds: 3, baths: 2, image: "/home1.jpg", status: "Contract Sale" }, { id: 2, address: "456 Handyman Ave", price: "129,900", sqft: 1200, beds: 2, baths: 1, image: "/home2.jpg", status: "As-Is" } ]; const ContactForm = ({ home, onClose })=>/*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Request Information"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Property: ", home.address), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "Your Phone", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Message", className: "w-full p-2 border rounded h-24", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-2", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onClose, className: "px-4 py-2 bg-gray-200 rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Send Request"))))); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl md:text-4xl text-gray-800 mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "As-Is & Contract Sale Homes"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "Find your next project property")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, homes.map((home)=>/*#__PURE__*/ React.createElement("div", { key: home.id, className: "bg-white rounded-lg shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: home.image, alt: `View of ${home.address}`, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, home.address), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-100 text-blue-800 px-2 py-1 rounded-full text-sm", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, home.status)), /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, "$", home.price), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-gray-600 mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, home.beds, " beds"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 109, columnNumber: 17 }, __self: this }, home.baths, " baths"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, home.sqft, " sqft")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedHome(home); setFormVisible(true); }, className: "w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, "Request Info"))))), formVisible && selectedHome && /*#__PURE__*/ React.createElement(ContactForm, { home: selectedHome, onClose: ()=>{ setFormVisible(false); setSelectedHome(null); }, __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this })); }