function MainComponent() { const [isHomepage, setIsHomepage] = React.useState(true); const [isEventsPage, setIsEventsPage] = React.useState(false); const [isCreatorSpotlightPage, setIsCreatorSpotlightPage] = React.useState(false); const [isArtworkGalleryPage, setIsArtworkGalleryPage] = React.useState(false); const [isPodcastsSectionPage, setIsPodcastsSectionPage] = React.useState(false); const [isEducationalInfographicsPage, setIsEducationalInfographicsPage] = React.useState(false); const [isCommunityCollateralPage, setIsCommunityCollateralPage] = React.useState(false); const [isSponsorshipPage, setIsSponsorshipPage] = React.useState(false); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, isHomepage && /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "h-[300px] md:h-[500px] bg-gradient-to-r from-[#6e45e2] to-[#88d3ce] flex justify-center items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#fff] p-4 max-w-[1200px] mx-auto", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-roboto font-bold mb-6", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, "Celebrating Afrocentric Art & Culture"), /*#__PURE__*/ React.createElement("p", { className: "text-lg md:text-xl font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, "Explore our dynamic collage of Afrocentric artworks and engage with a variety of cultural content."))), /*#__PURE__*/ React.createElement("section", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("section", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("section", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this })), isEventsPage && /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), isCreatorSpotlightPage && /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), isArtworkGalleryPage && /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("section", { className: "max-w-[90%] mx-auto py-8", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Your Name", name: "artistName", className: "border p-2 mr-4", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "artwork", className: "border p-2", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#34a853] text-white p-2 rounded", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "Submit Artwork")))), isPodcastsSectionPage && /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this })), isEducationalInfographicsPage && /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this })), isCommunityCollateralPage && /*#__PURE__*/ React.createElement("div", { className: "py-8 px-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this })), isSponsorshipPage && /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto p-8", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Business Name", name: "businessName", className: "border-black border w-full p-2 font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Your Proposal", name: "proposalDetails", className: "border-black border w-full p-4 h-[150px] font-roboto", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#ffce31] p-2 font-roboto", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "Express Interest"))))); }