function MainComponent() { const listings = [ { id: 1, image: "./house1.jpg", alt: "Modern house exterior", title: "Modern Family Home", details: "4 Beds • 3 Baths • 2400 sqft", price: "$499,999" }, { id: 2, image: "./house2.jpg", alt: "Luxury mansion exterior", title: "Luxury Mansion", details: "6 Beds • 5 Baths • 5400 sqft", price: "$2,499,999" }, { id: 3, image: "./house3.jpg", alt: "Cozy cottage exterior", title: "Cozy Cottage", details: "2 Beds • 1 Bath • 800 sqft", price: "$199,999" } ]; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1f2937] text-white p-4", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Indore Real Estate")), /*#__PURE__*/ React.createElement("main", { className: "p-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, listings.map((listing)=>/*#__PURE__*/ React.createElement("div", { key: listing.id, className: "bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: listing.image, alt: listing.alt, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, listing.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, listing.details), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto mt-2 text-[#3b82f6]", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, listing.price))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1f2937] text-white p-4 mt-6", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Indore Real Estate Agent © 2023. All rights reserved."))); }