function MainComponent() { const backgroundImageStyle = { backgroundImage: "url('/real-estate-banner.jpg')", backgroundSize: 'cover', backgroundPosition: 'center' }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full h-[300px] md:h-[500px] lg:h-[600px]", style: backgroundImageStyle, __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl lg:text-7xl font-bold text-[#FFFFFF] mb-4 font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Investment & Real Estate"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl lg:text-3xl text-[#FFFFFF] font-light font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Building Your Future with Us")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow container mx-auto p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center font-semibold my-8 text-[#333333] font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Our Services"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-6 justify-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[400px] p-6 bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/property-investment.jpg", alt: "Investment in Property", className: "w-ful h-[200px] object-cover rounded-t-md", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl my-4 font-semibold text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Investment Advisory"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Expert advice to help you make the best property investment decisions.")), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[400px] p-6 bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/real-estate-development.jpg", alt: "Real Estate Development", className: "w-ful h-[200px] object-cover rounded-t-md", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl my-4 font-semibold text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Real Estate Development"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Developing top-notch properties that offer the best value and returns.")), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-[400px] p-6 bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/property-management.jpg", alt: "Property Management", className: "w-ful h-[200px] object-cover rounded-t-md", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl my-4 font-semibold text-[#121212] font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Property Management"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Comprehensive management services to maintain and increase the value of your investments.")))), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-4 bg-[#111111]", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-white font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "© 2023 Investment & Real Estate, Inc."))); }