function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0ebe5] min-h-screen flex flex-col items-center justify-center font-crimson-text", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center p-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#365074]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Welcome to Luxury Cosmetics"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#536162] mt-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Explore our exclusive skincare and makeup products.")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-wrap justify-center items-center gap-10 p-10", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/luxury-skin-cream.jpg", alt: "High-end luxury skin cream", className: "w-full", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl mb-2 text-[#354458]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Luxury Skin Cream"), /*#__PURE__*/ React.createElement("p", { className: "text-[#646d74] text-base", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Revitalize your skin with our premium cream infused with rare ingredients for an ageless look.")), /*#__PURE__*/ React.createElement("div", { className: "px-6 pt-4 pb-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#365074] text-white font-bold py-2 px-4 rounded", type: "button", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Discover More"))), /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/exclusive-lipstick.jpg", alt: "Exclusive range of lipsticks", className: "w-full", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl mb-2 text-[#354458]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Exclusive Lipsticks"), /*#__PURE__*/ React.createElement("p", { className: "text-[#646d74] text-base", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Enhance your beauty with our exclusive lipsticks available in several stunning shades.")), /*#__PURE__*/ React.createElement("div", { className: "px-6 pt-4 pb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#365074] text-white font-bold py-2 px-4 rounded", type: "button", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "View Shades"))))); }