function MainComponent() { const logoText = "Zapenda"; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F5F5F5] text-[#121212]", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#010101] p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-white text-xl", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, logoText), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto hover:text-[#DDDDDD]", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto hover:text-[#DDDDDD]", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Catalog"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto hover:text-[#DDDDDD]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Custom Order"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white font-roboto hover:text-[#DDDDDD]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-bars text-white text-xl", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-center text-center h-[400px] bg-[url('/images/zapenda-banner.jpg')] bg-cover", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-4xl text-white", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Handmade African Fashion"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-white mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Custom-fit, Detroit spirit"))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-3xl mb-6 text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Featured Collection")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-3xl mb-6 text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Design Your Own"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#FFD700] text-[#010101] font-roboto px-6 py-2 rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "Start Creating")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] text-white p-4 text-center", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " Zapenda. All rights reserved."), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Detroit, MI")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }