Hugging Face's logo

Spaces:
flen-crypto
/
wellness-wave
Running

App Files Community
flen-crypto commited on
Commit
914a4f3
·
verified ·
1 Parent(s): c349f86

add Diary

Browse files
Files changed (3) hide show
  1. diary.html +166 -0
  2. gym.html +226 -0
  3. index.html +12 -12
diary.html ADDED
@@ -0,0 +1,166 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Food Diary - Wellness Wave</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
13
+ <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
14
+ </head>
15
+ <body class="bg-gradient-to-br from-teal-50 to-cyan-100 min-h-screen flex flex-col">
16
+ <custom-navbar></custom-navbar>
17
+
18
+ <!-- Diary Header -->
19
+ <section class="py-16 px-4 md:px-8 bg-gradient-to-br from-cyan-50 to-teal-100">
20
+ <div class="max-w-7xl mx-auto text-center">
21
+ <h1 class="text-4xl md:text-5xl font-bold text-teal-800 mb-6" data-aos="fade-up">
22
+ Food Diary Analytics 📊
23
+ </h1>
24
+ <p class="text-xl text-teal-600 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
25
+ Track your nutrition and get personalized insights for better health
26
+ </p>
27
+ </div>
28
+ </section>
29
+
30
+ <!-- Diary Stats -->
31
+ <section class="py-12 px-4 md:px-8 bg-white">
32
+ <div class="max-w-7xl mx-auto">
33
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-12">
34
+ <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg text-center" data-aos="fade-up">
35
+ <i data-feather="trending-up" class="text-teal-500 w-12 h-12 mx-auto mb-4"></i>
36
+ <h3 class="text-2xl font-bold text-teal-800 mb-2">Daily Calories</h3>
37
+ <p class="text-3xl font-bold text-teal-600">2,150</p>
38
+ <p class="text-teal-500">Goal: 2,200</p>
39
+ </div>
40
+
41
+ <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg text-center" data-aos="fade-up" data-aos-delay="100">
42
+ <i data-feather="droplet" class="text-teal-500 w-12 h-12 mx-auto mb-4"></i>
43
+ <h3 class="text-2xl font-bold text-teal-800 mb-2">Water Intake</h3>
44
+ <p class="text-3xl font-bold text-teal-600">6</p>
45
+ <p class="text-teal-500">Glasses (Goal: 8)</p>
46
+ </div>
47
+
48
+ <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg text-center" data-aos="fade-up" data-aos-delay="200">
49
+ <i data-feather="activity" class="text-teal-500 w-12 h-12 mx-auto mb-4"></i>
50
+ <h3 class="text-2xl font-bold text-teal-800 mb-2">Active Minutes</h3>
51
+ <p class="text-3xl font-bold text-teal-600">45</p>
52
+ <p class="text-teal-500">Today (Goal: 60)</p>
53
+ </div>
54
+
55
+ <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg text-center" data-aos="fade-up" data-aos-delay="300">
56
+ <i data-feather="moon" class="text-teal-500 w-12 h-12 mx-auto mb-4"></i>
57
+ <h3 class="text-2xl font-bold text-teal-800 mb-2">Sleep</h3>
58
+ <p class="text-3xl font-bold text-teal-600">7.5h</p>
59
+ <p class="text-teal-500">Last night (Goal: 8h)</p>
60
+ </div>
61
+ </div>
62
+
63
+ <!-- Add Entry Form -->
64
+ <div class="bg-gradient-to-br from-cyan-50 to-teal-100 rounded-2xl shadow-xl p-6 mb-12" data-aos="fade-up">
65
+ <h2 class="text-2xl font-bold text-teal-800 mb-6">Add New Entry</h2>
66
+ <form id="diaryForm" class="space-y-6">
67
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
68
+ <div>
69
+ <label class="block text-lg font-semibold text-teal-800 mb-2">Meal Type</label>
70
+ <select class="w-full p-3 rounded-lg border-2 border-teal-200 focus:border-teal-500 focus:outline-none">
71
+ <option>Breakfast</option>
72
+ <option>Lunch</option>
73
+ <option>Dinner</option>
74
+ <option>Snack</option>
75
+ </select>
76
+ </div>
77
+
78
+ <div>
79
+ <label class="block text-lg font-semibold text-teal-800 mb-2">Time</label>
80
+ <input type="time" class="w-full p-3 rounded-lg border-2 border-teal-200 focus:border-teal-500 focus:outline-none">
81
+ </div>
82
+ </div>
83
+
84
+ <div>
85
+ <label class="block text-lg font-semibold text-teal-800 mb-2">Food Description</label>
86
+ <textarea class="w-full p-3 rounded-lg border-2 border-teal-200 focus:border-teal-500 focus:outline-none" rows="3" placeholder="Describe what you ate..."></textarea>
87
+ </div>
88
+
89
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
90
+ <div>
91
+ <label class="block text-lg font-semibold text-teal-800 mb-2">Calories</label>
92
+ <input type="number" class="w-full p-3 rounded-lg border-2 border-teal-200 focus:border-teal-500 focus:outline-none" placeholder="0">
93
+ </div>
94
+
95
+ <div>
96
+ <label class="block text-lg font-semibold text-teal-800 mb-2">Protein (g)</label>
97
+ <input type="number" class="w-full p-3 rounded-lg border-2 border-teal-200 focus:border-teal-500 focus:outline-none" placeholder="0">
98
+ </div>
99
+
100
+ <div>
101
+ <label class="block text-lg font-semibold text-teal-800 mb-2">Carbs (g)</label>
102
+ <input type="number" class="w-full p-3 rounded-lg border-2 border-teal-200 focus:border-teal-500 focus:outline-none" placeholder="0">
103
+ </div>
104
+ </div>
105
+
106
+ <button type="submit" class="w-full bg-teal-500 hover:bg-teal-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
107
+ Add to Diary
108
+ </button>
109
+ </form>
110
+ </div>
111
+
112
+ <!-- Diary Entries -->
113
+ <div class="bg-white rounded-2xl shadow-xl p-6" data-aos="fade-up">
114
+ <h2 class="text-2xl font-bold text-teal-800 mb-6">Today's Entries</h2>
115
+
116
+ <div class="space-y-4">
117
+ <div class="flex items-center justify-between p-4 bg-gradient-to-r from-teal-50 to-cyan-50 rounded-lg">
118
+ <div>
119
+ <h3 class="font-bold text-teal-800">Oatmeal with Berries</h3>
120
+ <p class="text-teal-600">Breakfast - 8:30 AM</p>
121
+ </div>
122
+ <div class="text-right">
123
+ <p class="font-bold text-teal-800">320 cal</p>
124
+ <p class="text-sm text-teal-600">12g protein, 58g carbs</p>
125
+ </div>
126
+ </div>
127
+
128
+ <div class="flex items-center justify-between p-4 bg-gradient-to-r from-teal-50 to-cyan-50 rounded-lg">
129
+ <div>
130
+ <h3 class="font-bold text-teal-800">Grilled Chicken Salad</h3>
131
+ <p class="text-teal-600">Lunch - 1:15 PM</p>
132
+ </div>
133
+ <div class="text-right">
134
+ <p class="font-bold text-teal-800">420 cal</p>
135
+ <p class="text-sm text-teal-600">35g protein, 18g carbs</p>
136
+ </div>
137
+ </div>
138
+
139
+ <div class="flex items-center justify-between p-4 bg-gradient-to-r from-teal-50 to-cyan-50 rounded-lg">
140
+ <div>
141
+ <h3 class="font-bold text-teal-800">Protein Shake</h3>
142
+ <p class="text-teal-600">Snack - 4:00 PM</p>
143
+ </div>
144
+ <div class="text-right">
145
+ <p class="font-bold text-teal-800">180 cal</p>
146
+ <p class="text-sm text-teal-600">25g protein, 8g carbs</p>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ </section>
153
+
154
+ <custom-footer></custom-footer>
155
+ <script src="components/navbar.js"></script>
156
+ <script src="components/footer.js"></script>
157
+ <script src="script.js"></script>
158
+ <script>
159
+ feather.replace();
160
+ AOS.init({
161
+ duration: 800,
162
+ once: true
163
+ });
164
+ </script>
165
+ </body>
166
+ </html>
gym.html ADDED
@@ -0,0 +1,226 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Gym Benni Planner - Wellness Wave</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <link rel="stylesheet" href="style.css">
9
+ <script src="https://cdn.tailwindcss.com"></script>
10
+ <script src="https://unpkg.com/feather-icons"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
13
+ <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
14
+ </head>
15
+ <body class="bg-gradient-to-br from-teal-50 to-cyan-100 min-h-screen flex flex-col">
16
+ <custom-navbar></custom-navbar>
17
+
18
+ <!-- Gym Header -->
19
+ <section class="py-16 px-4 md:px-8 bg-gradient-to-br from-cyan-50 to-teal-100">
20
+ <div class="max-w-7xl mx-auto text-center">
21
+ <h1 class="text-4xl md:text-5xl font-bold text-teal-800 mb-6" data-aos="fade-up">
22
+ Gym Benni Planner 💪
23
+ </h1>
24
+ <p class="text-xl text-teal-600 max-w-3xl mx-auto mb-10" data-aos="fade-up" data-aos-delay="100">
25
+ AI-powered workout plans that adapt to your progress and fitness goals
26
+ </p>
27
+ </div>
28
+ </section>
29
+
30
+ <!-- Workout Plan -->
31
+ <section class="py-12 px-4 md:px-8 bg-white">
32
+ <div class="max-w-7xl mx-auto">
33
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
34
+ <!-- Plan Summary -->
35
+ <div class="lg:col-span-1">
36
+ <div class="bg-gradient-to-br from-cyan-50 to-teal-100 rounded-2xl shadow-xl p-6 mb-8" data-aos="fade-up">
37
+ <h2 class="text-2xl font-bold text-teal-800 mb-4">Your Plan</h2>
38
+ <div class="space-y-4">
39
+ <div>
40
+ <p class="text-teal-600">Focus Area</p>
41
+ <p class="font-bold text-teal-800">Full Body Strength</p>
42
+ </div>
43
+
44
+ <div>
45
+ <p class="text-teal-600">Difficulty</p>
46
+ <p class="font-bold text-teal-800">Intermediate</p>
47
+ </div>
48
+
49
+ <div>
50
+ <p class="text-teal-600">Duration</p>
51
+ <p class="font-bold text-teal-800">45 minutes</p>
52
+ </div>
53
+
54
+ <div>
55
+ <p class="text-teal-600">Next Session</p>
56
+ <p class="font-bold text-teal-800">Today, 6:00 PM</p>
57
+ </div>
58
+ </div>
59
+
60
+ <button class="w-full mt-6 bg-teal-500 hover:bg-teal-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
61
+ Start Workout
62
+ </button>
63
+ </div>
64
+
65
+ <!-- Progress Stats -->
66
+ <div class="bg-gradient-to-br from-cyan-50 to-teal-100 rounded-2xl shadow-xl p-6" data-aos="fade-up" data-aos-delay="100">
67
+ <h2 class="text-2xl font-bold text-teal-800 mb-4">Weekly Progress</h2>
68
+ <div class="space-y-4">
69
+ <div>
70
+ <div class="flex justify-between mb-1">
71
+ <span class="text-teal-700">Workouts Completed</span>
72
+ <span class="text-teal-700">3/5</span>
73
+ </div>
74
+ <div class="w-full bg-teal-200 rounded-full h-2.5">
75
+ <div class="bg-teal-500 h-2.5 rounded-full" style="width: 60%"></div>
76
+ </div>
77
+ </div>
78
+
79
+ <div>
80
+ <div class="flex justify-between mb-1">
81
+ <span class="text-teal-700">Strength Gain</span>
82
+ <span class="text-teal-700">12%</span>
83
+ </div>
84
+ <div class="w-full bg-teal-200 rounded-full h-2.5">
85
+ <div class="bg-teal-500 h-2.5 rounded-full" style="width: 12%"></div>
86
+ </div>
87
+ </div>
88
+
89
+ <div>
90
+ <div class="flex justify-between mb-1">
91
+ <span class="text-teal-700">Consistency</span>
92
+ <span class="text-teal-700">85%</span>
93
+ </div>
94
+ <div class="w-full bg-teal-200 rounded-full h-2.5">
95
+ <div class="bg-teal-500 h-2.5 rounded-full" style="width: 85%"></div>
96
+ </div>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </div>
101
+
102
+ <!-- Workout Details -->
103
+ <div class="lg:col-span-2">
104
+ <div class="bg-gradient-to-br from-cyan-50 to-teal-100 rounded-2xl shadow-xl p-6" data-aos="fade-up">
105
+ <h2 class="text-2xl font-bold text-teal-800 mb-6">Today's Workout</h2>
106
+
107
+ <div class="space-y-6">
108
+ <!-- Exercise 1 -->
109
+ <div class="bg-white rounded-xl p-5 shadow">
110
+ <div class="flex items-start">
111
+ <div class="w-10 h-10 rounded-full bg-teal-500 flex items-center justify-center mr-4 flex-shrink-0">
112
+ <span class="text-white font-bold">1</span>
113
+ </div>
114
+ <div class="flex-grow">
115
+ <h3 class="text-xl font-bold text-teal-800">Barbell Squats</h3>
116
+ <p class="text-teal-600 mb-3">Compound leg exercise targeting quads, glutes, and hamstrings</p>
117
+ <div class="flex flex-wrap gap-4">
118
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
119
+ <i data-feather="repeat" class="inline w-4 h-4 mr-1"></i> 3 sets
120
+ </div>
121
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
122
+ <i data-feather="refresh-cw" class="inline w-4 h-4 mr-1"></i> 12 reps
123
+ </div>
124
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
125
+ <i data-feather="bar-chart-2" class="inline w-4 h-4 mr-1"></i> 85 lbs
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+
132
+ <!-- Exercise 2 -->
133
+ <div class="bg-white rounded-xl p-5 shadow">
134
+ <div class="flex items-start">
135
+ <div class="w-10 h-10 rounded-full bg-teal-500 flex items-center justify-center mr-4 flex-shrink-0">
136
+ <span class="text-white font-bold">2</span>
137
+ </div>
138
+ <div class="flex-grow">
139
+ <h3 class="text-xl font-bold text-teal-800">Bench Press</h3>
140
+ <p class="text-teal-600 mb-3">Upper body exercise targeting chest, shoulders, and triceps</p>
141
+ <div class="flex flex-wrap gap-4">
142
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
143
+ <i data-feather="repeat" class="inline w-4 h-4 mr-1"></i> 4 sets
144
+ </div>
145
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
146
+ <i data-feather="refresh-cw" class="inline w-4 h-4 mr-1"></i> 10 reps
147
+ </div>
148
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
149
+ <i data-feather="bar-chart-2" class="inline w-4 h-4 mr-1"></i> 135 lbs
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </div>
154
+ </div>
155
+
156
+ <!-- Exercise 3 -->
157
+ <div class="bg-white rounded-xl p-5 shadow">
158
+ <div class="flex items-start">
159
+ <div class="w-10 h-10 rounded-full bg-teal-500 flex items-center justify-center mr-4 flex-shrink-0">
160
+ <span class="text-white font-bold">3</span>
161
+ </div>
162
+ <div class="flex-grow">
163
+ <h3 class="text-xl font-bold text-teal-800">Deadlifts</h3>
164
+ <p class="text-teal-600 mb-3">Full body exercise targeting posterior chain and core</p>
165
+ <div class="flex flex-wrap gap-4">
166
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
167
+ <i data-feather="repeat" class="inline w-4 h-4 mr-1"></i> 3 sets
168
+ </div>
169
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
170
+ <i data-feather="refresh-cw" class="inline w-4 h-4 mr-1"></i> 8 reps
171
+ </div>
172
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
173
+ <i data-feather="bar-chart-2" class="inline w-4 h-4 mr-1"></i> 155 lbs
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </div>
178
+ </div>
179
+
180
+ <!-- Exercise 4 -->
181
+ <div class="bg-white rounded-xl p-5 shadow">
182
+ <div class="flex items-start">
183
+ <div class="w-10 h-10 rounded-full bg-teal-500 flex items-center justify-center mr-4 flex-shrink-0">
184
+ <span class="text-white font-bold">4</span>
185
+ </div>
186
+ <div class="flex-grow">
187
+ <h3 class="text-xl font-bold text-teal-800">Pull-ups</h3>
188
+ <p class="text-teal-600 mb-3">Upper body exercise targeting back and biceps</p>
189
+ <div class="flex flex-wrap gap-4">
190
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
191
+ <i data-feather="repeat" class="inline w-4 h-4 mr-1"></i> 3 sets
192
+ </div>
193
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
194
+ <i data-feather="refresh-cw" class="inline w-4 h-4 mr-1"></i> Max reps
195
+ </div>
196
+ <div class="bg-teal-50 px-3 py-1 rounded-full text-teal-700">
197
+ <i data-feather="award" class="inline w-4 h-4 mr-1"></i> 12 reps
198
+ </div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <button class="w-full mt-8 bg-teal-500 hover:bg-teal-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">
206
+ Complete Workout
207
+ </button>
208
+ </div>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </section>
213
+
214
+ <custom-footer></custom-footer>
215
+ <script src="components/navbar.js"></script>
216
+ <script src="components/footer.js"></script>
217
+ <script src="script.js"></script>
218
+ <script>
219
+ feather.replace();
220
+ AOS.init({
221
+ duration: 800,
222
+ once: true
223
+ });
224
+ </script>
225
+ </body>
226
+ </html>
index.html CHANGED
@@ -52,11 +52,11 @@
52
  <p class="text-teal-600 mb-4">
