function MainComponent() { const shoesDisplay = /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-sm rounded overflow-hidden shadow-lg bg-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full h-[300px] object-cover", src: "shoes/shoe1.jpg", alt: "Designer Shoe 1", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold font-roboto text-xl mb-2 text-[#212529]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Elegant Stilettos"), /*#__PURE__*/ React.createElement("p", { className: "text-roboto text-base text-[#212529]", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Step into the spotlight with these sky-high elegant stilettos, perfect for a glamorous night out.")), /*#__PURE__*/ React.createElement("div", { className: "px-6 pt-4 pb-2", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-[#6c757d] rounded-full px-3 py-1 text-sm font-semibold text-white mr-2 mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "#fashion"), /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-[#6c757d] rounded-full px-3 py-1 text-sm font-semibold text-white mr-2 mb-2", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "#stilettos"), /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-[#6c757d] rounded-full px-3 py-1 text-sm font-semibold text-white", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "#trendy")))); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col justify-center items-center min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold font-roboto text-[#212529] mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Designer Shoe Collection"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#212529]", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Unleash your style with our exclusive designer shoes.")), shoesDisplay); }