function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-screen-lg mx-auto py-8 px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center pb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#1D4ED8] font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "STUDY buddy"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-8", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl text-[#374151] font-roboto hover:text-[#1D4ED8]", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl text-[#374151] font-roboto hover:text-[#1D4ED8]", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, "Features")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl text-[#374151] font-roboto hover:text-[#1D4ED8]", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xl text-[#374151] font-roboto hover:text-[#1D4ED8]", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "text-center py-12", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#374151] font-bold font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Empower Your Study Sessions"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#374151] font-roboto mt-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Join STUDY buddy today and gain access to a wide array of learning tools and communities.")), /*#__PURE__*/ React.createElement("section", { className: "mt-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#E2E8F0] p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl text-[#1D4ED8] font-roboto font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Interactive Lessons"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#374151] font-roboto mt-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Engaging, informative lessons that help you learn at your own pace.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#E2E8F0] p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl text-[#1D4ED8] font-roboto font-bold", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Study Groups"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#374151] font-roboto mt-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Find peers to study with and enhance your learning experience.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#E2E8F0] p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl text-[#1D4ED8] font-roboto font-bold", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "24/7 Support"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#374151] font-roboto mt-2", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Access to mentors and tutors anytime you need help.")))), /*#__PURE__*/ React.createElement("footer", { className: "mt-12 py-4 bg-[#1D4ED8] text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-lg font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "© 2023 STUDY buddy. All rights reserved."))); }