function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#e2e8f0] min-h-screen flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[60%] lg:w-[40%] bg-white shadow-lg rounded-lg p-8 m-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-24 h-24 rounded-full border-4 border-[#e2e8f0]", src: "/images/logo.png", alt: "Cosmetic Brand Logo", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-center text-3xl text-[#333] mb-3", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Welcome to Our Luxurious Collection"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#666] font-roboto mb-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "Explore our exclusive range of beauty products that make you stand out."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-4 rounded-lg transition-shadow hover:shadow-lg", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/product1.jpg", alt: "Luxury Lipstick", className: "w-32 h-32 object-cover rounded-lg m-2", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl text-center mt-2", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Luxury Lipstick"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-center text-sm mt-1 text-[#555]", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Rich color that stays all day.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-4 rounded-lg transition-shadow hover:shadow-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/product2.jpg", alt: "Elegant Eyeshadow Palette", className: "w-32 h-32 object-cover rounded-lg m-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl text-center mt-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Elegant Eyeshadow Palette"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-center text-sm mt-1 text-[#555]", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Smooth and vibrant shades.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fff5f5] p-4 rounded-lg transition-shadow hover:shadow-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/product3.jpg", alt: "Premium Foundation", className: "w-32 h-32 object-cover rounded-lg m-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl text-center mt-2", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Premium Foundation"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-center text-sm mt-1 text-[#555]", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Flawless and weightless feel."))))); }