function MainComponent() { const handleClick = ()=>{ window.open("/kids-fashion-store/tops", "_blank"); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-white text-[#121212]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-2xl py-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "Kids Fashion Store"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-10 p-5", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-[#f1f1f1] rounded-lg p-4 shadow-lg cursor-pointer", onClick: handleClick, __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/tops-category.jpg", alt: "Cute and colorful tops for kids on a clean white background", className: "w-full h-[200px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-center mt-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Tops")), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-[#f1f1f1] rounded-lg p-4 shadow-lg", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/outerwear-category.jpg", alt: "Cozy outerwear for children in playful designs", className: "w-full h-[200px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-center mt-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Outerwear")), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-[#f1f1f1] rounded-lg p-4 shadow-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/pants-category.jpg", alt: "Charming pants for kids with adorable patterns on a white background", className: "w-full h-[200px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-center mt-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Pants")))); }