function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[url('/wallpaper.jpg')] bg-cover", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-5 px-4 bg-[#ffffff] shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-2xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Product Store"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212] hover:text-[#ff6600] transition duration-300", __source: { fileName: "", lineNumber: 9, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212] hover:text-[#ff6600] transition duration-300", __source: { fileName: "", lineNumber: 10, columnNumber: 19 }, __self: this }, "Products")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212] hover:text-[#ff6600] transition duration-300", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-roboto text-[#121212] hover:text-[#ff6600] transition duration-300", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "About")))), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-white bg-[#ff6600] py-2 px-4 rounded-lg transition duration-300 ease-in-out hover:bg-[#cc5200]", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Cart 🛒"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-full max-w-4xl mx-auto p-6 lg:flex lg:items-center my-8 space-x-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/3 flex flex-col items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block bg-no-repeat bg-cover rounded-lg h-[200px] lg:h-[300px] w-full", style: { backgroundImage: `url('/product-logo1.jpg')` }, __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mt-4 font-roboto text-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Elegant and Modern Desk Lamp")), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/3 flex flex-col items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block bg-no-repeat bg-cover rounded-lg h-[200px] lg:h-[300px] w-full", style: { backgroundImage: `url('/product-logo2.jpg')` }, __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mt-4 font-roboto text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Stylish Wireless Earbuds")), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/3 flex flex-col items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block bg-no-repeat bg-cover rounded-lg h-[200px] lg:h-[300px] w-full", style: { backgroundImage: `url('/product-logo3.jpg')` }, __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mt-4 font-roboto text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Compact and Powerful Bluetooth Speaker"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-6 px-4 bg-[#ffffff] shadow-md mt-8", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto text-center font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "© 2023 Product Store. All rights reserved."))); }