function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "col-span-1 lg:col-span-4 bg-[#e6e6e6] py-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center items-center space-x-8", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks text-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Tasks")), /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Timer")), /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Settings")))), /*#__PURE__*/ React.createElement("header", { className: "lg:col-span-4 text-center py-10 bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#121212]", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Welcome to FocusFlow"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mt-4 text-[#565656]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Empowering Neurodivergent Productivity")), /*#__PURE__*/ React.createElement("aside", { className: "bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-xl text-[#565656]", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "mt-4 text-lg text-[#121212]", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Your Modules"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mt-2 text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Custom Dashboard"), /*#__PURE__*/ React.createElement("li", { className: "mt-2 text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Task Organizer"), /*#__PURE__*/ React.createElement("li", { className: "mt-2 text-[#565656] hover:text-[#121212]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Focus Timer"))), /*#__PURE__*/ React.createElement("main", { className: "col-span-1 md:col-span-2 lg:col-span-3 p-4", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-[#fafafa] p-6 mb-4 rounded-lg", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Dashboard Overview"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "Upcoming Tasks")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "Calendar")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "Recent Activity")))), /*#__PURE__*/ React.createElement("section", { className: "p-6 mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-[#121212]", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Focus Timer"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center items-center space-x-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#34a853] text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Start"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#fbbc05] text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Pause"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ea4335] text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Reset")))), /*#__PURE__*/ React.createElement("footer", { className: "lg:col-span-4 text-center py-10 bg-[#e6e6e6]", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg text-[#121212]", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Connect With Us"), /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center mt-2", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] mx-2", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] mx-2", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { className: "text-[#565656] mx-2", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg text-[#121212]", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "mt-2 text-[#565656]", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "Help"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Privacy Policy")))))); }