function MainComponent() { const [currentPage, setCurrentPage] = React.useState('home'); const renderContent = ()=>{ switch(currentPage){ case 'home': return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Welcome to the Student Hub")); case 'householdHelp': return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Household Help for Students")); case 'houseRentals': return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Student House Rentals")); case 'gyms': return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Gyms Near Campus")); case 'academicHelp': return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Academic Assistance for Students")); case 'notesAndStudyMaterial': return /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212]", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "Notes and Study Material")); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f0] font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#ffffff] shadow-md", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-wrap justify-around py-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('householdHelp'), className: `text-lg ${currentPage === 'householdHelp' ? 'text-[#555555]' : 'text-[#121212]'} hover:text-[#555555] transition-colors`, __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Household Help")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('houseRentals'), className: `text-lg ${currentPage === 'houseRentals' ? 'text-[#555555]' : 'text-[#121212]'} hover:text-[#555555] transition-colors`, __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "House Rentals")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('gyms'), className: `text-lg ${currentPage === 'gyms' ? 'text-[#555555]' : 'text-[#121212]'} hover:text-[#555555] transition-colors`, __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Gyms")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('academicHelp'), className: `text-lg ${currentPage === 'academicHelp' ? 'text-[#555555]' : 'text-[#121212]'} hover:text-[#555555] transition-colors`, __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Academic Help")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('notesAndStudyMaterial'), className: `text-lg ${currentPage === 'notesAndStudyMaterial' ? 'text-[#555555]' : 'text-[#121212]'} hover:text-[#555555] transition-colors`, __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Notes & Study Material")))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this }, renderContent())); }