53
  Custom yoga routines tailored to your fitness level and wellness goals
54
  </p>
55
- <a href="#retreat" class="text-teal-500 font-semibold flex items-center">
56
- Configure Retreat
57
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
58
  </a>
59
- </div>
60
 
61
  <!-- Feature Card 2 -->
62
  <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2" data-aos="fade-up" data-aos-delay="100">
@@ -67,11 +67,11 @@
67
  <p class="text-teal-600 mb-4">
68
  Track and analyze your nutrition with intelligent insights and recommendations
69
  </p>
70
- <a href="#" class="text-teal-500 font-semibold flex items-center">
71
  View Dashboard
72
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
73
  </a>
74
- </div>
75
 
76
  <!-- Feature Card 3 -->
77
  <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2" data-aos="fade-up" data-aos-delay="200">
@@ -82,11 +82,11 @@
82
  <p class="text-teal-600 mb-4">
83
  AI-powered workout plans that adapt to your progress and fitness goals
84
  </p>
85
- <a href="#" class="text-teal-500 font-semibold flex items-center">
86
  Create Plan
87
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
88
  </a>
89
- </div>
90
 
91
  <!-- Feature Card 4 -->
92
  <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2" data-aos="fade-up" data-aos-delay="300">
@@ -101,7 +101,7 @@
101
  Join Community
