function MainComponent() { const productImage = "/images/clothing-sale.jpg"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen text-[#1d1d1f] bg-[#fafafa]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex w-full p-5 bg-[#313132] items-center justify-between", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/store-logo.png", alt: "Store logo", className: "h-[45px]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-white font-sans space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-transparent text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("button", { className: "bg-transparent text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Sales History"), /*#__PURE__*/ React.createElement("button", { className: "bg-transparent text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "About"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1 flex-col items-center justify-center w-full my-10 px-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-sans text-5xl text-center mb-6 font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Discover Our Historic Clothing Deals"), /*#__PURE__*/ React.createElement("div", { className: "shadow-lg flex overflow-hidden max-w-6xl w-full", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: productImage, alt: "Premium clothing on sale", className: "w-1/2 h-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 flex flex-col justify-center items-center p-10 bg-white", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-sans text-3xl text-left mb-4 font-semibold", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Sale Trends"), /*#__PURE__*/ React.createElement("p", { className: "text-base font-sans text-gray-600 text-left", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Explore the trends and savings through our sales history.")))), /*#__PURE__*/ React.createElement("footer", { className: "w-full p-5 bg-[#6e6e73] text-white", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center font-sans text-gray-200", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "© 2023 S Store"))); }