function MainComponent() { const pages = { Home: '/', Products: '/products', AboutUs: '/about-us', CheckOut: '/checkout', Payment: '/payment' }; const PageLink = ({ pageName, path })=>/*#__PURE__*/ React.createElement("a", { href: path, className: "text-[#121212] font-roboto hover:text-[#ff9900] p-2 md:p-4 text-sm md:text-base", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, pageName); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex justify-between items-center p-4 md:p-6", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-2xl md:text-4xl font-bold text-[#121212]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "SHOPPEROO"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, Object.entries(pages).map(([pageName, path])=>/*#__PURE__*/ React.createElement(PageLink, { key: path, pageName: pageName, path: path, __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] text-white text-center p-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-sm md:text-md", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " SHOPPEROO. All rights reserved."))); }