function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-6", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Find Your Dream Property"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-4 border border-gray-300 rounded-lg", placeholder: "Search properties...", name: "search", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] shadow-lg", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/featured1.jpg", alt: "High-quality featured property 1", className: "w-full h-[200px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] shadow-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/featured2.jpg", alt: "High-quality featured property 2", className: "w-full h-[200px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] shadow-lg", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/featured3.jpg", alt: "High-quality featured property 3", className: "w-full h-[200px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-600 text-white rounded-lg mr-4", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Log In"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-600 text-white rounded-lg", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Create Account")))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Filters"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "p-4 border border-gray-300 rounded-lg", placeholder: "Location", name: "location", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", className: "p-4 border border-gray-300 rounded-lg", placeholder: "Price Range", name: "price", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", className: "p-4 border border-gray-300 rounded-lg", placeholder: "Property Type", name: "propertyType", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "p-4 border border-gray-300 rounded-lg", name: "sort", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 68, columnNumber: 17 }, __self: this }, "Sort By"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Relevance"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, "Newest")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Map View"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] bg-gray-200", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Interactive Map")))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-gray-100", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Property Listing Details"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/property1.jpg", alt: "High-resolution property image 1", className: "w-full h-[300px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/property2.jpg", alt: "High-resolution property image 2", className: "w-full h-[300px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "Beautiful Family Home"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "Key Features:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, "4 Bedrooms"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 107, columnNumber: 19 }, __self: this }, "3 Bathrooms"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, "2,500 sq ft")), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 17 }, __self: this }, "Dynamic property details and neighborhood information through AI-generated content.")))))), /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, "User Profile Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "Saved Searches and Favorite Properties"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "List of saved searches and favorite properties.")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "Notifications"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "You have no new notifications.")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, "User Settings"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 129, columnNumber: 13 }, __self: this }, "Account management options.")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 133, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .image-carousel img { animation: fadeIn 1s ease-in-out; } `)); }