102
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
103
  </a>
104
- </div>
105
  </div>
106
  </div>
107
  </section>
@@ -207,7 +207,7 @@
207
  Join Discussions
208
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
209
  </a>
210
- </div>
211
 
212
  <div class="bg-white rounded-2xl p-6 shadow-lg" data-aos="fade-up" data-aos-delay="100">
213
  <div class="w-16 h-16 rounded-full bg-teal-500 flex items-center justify-center mb-6">
@@ -221,7 +221,7 @@
221
  View Events
222
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
223
  </a>
224
- </div>
225
 
226
  <div class="bg-white rounded-2xl p-6 shadow-lg" data-aos="fade-up" data-aos-delay="200">
227
  <div class="w-16 h-16 rounded-full bg-teal-500 flex items-center justify-center mb-6">
@@ -235,7 +235,7 @@
235
  Share Achievements
236
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
237
  </a>
238
- </div>
239
  </div>
240
  </div>
241
  </section>
@@ -306,7 +306,7 @@
306
  <script src="components/navbar.js"></script>
307
  <script src="components/footer.js"></script>
308
  <script src="script.js"></script>
309
- <script>
310
  feather.replace();
311
  AOS.init({
312
  duration: 800,
 
52
  <p class="text-teal-600 mb-4">
53
  Custom yoga routines tailored to your fitness level and wellness goals
54
  </p>
55
+ <a href="diary.html" class="text-teal-500 font-semibold flex items-center">
56
+ View Diary
57
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
58
  </a>
59
+ </div>
60
 
61
  <!-- Feature Card 2 -->
62
  <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2" data-aos="fade-up" data-aos-delay="100">
 
67
  <p class="text-teal-600 mb-4">
68
  Track and analyze your nutrition with intelligent insights and recommendations
69
  </p>
70
+ <a href="diary.html" class="text-teal-500 font-semibold flex items-center">
71
  View Dashboard
72
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
73
  </a>
74
+ </div>
75
 
76
  <!-- Feature Card 3 -->
77
  <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2" data-aos="fade-up" data-aos-delay="200">
 
82
  <p class="text-teal-600 mb-4">
83
  AI-powered workout plans that adapt to your progress and fitness goals
84
  </p>
85
+ <a href="gym.html" class="text-teal-500 font-semibold flex items-center">
86
  Create Plan
87
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
88
  </a>
89
+ </div>
90
 
91
  <!-- Feature Card 4 -->
92
  <div class="bg-gradient-to-br from-teal-50 to-cyan-50 rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-2" data-aos="fade-up" data-aos-delay="300">
 
101
  Join Community
102
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
103
  </a>
104
+ </div>
105
  </div>
106
  </div>
107
  </section>
 
207
  Join Discussions
208
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
209
  </a>
210
+ </div>
211
 
212
  <div class="bg-white rounded-2xl p-6 shadow-lg" data-aos="fade-up" data-aos-delay="100">
213
  <div class="w-16 h-16 rounded-full bg-teal-500 flex items-center justify-center mb-6">
 
221
  View Events
222
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
223
  </a>
224
+ </div>
225
 
226
  <div class="bg-white rounded-2xl p-6 shadow-lg" data-aos="fade-up" data-aos-delay="200">
227
  <div class="w-16 h-16 rounded-full bg-teal-500 flex items-center justify-center mb-6">
 
235
  Share Achievements
236
  <i data-feather="arrow-right" class="ml-2" width="16" height="16"></i>
237
  </a>
238
+ </div>
239
  </div>
240
  </div>
241
  </section>
 
306
  <script src="components/navbar.js"></script>
307
  <script src="components/footer.js"></script>
308
  <script src="script.js"></script>
309
+ <script>
310
  feather.replace();
311
  AOS.init({
312
  duration: 800,