function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4 bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#E0FFFF] flex items-center justify-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#0000FF] text-8xl font-bold absolute left-4 top-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "BOYS"), /*#__PURE__*/ React.createElement("img", { src: "/boy-jumping.jpg", alt: "Excited boy jumping in mint green shirt and coral shorts", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#FFC0CB] flex items-center justify-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFD700] text-6xl font-bold absolute left-4 top-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "NEWBORN"), /*#__PURE__*/ React.createElement("img", { src: "/newborn-baby.jpg", alt: "Newborn baby in pink outfit with white bow", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#FFF0F5] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#8B4513] text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "TOOLS AND EQUIPMENT"), /*#__PURE__*/ React.createElement("img", { src: "/baby-tools.jpg", alt: "Various baby care tools and equipment", className: "w-full h-3/4 object-cover", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#FFB6C1] flex items-center justify-center", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFFF00] text-8xl font-bold absolute right-4 top-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "GIRLS"), /*#__PURE__*/ React.createElement("img", { src: "/girl-posing.jpg", alt: "Girl in white t-shirt and olive pants posing", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative bg-white flex flex-col items-center justify-center col-span-1 md:col-span-2", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#FFA500] text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "OUTLET"), /*#__PURE__*/ React.createElement("img", { src: "/outlet-clothes.jpg", alt: "Assortment of colorful children's clothes", className: "w-full h-3/4 object-cover", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative bg-[#E0FFFF] flex flex-col items-center justify-center col-span-1 md:col-span-2", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#00CED1] text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "PRODUCTS OF THE DAY"), /*#__PURE__*/ React.createElement("img", { src: "/daily-products.jpg", alt: "Featured baby products of the day", className: "w-full h-3/4 object-cover", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFD700] flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/brand-logo.jpg", alt: "Brand logo", className: "w-16 h-16 object-contain", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }))); }