function MainComponent() { const headerText = "Weightloss Fitness App"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#22c55e] p-4 text-white text-center font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-3xl lg:text-4xl", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, headerText)), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Set Your Fitness Goals"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fitnessGoal", className: "p-2 border border-gray-300 rounded focus:outline-none focus:border-[#22c55e]", placeholder: "Describe your fitness goal", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "goalDeadline", className: "p-2 border border-gray-300 rounded focus:outline-none focus:border-[#22c55e]", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#34d399] text-white font-roboto py-2 rounded hover:bg-[#059669]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Set Goal"))), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Nutrition Plan"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "mealType", className: "p-2 border border-gray-300 rounded focus:outline-none focus:border-[#22c55e]", placeholder: "Meal Type (e.g., Breakfast, Lunch)", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "mealDescription", className: "p-2 border border-gray-300 rounded focus:outline-none focus:border-[#22c55e]", rows: "3", placeholder: "Describe your meal", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#34d399] text-white font-roboto py-2 rounded hover:bg-[#059669]", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "Add Meal"))), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "Exercise Routine"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "exerciseType", className: "p-2 border border-gray-300 rounded focus:outline-none focus:border-[#22c55e]", placeholder: "Type of Exercise", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "exerciseDuration", className: "p-2 border border-gray-300 rounded focus:outline-none focus:border-[#22c55e]", placeholder: "Duration (e.g., 30 mins, 1 hour)", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#34d399] text-white font-roboto py-2 rounded hover:bg-[#059669]", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Log Exercise"))), /*#__PURE__*/ React.createElement("section", { className: "my-8", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212] mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, "Your Progress"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-between items-center", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/weight-graph.png", alt: "Graph showing weight change over time", className: "w-full md:w-[48%] lg:w-[32%] rounded-lg shadow", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/fitness-routine.png", alt: "Illustration of a fitness routine", className: "w-full md:w-[48%] lg:w-[32%] mt-4 md:mt-0 rounded-lg shadow", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/meal-plan.png", alt: "Meal plan for the week", className: "w-full md:w-[48%] lg:w-[32%] mt-4 lg:mt-0 rounded-lg shadow", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#15803d] p-4 text-center text-white font-roboto", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, "Made with 💚 by Weightloss Fitness App"))); }