function MainComponent() { const [activeGoal, setActiveGoal] = useState(""); const [goals, setGoals] = useState([ { id: 1, title: "Learn a New Language", progress: 30 }, { id: 2, title: "Daily Meditation", progress: 45 }, { id: 3, title: "Fitness Goals", progress: 70 } ]); const [insights, setInsights] = useState([ "You're making great progress with your fitness goals!", "Consider adding 5 minutes to your meditation practice", "Try practicing your language skills during daily activities" ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a202c] to-[#2d3748] p-6", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-white mb-4 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Growth Journey"), /*#__PURE__*/ React.createElement("p", { className: "text-[#a0aec0] text-lg font-inter", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Your AI-Powered Personal Development Assistant")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-[#2a3441] rounded-xl p-6", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6 font-roboto flex items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bullseye mr-3", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }), "Your Goals"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, goals.map((goal)=>/*#__PURE__*/ React.createElement("div", { key: goal.id, className: "bg-[#374151] p-4 rounded-lg hover:bg-[#404b5f] transition-colors", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-2", __source: { fileName: "", lineNumber: 39, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-inter", __source: { fileName: "", lineNumber: 40, columnNumber: 21 }, __self: this }, goal.title), /*#__PURE__*/ React.createElement("span", { className: "text-[#a0aec0] text-sm", __source: { fileName: "", lineNumber: 41, columnNumber: 21 }, __self: this }, goal.progress, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#1a202c] rounded-full h-2", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#4299e1] h-2 rounded-full transition-all duration-500", style: { width: `${goal.progress}%` }, __source: { fileName: "", lineNumber: 46, columnNumber: 21 }, __self: this })))))), /*#__PURE__*/ React.createElement("section", { className: "bg-[#2a3441] rounded-xl p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white mb-6 font-roboto flex items-center", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain mr-3", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }), "AI Insights"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, insights.map((insight, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#374151] p-4 rounded-lg hover:bg-[#404b5f] transition-colors", __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#a0aec0] font-inter", __source: { fileName: "", lineNumber: 67, columnNumber: 19 }, __self: this }, insight))))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#4299e1] hover:bg-[#3182ce] text-white font-bold py-3 px-6 rounded-lg transition-colors font-inter flex items-center justify-center", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }), "Add New Goal"))))); }