1<!doctype html> 2<html lang="en" class="scroll-smooth"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="csrf-token" content="ZNPJFTGxgf9yLnXN1a3t6DbDokSQUd2wGZrKrTNe"> 7 <title>Meal Plans by Diet Type & Calorie Goal: Browse 30+ Plans</title> 8 <meta name="description" content="Browse 30+ meal plans by diet type and calorie goal. Keto, Mediterranean, vegan, high-protein, diabetic, and more â each with recipes, macros, and a grocery list."> 9 <link rel="canonical" href="https://ai-mealplan.com/meal-plan"/> 10 11 <link rel="preconnect" href="https://fonts.googleapis.com"> 12 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 13 <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet"> 14 15 <link rel="icon" type="image/x-icon" href="https://ai-mealplan.com/images/favicon.ico?v=1790348839"> 16 <link rel="icon" type="image/png" sizes="32x32" href="https://ai-mealplan.com/images/favicon-32x32.png?v=1790348839"> 17 <link rel="icon" type="image/png" sizes="16x16" href="https://ai-mealplan.com/images/favicon-16x16.png?v=1790348839"> 18 <link rel="apple-touch-icon" sizes="180x180" href="https://ai-mealplan.com/images/apple-touch-icon.png?v=1790348839"> 19 20 <link rel="preload" as="style" href="https://ai-mealplan.com/build/assets/app-DimnIXJ2.css" /><link rel="stylesheet" href="https://ai-mealplan.com/build/assets/app-DimnIXJ2.css" /> 21 <style> 22 body { font-family: 'Plus Jakarta Sans', sans-serif; } 23 .font-serif { font-family: 'Playfair Display', serif; } 24 .cal-scroll { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 4px 0 16px; } 25 .cal-scroll::-webkit-scrollbar { display: none; } 26 .cal-card { scroll-snap-align: start; flex: 0 0 280px; } 27 @media (min-width: 768px) { .cal-card { flex: 0 0 320px; } } 28 .cal-arrow { width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.06); transition: all .15s; } 29 .cal-arrow:hover { background: #f0faf6; border-color: #1f5a4b; } 30 .cal-arrow:disabled { opacity: .3; cursor: default; } 31 .filter-btn { padding: 8px 18px; border-radius: 999px; font-size: 14px; font-weight: 700; border: 1.5px solid #e2e8f0; background: #fff; color: #475569; cursor: pointer; transition: all .15s; white-space: nowrap; } 32 .filter-btn:hover { border-color: #1f5a4b; color: #1f5a4b; } 33 .filter-btn.active { background: #1f5a4b; color: #fff; border-color: #1f5a4b; } 34 </style> 35 </head> 36 <body class="antialiased text-slate-800 bg-white"> 37 <style> 38 /* Dropdown Shared Styles */ 39 .nav-dropdown{position:static} 40 .nav-dropdown-btn{display:flex;align-items:center;gap:4px;cursor:pointer;padding:20px 0;margin:-20px 0} 41 .nav-dropdown-btn svg{width:12px;height:12px;transition:transform .2s} 42 .nav-dropdown:hover .nav-dropdown-btn svg,.nav-dropdown.open .nav-dropdown-btn svg{transform:rotate(180deg)} 43 .nav-dropdown-menu{position:fixed;top:5rem;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;background:#fff;box-shadow:0 8px 20px -4px rgba(0,0,0,.1);border-top:1px solid #e5e7eb;padding:2rem 0;z-index:99} 44 .nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto} 45 .nav-dropdown-inner{max-width:80rem;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px} 46 .nav-dropdown-col{display:flex;flex-direction:column;gap:4px} 47 .nav-dropdown-item{display:block;padding:8px 0;text-decoration:none;transition:color .15s} 48 .nav-dropdown-item:hover .nav-dropdown-title{color:#1f5a4b} 49 .nav-dropdown-title{font-size:0.875rem;font-weight:600;color:#1f2937;margin-bottom:2px} 50 .nav-dropdown-desc{font-size:0.8125rem;color:#6b7280;line-height:1.4} 51 /* Free Tools Dropdown - Full Width (legacy class support) */ 52 .tools-dropdown{position:static} 53 .tools-dropdown-btn{display:flex;align-items:center;gap:4px;cursor:pointer;padding:20px 0;margin:-20px 0} 54 .tools-dropdown-btn svg{width:12px;height:12px;transition:transform .2s} 55 .tools-dropdown:hover .tools-dropdown-btn svg,.tools-dropdown.open .tools-dropdown-btn svg{transform:rotate(180deg)} 56 .tools-dropdown-menu{position:fixed;top:5rem;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;background:#fff;box-shadow:0 8px 20px -4px rgba(0,0,0,.1);border-top:1px solid #e5e7eb;padding:2rem 0;z-index:99} 57 .tools-dropdown.open .tools-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto} 58 .tools-dropdown-inner{max-width:80rem;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px} 59 .tools-dropdown-col{display:flex;flex-direction:column;gap:4px} 60 .tools-dropdown-item{display:block;padding:8px 0;text-decoration:none;transition:color .15s} 61 .tools-dropdown-item:hover .tools-dropdown-title{color:#1f5a4b} 62 .tools-dropdown-title{font-size:0.875rem;font-weight:600;color:#1f2937;margin-bottom:2px} 63 .tools-dropdown-desc{font-size:0.8125rem;color:#6b7280;line-height:1.4} 64 @media(max-width:1100px){ 65 .tools-dropdown-inner,.nav-dropdown-inner{grid-template-columns:repeat(3,1fr);gap:20px} 66 }
67 @media(max-width:900px){ 68 .tools-dropdown-inner,.nav-dropdown-inner{grid-template-columns:repeat(2,1fr);gap:16px} 69 } 70</style> 71 72<header class="fixed w-full z-50 transition-all duration-300 bg-white/90 backdrop-blur-md border-b border-slate-100"> 73 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 74 <div class="flex items-center justify-between h-16 md:h-20"> 75 <!-- Logo --> 76 <a class="flex items-center gap-2 md:gap-3 group shrink-0" href="/" aria-label="AiMealPlan home"> 77 <span class="relative flex h-9 w-9 md:h-10 md:w-10 overflow-hidden rounded-full border border-slate-200"> 78 <img class="h-full w-full object-cover" src="https://ai-mealplan.com/images/android-chrome-192x192.png" alt="AI Meal Planner logo" width="32" height="32" /> 79 </span> 80 <span class="text-lg md:text-xl font-extrabold text-slate-900 tracking-tight">AI Meal Planner</span> 81 </a> 82 83 <!-- Desktop Nav --> 84 <nav class="hidden md:flex items-center gap-6 md:gap-8" aria-label="Primary navigation"> 85 86 <a href="/ai-nutritionist" class="text-sm font-semibold text-slate-600 hover:text-emerald-600 transition-colors">AI Nutritionist</a> 87 <a href="/blog" class="text-sm font-semibold text-slate-600 hover:text-emerald-600 transition-colors ">Blog</a> 88 <a href="/recipes" class="text-sm font-semibold text-slate-600 hover:text-emerald-600 transition-colors ">Recipes</a> 89 90 <!-- Meal Plans Dropdown --> 91 <div class="nav-dropdown plans-dropdown"> 92 <a href="/meal-plan" class="nav-dropdown-btn text-sm font-semibold text-slate-600 hover:text-emerald-600 transition-colors"> 93 Meal Plans 94 <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 95 </a> 96 <div class="nav-dropdown-menu"> 97 <div class="nav-dropdown-inner"> 98 <div class="nav-dropdown-col"> 99 <a href="/meal-plan/keto" class="nav-dropdown-item"> 100 <div class="nav-dropdown-title">Keto Meal Plan</div> 101 <div class="nav-dropdown-desc">Low-carb, high-fat for ketosis</div> 102 </a> 103 <a href="/meal-plan/mediterranean" class="nav-dropdown-item"> 104 <div class="nav-dropdown-title">Mediterranean Meal Plan</div> 105 <div class="nav-dropdown-desc">Heart-healthy with olive oil & fish</div> 106 </a> 107 <a href="/meal-plan/nordic" class="nav-dropdown-item"> 108 <div class="nav-dropdown-title">Nordic Diet Meal Plan</div> 109 <div class="nav-dropdown-desc">Rye, fish, berries, canola oil</div> 110 </a> 111 <a href="/meal-plan/paleo" class="nav-dropdown-item"> 112 <div class="nav-dropdown-title">Paleo Meal Plan</div> 113 <div class="nav-dropdown-desc">Whole foods, no grains or dairy</div> 114 </a> 115 <a href="/meal-plan/carnivore" class="nav-dropdown-item"> 116 <div class="nav-dropdown-title">Carnivore Meal Plan</div> 117 <div class="nav-dropdown-desc">All-meat, zero carb diet</div> 118 </a> 119 <a href="/meal-plan/teenage-girl" class="nav-dropdown-item"> 120 <div class="nav-dropdown-title">Teen Girl Meal Plan</div> 121 <div class="nav-dropdown-desc">Growth, iron & calcium for teens</div> 122 </a> 123 </div> 124 <div class="nav-dropdown-col"> 125 <a href="/meal-plan/high-protein" class="nav-dropdown-item"> 126 <div class="nav-dropdown-title">High-Protein Meal Plan</div> 127 <div class="nav-dropdown-desc">Build muscle & stay full longer</div> 128 </a> 129 <a href="/meal-plan/high-protein-low-carb" class="nav-dropdown-item"> 130 <div class="nav-dropdown-title">High-Protein Low-Carb Plan</div> 131 <div class="nav-dropdown-desc">150g+ protein, under 100g carbs</div> 132 </a> 133 <a href="/meal-plan/low-carb" class="nav-dropdown-item"> 134 <div class="nav-dropdown-title">Low-Carb Meal Plan</div> 135 <div class="nav-dropdown-desc">Reduce carbs without going keto</div> 136 </a> 137 <a href="/meal-plan/vegetarian" class="nav-dropdown-item"> 138 <div class="nav-dropdown-title">Vegetarian Meal Plan</div> 139 <div class="nav-dropdown-desc">Plant-based with eggs & dairy</div> 140 </a> 141 <a href="/meal-plan/vegan" class="nav-dropdown-item"> 142 <div class="nav-dropdown-title">Vegan Meal Plan</div> 143 <div class="nav-dropdown-desc">100% plant-based nutrition</div> 144 </a> 145 </div> 146 <div class="nav-dropdown-col"> 147 <a href="/meal-plan/balanced" class="nav-dropdown-item"> 148 <div class="nav-dropdown-title">Balanced Meal Plan</div> 149 <div class="nav-dropdown-desc">Classic nutrition for everyone</div> 150 </a> 151 <a href="/meal-plan/for-2-adults" class="nav-dropdown-item"> 152 <div class="nav-dropdown-title">Meal Plan for 2 Adults</div> 153 <div class="nav-dropdown-desc">Shared dinners, one grocery list</div> 154 </a> 155 <a href="/meal-plan/gluten-free" class="nav-dropdown-item"> 156 <div class="nav-dropdown-title">Gluten-Free Meal Plan</div> 157 <div class="nav-dropdown-desc">Safe meals without wheat or gluten</div> 158 </a> 159 <a href="/meal-plan/dash" class="nav-dropdown-item"> 160 <div class="nav-dropdown-title">DASH Meal Plan</div> 161 <div class="nav-dropdown-desc">Lower blood pressure naturally</div> 162 </a> 163 <a href="/meal-plan/lower-cholesterol" class="nav-dropdown-item"> 164 <div class="nav-dropdown-title">Lower Cholesterol Meal Plan</div> 165 <div class="nav-dropdown-desc">7-day menu to help lower LDL</div> 166 </a> 167 <a href="/meal-plan/diabetic" class="nav-dropdown-item"> 168 <div class="nav-dropdown-title">Diabetic Meal Plan</div> 169 <div class="nav-dropdown-desc">Control blood sugar with food</div> 170 </a> 171 <a href="/meal-plan/pancreatitis" class="nav-dropdown-item"> 172 <div class="nav-dropdown-title">Pancreatitis Meal Plan</div> 173 <div class="nav-dropdown-desc">Ultra-low-fat for pancreas recovery</div> 174 </a> 175 </div> 176 <div class="nav-dropdown-col"> 177 <a href="/meal-plan/1500-calorie" class="nav-dropdown-item"> 178 <div class="nav-dropdown-title">1500 Calorie Meal Plan</div> 179 <div class="nav-dropdown-desc">Portion-controlled weight loss</div> 180 </a> 181 <a href="/meal-plan/1800-calorie" class="nav-dropdown-item"> 182 <div class="nav-dropdown-title">1800 Calorie Meal Plan</div> 183 <div class="nav-dropdown-desc">Moderate deficit for steady loss</div> 184 </a> 185 <a href="/meal-plan/2700-calorie" class="nav-dropdown-item"> 186 <div class="nav-dropdown-title">2700 Calorie Meal Plan</div> 187 <div class="nav-dropdown-desc">High-calorie for bulking & athletes</div> 188 </a> 189 <a href="/meal-plan/calorie-deficit" class="nav-dropdown-item"> 190 <div class="nav-dropdown-title">Calorie Deficit Meal Plan</div> 191 <div class="nav-dropdown-desc">Eat less than you burn</div> 192 </a> 193 <a href="/meal-plan/carb-cycling" class="nav-dropdown-item"> 194 <div class="nav-dropdown-title">Carb Cycling Meal Plan</div> 195 <div class="nav-dropdown-desc">Alternate high & low carb days</div> 196 </a> 197 </div> 198 <div class="nav-dropdown-col"> 199 <a href="/meal-plan/pcos" class="nav-dropdown-item"> 200 <div class="nav-dropdown-title">PCOS Meal Plan</div> 201 <div class="nav-dropdown-desc">Manage PCOS with nutrition</div> 202 </a> 203 <a href="/meal-plan/gastritis" class="nav-dropdown-item"> 204 <div class="nav-dropdown-title">Gastritis Meal Plan</div> 205 <div class="nav-dropdown-desc">7-day plan for stomach healing</div> 206 </a> 207 <a href="/meal-plan/adhd" class="nav-dropdown-item"> 208 <div class="nav-dropdown-title">ADHD Meal Plan</div> 209 <div class="nav-dropdown-desc">
209Focus-boosting nutrition</div> 210 </a> 211 <a href="/meal-plan/fatty-liver" class="nav-dropdown-item"> 212 <div class="nav-dropdown-title">Fatty Liver Meal Plan</div> 213 <div class="nav-dropdown-desc">Liver-friendly whole foods</div> 214 </a> 215 <a href="/meal-plan/no-sugar" class="nav-dropdown-item"> 216 <div class="nav-dropdown-title">No Sugar Meal Plan</div> 217 <div class="nav-dropdown-desc">Cut added sugars, feel better</div> 218 </a> 219 </div> 220 </div> 221 <div style="max-width:80rem;margin:0 auto;padding:24px 32px 0"> 222 <a href="/meal-plan" style="font-size:14px;font-weight:600;color:#1f5a4b;text-decoration:none">View All Meal Plans â</a> 223 </div> 224 </div> 225 </div> 226 227 <!-- Free Tools Dropdown --> 228 <div class="tools-dropdown"> 229 <a href="/tools" class="tools-dropdown-btn text-sm font-semibold text-slate-600 hover:text-emerald-600 transition-colors"> 230 Free Tools 231 <svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 232 </a> 233 <div class="tools-dropdown-menu"> 234 <div class="tools-dropdown-inner"> 235 <div class="tools-dropdown-col"> 236 <a href="/tdee-calculator" class="tools-dropdown-item"> 237 <div class="tools-dropdown-title">TDEE Calculator</div> 238 <div class="tools-dropdown-desc">Find your daily energy expenditure</div> 239 </a> 240 <a href="/calorie-deficit-calculator" class="tools-dropdown-item"> 241 <div class="tools-dropdown-title">Calorie Deficit Calculator</div> 242 <div class="tools-dropdown-desc">Calculate your deficit for weight loss</div> 243 </a> 244 <a href="/bmi-calculator" class="tools-dropdown-item"> 245 <div class="tools-dropdown-title">BMI Calculator</div> 246 <div class="tools-dropdown-desc">Calculate your Body Mass Index</div> 247 </a> 248 <a href="/cooking-time-calculator" class="tools-dropdown-item"> 249 <div class="tools-dropdown-title">Cooking Time Calculator</div> 250 <div class="tools-dropdown-desc">Adjust time for temperature & size</div> 251 </a> 252 <a href="/boiled-egg-timer" class="tools-dropdown-item"> 253 <div class="tools-dropdown-title">Boiled Egg Timer</div> 254 <div class="tools-dropdown-desc">Online countdown for soft & hard eggs</div> 255 </a> 256 </div> 257 <div class="tools-dropdown-col"> 258 <a href="/calorie-macro-calculator" class="tools-dropdown-item"> 259 <div class="tools-dropdown-title">Calorie & Macro Calculator</div> 260 <div class="tools-dropdown-desc">Calculate calories and macros</div> 261 </a> 262 <a href="/keto-calculator" class="tools-dropdown-item"> 263 <div class="tools-dropdown-title">Keto Calculator</div> 264 <div class="tools-dropdown-desc">Calculate your keto diet macros</div> 265 </a> 266 <a href="/intermittent-fasting-calculator" class="tools-dropdown-item"> 267 <div class="tools-dropdown-title">Fasting Calculator</div> 268 <div class="tools-dropdown-desc">Free 16:8 / OMAD schedule</div> 269 </a> 270 <a href="/protein-intake-calculator" class="tools-dropdown-item"> 271 <div class="tools-dropdown-title">Protein Intake Calculator</div> 272 <div class="tools-dropdown-desc">Daily protein target for your goal</div> 273 </a> 274 <a href="/psmf-calculator" class="tools-dropdown-item"> 275 <div class="tools-dropdown-title">PSMF Calculator</div> 276 <div class="tools-dropdown-desc">Protein sparing modified fast macros</div> 277 </a> 278 </div> 279 <div class="tools-dropdown-col"> 280 <a href="/water-fasting-calculator" class="tools-dropdown-item"> 281 <div class="tools-dropdown-title">Water Fasting Calculator</div> 282 <div class="tools-dropdown-desc">3-day water-only fast weight loss</div> 283 </a> 284 <a href="/carb-cycling-calculator" class="tools-dropdown-item"> 285 <div class="tools-dropdown-title">Carb Cycling Calculator</div> 286 <div class="tools-dropdown-desc">Plan high, medium & low carb days</div> 287 </a> 288 <a href="/weight-gain-calculator" class="tools-dropdown-item"> 289 <div class="tools-dropdown-title">Weight Gain Calculator</div> 290 <div class="tools-dropdown-desc">Calculate surplus for muscle gain</div> 291 </a> 292 <a href="/weight-loss-calculator" class="tools-dropdown-item"> 293 <div class="tools-dropdown-title">Weight Loss Calculator</div> 294 <div class="tools-dropdown-desc">Estimate your weight loss timeline</div> 295 </a> 296 <a href="/treadmill-calorie-calculator" class="tools-dropdown-item"> 297 <div class="tools-dropdown-title">Treadmill Calorie Calculator</div> 298 <div class="tools-dropdown-desc">
298Calories burned on treadmill</div> 299 </a> 300 </div> 301 <div class="tools-dropdown-col"> 302 <a href="/body-fat-calculator" class="tools-dropdown-item"> 303 <div class="tools-dropdown-title">Body Fat Percentage Calculator</div> 304 <div class="tools-dropdown-desc">Navy tape, height & weight, ideal by age</div> 305 </a> 306 <a href="/army-body-fat-calculator" class="tools-dropdown-item"> 307 <div class="tools-dropdown-title">Army Body Fat Calculator</div> 308 <div class="tools-dropdown-desc">AR 600-9 tape test & standards</div> 309 </a> 310 <a href="/calories-per-meal-calculator" class="tools-dropdown-item"> 311 <div class="tools-dropdown-title">Calories Per Meal Calculator</div> 312 <div class="tools-dropdown-desc">Split daily calories across meals</div> 313 </a> 314 <a href="/water-intake-calculator" class="tools-dropdown-item"> 315 <div class="tools-dropdown-title">Water Intake Calculator</div> 316 <div class="tools-dropdown-desc">How much water should you drink</div> 317 </a> 318 <a href="/recipe-calorie-calculator" class="tools-dropdown-item"> 319 <div class="tools-dropdown-title">Recipe Calorie Calculator</div> 320 <div class="tools-dropdown-desc">Calories and macros for any recipe</div> 321 </a> 322 </div> 323 <div class="tools-dropdown-col"> 324 <a href="/bulking-calculator" class="tools-dropdown-item"> 325 <div class="tools-dropdown-title">Bulking Calculator</div> 326 <div class="tools-dropdown-desc">Calorie surplus for muscle building</div> 327 </a> 328 <a href="/starbucks-calorie-calculator" class="tools-dropdown-item"> 329 <div class="tools-dropdown-title">Starbucks Calorie Calculator</div> 330 <div class="tools-dropdown-desc">Find calories in Starbucks drinks</div> 331 </a> 332 <a href="/grocery-list-generator" class="tools-dropdown-item"> 333 <div class="tools-dropdown-title">Grocery List Generator</div> 334 <div class="tools-dropdown-desc">Generate smart shopping lists</div> 335 </a> 336 <a href="/random-meal-generator" class="tools-dropdown-item"> 337 <div class="tools-dropdown-title">Random Meal Generator</div> 338 <div class="tools-dropdown-desc">What should I eat tonight?</div> 339 </a> 340 <a href="/recipe-generator-from-ingredients" class="tools-dropdown-item"> 341 <div class="tools-dropdown-title">Recipe From Ingredients</div> 342 <div class="tools-dropdown-desc">Cook with what you have</div> 343 </a> 344 <a href="/distance-to-steps-calculator" class="tools-dropdown-item"> 345 <div class="tools-dropdown-title">Distance to Steps Calculator</div> 346 <div class="tools-dropdown-desc">How many steps in a mile or km</div> 347 </a> 348 </div> 349 </div> 350 <div style="max-width:80rem;margin:0 auto;padding:24px 32px 0"> 351 <a href="/tools" style="font-size:14px;font-weight:600;color:#1f5a4b;text-decoration:none">View All Free Tools â</a> 352 </div> 353 </div> 354 </div> 355 356 <a href="/onboarding?utm_source=nav&utm_medium=header&utm_campaign=cta" class="inline-flex items-center justify-center px-6 py-2.5 text-sm font-bold text-white transition-all bg-[#1f5a4b] rounded-full hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transform hover:-translate-y-0.5">Create your plan â¨</a> 357 </nav> 358 359 <!-- Mobile Menu Button --> 360 <button id="hamburger" class="md:hidden p-2 rounded-md text-slate-600 hover:text-slate-900 hover:bg-slate-100 focus:outline-none shrink-0" aria-label="Open menu"> 361 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 362 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 363 </svg> 364 </button> 365 </div> 366 </div> 367</header> 368 369<!-- Mobile Drawer Backdrop --> 370<div id="sideBackdrop" class="fixed inset-0 bg-slate-900/50 z-[60] hidden transition-opacity opacity-0" aria-hidden="true"></div> 371 372<!-- Mobile Drawer --> 373<aside id="sideDrawer" class="fixed inset-y-0 right-0 z-[70] w-full max-w-xs bg-white shadow-2xl transform translate-x-full transition-transform duration-300 ease-in-out flex flex-col" aria-hidden="true"> 374 <div class="flex items-center justify-between p-4 border-b border-slate-100 shrink-0"> 375 <span class="font-bold text-lg text-slate-900">Menu</span> 376 <button id="sideClose" class="p-2 rounded-md text-slate-500 hover:text-slate-900 hover:bg-slate-100 focus:outline-none" aria-label="Close"> 377 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 378 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 379 </svg> 380 </button> 381 </div> 382 <nav class="p-4 space-y-2 overflow-y-auto flex-1" aria-label="Mobile navigation"> 383 <a href="/onboarding" class="flex items-center justify-center w-full px-4 py-3 mb-4 text-base font-bold text-white bg-[#1f5a4b] rounded-full hover:bg-[#164236] shadow-lg shadow-emerald-900/10"> 384 Get Your Plan 385 </a> 386 <a class="block px-4 py-3 text-base font-semibold text-slate-700 hover:bg-slate-50 rounded-lg" href="/auth">Sign in</a> 387 388 389 <!-- Meal Plans Accordion --> 390 <div class="mobile-plans-accordion"> 391 <button type="button" class="flex items-center justify-between w-full px-4 py-3 text-base font-semibold text-slate-700 hover:bg-slate-50 rounded-lg" id="mobilePlansBtn">
392 <span>Meal Plans</span> 393 <svg class="w-4 h-4 transition-transform" id="mobilePlansArrow" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 394 </button> 395 <div id="mobilePlansList" class="hidden pl-4 pb-2 space-y-1"> 396 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/keto">Keto Meal Plan</a> 397 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/mediterranean">Mediterranean Meal Plan</a> 398 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/nordic">Nordic Diet Meal Plan</a> 399 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/paleo">Paleo Meal Plan</a> 400 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/high-protein">High-Protein Meal Plan</a> 401 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/high-protein-low-carb">High-Protein Low-Carb Plan</a> 402 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/low-carb">Low-Carb Meal Plan</a> 403 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/carnivore">Carnivore Meal Plan</a> 404 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/vegetarian">Vegetarian Meal Plan</a> 405 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/vegan">Vegan Meal Plan</a> 406 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/gluten-free">Gluten-Free Meal Plan</a> 407 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/balanced">Balanced Meal Plan</a> 408 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/for-2-adults">Meal Plan for 2 Adults</a> 409 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/dash">DASH Meal Plan</a> 410 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/lower-cholesterol">Lower Cholesterol Meal Plan</a> 411 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/diabetic">Diabetic Meal Plan</a> 412 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/adhd">ADHD Meal Plan</a> 413 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/carb-cycling">Carb Cycling Meal Plan</a> 414 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/acid-reflux">Acid Reflux Meal Plan</a> 415 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/elimination">Elimination Diet Meal Plan</a> 416 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/ulcer">Ulcer Meal Plan</a> 417 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/fatty-liver">Fatty Liver Meal Plan</a> 418 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/pancreatitis">Pancreatitis Meal Plan</a> 419 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/gestational-diabetes">Gestational Diabetes Meal Plan</a> 420 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/1500-calorie">1500 Calorie Meal Plan</a> 421 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/1800-calorie">1800 Calorie Meal Plan</a> 422 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/2700-calorie">2700 Calorie Meal Plan</a> 423 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/calorie-deficit">Calorie Deficit Meal Plan</a> 424 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/gastritis">7 Day Meal Plan for Gastritis</a> 425 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/metabolic-confusion">Metabolic Confusion Meal Plan</a> 426 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/pcos">PCOS Meal Plan</a> 427 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/low-sodium">Low-Sodium Diet Meal Plan</a> 428 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/teenage-girl">Teen Girl Meal Plan</a> 429 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/meal-plan/cancer">Meal Plan for Cancer Patients</a> 430 <a class="block px-4 py-2 text-sm font-semibold text-emerald-600 hover:bg-slate-50 rounded-lg" href="/meal-plan">View All Plans â</a> 431 </div> 432 </div> 433 434 <!-- Free Tools Accordion --> 435 <div class="mobile-tools-accordion"> 436 <button type="button" class="flex items-center justify-between w-full px-4 py-3 text-base font-semibold text-slate-700 hover:bg-slate-50 rounded-lg" id="mobileToolsBtn">
437 <span>Free Tools</span> 438 <svg class="w-4 h-4 transition-transform" id="mobileToolsArrow" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> 439 </button> 440 <div id="mobileToolsList" class="hidden pl-4 pb-2 space-y-1"> 441 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/calorie-macro-calculator">Calorie & Macro Calculator</a> 442 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/tdee-calculator">TDEE Calculator</a> 443 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/bmi-calculator">BMI Calculator</a> 444 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/intermittent-fasting-calculator">Fasting Calculator</a> 445 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/calorie-deficit-calculator">Calorie Deficit Calculator</a> 446 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/keto-calculator">Keto Calculator</a> 447 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/water-intake-calculator">Water Intake Calculator</a> 448 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/water-fasting-calculator">Water Fasting Calculator</a> 449 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/food-swaps-for-weight-loss">Food Swaps Finder</a> 450 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/grocery-budget-calculator">
450Grocery Budget Calculator</a> 451 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/grocery-list-generator">Grocery List Generator</a> 452 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/random-meal-generator">Random Meal Generator</a> 453 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/recipe-generator-from-ingredients">Recipe From Ingredients</a> 454 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/recipe-calorie-calculator">Recipe Calorie Calculator</a> 455 <a class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 rounded-lg" href="/boiled-egg-timer">Boiled Egg Timer</a> 456 <a class="block px-4 py-2 text-sm font-semibold text-emerald-600 hover:bg-slate-50 rounded-lg" href="/tools">View All Tools â</a> 457 </div> 458 </div> 459 460 <a class="block px-4 py-3 text-base font-semibold text-slate-700 hover:bg-slate-50 rounded-lg" href="/ai-nutritionist">AI Nutritionist</a> 461 <a class="block px-4 py-3 text-base font-semibold text-slate-700 hover:bg-slate-50 rounded-lg" href="/blog">Blog</a> 462 <a class="block px-4 py-3 text-base font-semibold text-slate-700 hover:bg-slate-50 rounded-lg" href="/recipes">Recipes</a> 463 </nav> 464</aside> 465
466<script> 467 (function(){ 468 const btn = document.getElementById('hamburger') 469 const drawer = document.getElementById('sideDrawer') 470 const backdrop = document.getElementById('sideBackdrop') 471 const closeBtn = document.getElementById('sideClose') 472 473 function setBodyLock(on){ try { document.body.style.overflow = on ? 'hidden' : '' } catch(e){} } 474 475 function open(){ 476 if(drawer) { 477 drawer.classList.remove('translate-x-full'); 478 drawer.setAttribute('aria-hidden','false'); 479 } 480 if(backdrop) { 481 backdrop.classList.remove('hidden'); 482 setTimeout(() => backdrop.classList.remove('opacity-0'), 10); 483 } 484 btn?.setAttribute('aria-expanded','true'); 485 setBodyLock(true) 486 } 487 488 function close(){ 489 if(drawer) { 490 drawer.classList.add('translate-x-full'); 491 drawer.setAttribute('aria-hidden','true'); 492 } 493 if(backdrop) { 494 backdrop.classList.add('opacity-0'); 495 setTimeout(() => backdrop.classList.add('hidden'), 300); 496 } 497 btn?.setAttribute('aria-expanded','false'); 498 setBodyLock(false) 499 } 500 501 btn?.addEventListener('click', open) 502 closeBtn?.addEventListener('click', close) 503 backdrop?.addEventListener('click', close) 504 document.addEventListener('keydown', (e)=>{ if (e.key === 'Escape') close() }) 505 506 // Close mobile menu on anchor link click (for landing page) 507 document.querySelectorAll('.mobile-link').forEach(link => { 508 link.addEventListener('click', () => { 509 close() 510 }) 511 }) 512 513 // Mobile tools accordion 514 const mobileToolsBtn = document.getElementById('mobileToolsBtn') 515 const mobileToolsList = document.getElementById('mobileToolsList') 516 const mobileToolsArrow = document.getElementById('mobileToolsArrow') 517 518 if (mobileToolsBtn && mobileToolsList) { 519 mobileToolsBtn.addEventListener('click', () => { 520 mobileToolsList.classList.toggle('hidden') 521 mobileToolsArrow?.classList.toggle('rotate-180') 522 }) 523 } 524 525 // Mobile plans accordion 526 const mobilePlansBtn = document.getElementById('mobilePlansBtn') 527 const mobilePlansList = document.getElementById('mobilePlansList') 528 const mobilePlansArrow = document.getElementById('mobilePlansArrow') 529 530 if (mobilePlansBtn && mobilePlansList) { 531 mobilePlansBtn.addEventListener('click', () => { 532 mobilePlansList.classList.toggle('hidden') 533 mobilePlansArrow?.classList.toggle('rotate-180') 534 }) 535 } 536 537 // Desktop Dropdown - hover with delay (generic for all nav-dropdown) 538 function setupDropdown(dropdownClass) { 539 const dropdown = document.querySelector(dropdownClass) 540 const menu = dropdown?.querySelector('.nav-dropdown-menu') 541 let timeout 542 543 if (dropdown && menu) { 544 dropdown.addEventListener('mouseenter', () => { 545 clearTimeout(timeout) 546 dropdown.classList.add('open') 547 }) 548 549 dropdown.addEventListener('mouseleave', (e) => { 550 const rect = menu.getBoundingClientRect() 551 const isMovingToMenu = e.clientY >= rect.top - 20 && e.clientX >= rect.left && e.clientX <= rect.right 552 553 if (isMovingToMenu) { 554 timeout = setTimeout(() => { 555 if (!dropdown.matches(':hover') && !menu.matches(':hover')) { 556 dropdown.classList.remove('open') 557 } 558 }, 100) 559 } else { 560 dropdown.classList.remove('open') 561 } 562 }) 563 564 menu.addEventListener('mouseenter', () => { 565 clearTimeout(timeout) 566 dropdown.classList.add('open') 567 }) 568 569 menu.addEventListener('mouseleave', () => { 570 timeout = setTimeout(() => { 571 dropdown.classList.remove('open') 572 }, 50) 573 }) 574 } 575 } 576 577 setupDropdown('.plans-dropdown') 578 579 // Free Tools Dropdown - hover with delay 580 const toolsDropdown = document.querySelector('.tools-dropdown') 581 const toolsMenu = document.querySelector('.tools-dropdown-menu') 582 let dropdownTimeout 583 584 if (toolsDropdown && toolsMenu) { 585 toolsDropdown.addEventListener('mouseenter', () => { 586 clearTimeout(dropdownTimeout) 587 toolsDropdown.classList.add('open') 588 }) 589 590 toolsDropdown.addEventListener('mouseleave', (e) => { 591 const rect = toolsMenu.getBoundingClientRect() 592 const isMovingToMenu = e.clientY >= rect.top - 20 && e.clientX >
592= rect.left && e.clientX <= rect.right 593 594 if (isMovingToMenu) { 595 dropdownTimeout = setTimeout(() => { 596 if (!toolsDropdown.matches(':hover') && !toolsMenu.matches(':hover')) { 597 toolsDropdown.classList.remove('open') 598 } 599 }, 100) 600 } else { 601 toolsDropdown.classList.remove('open') 602 } 603 }) 604 605 toolsMenu.addEventListener('mouseenter', () => { 606 clearTimeout(dropdownTimeout) 607 toolsDropdown.classList.add('open') 608 }) 609 610 toolsMenu.addEventListener('mouseleave', () => { 611 dropdownTimeout = setTimeout(() => { 612 toolsDropdown.classList.remove('open') 613 }, 50) 614 }) 615 } 616 })() 617</script>
617 618 619 620<!-- Spacer for fixed header (not on landing â hero has its own pt) --> 621<div class="h-16 md:h-20"></div> 622 623 <main class="min-h-screen"> 624 625 <section class="relative pt-12 pb-12 md:pt-16 md:pb-16 overflow-hidden"> 626 <div class="absolute inset-0 -z-10"> 627 <div class="absolute top-0 right-0 w-2/3 h-full bg-[#e8f4f1] rounded-l-[100px] opacity-60 translate-x-1/3"></div> 628 <div class="absolute bottom-0 left-0 w-96 h-96 bg-yellow-50 rounded-full blur-3xl opacity-50 -translate-x-1/2 translate-y-1/2"></div> 629 </div> 630 <div class="container mx-auto px-4 sm:px-6 lg:px-8 text-center"> 631 <span class="inline-block py-1 px-3 rounded-full bg-emerald-100 text-emerald-800 text-xs font-bold tracking-wide uppercase mb-4"> 632 Discover Your Perfect Plan 633 </span> 634 <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold text-slate-900 tracking-tight mb-6"> 635 Meal Plans by <span class="text-[#1f5a4b] font-serif italic">Diet Type</span> 636 </h1> 637 <p class="text-lg md:text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed"> 638 Browse 30+ meal plans organized by diet type and calorie goal. Each includes recipes, macros, and a grocery list â personalized to your taste and goals. 639 </p> 640 </div> 641 </section> 642 643 644 <section class="pb-8 -mt-4 relative z-10"> 645 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 646 <div class="max-w-2xl mx-auto relative"> 647 <div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none"> 648 <svg class="h-5 w-5 text-slate-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 649 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> 650 </svg> 651 </div> 652 <input 653 id="planSearch" 654 class="block w-full pl-11 pr-4 py-4 bg-white border border-slate-200 rounded-2xl text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-[#1f5a4b] focus:border-transparent shadow-lg shadow-slate-200/50 transition-all text-lg" 655 type="search" 656 placeholder="Search plans (e.g., keto, mediterranean...)" 657 aria-label="Search meal plans" 658 > 659 </div> 660 </div> 661 </section> 662 663 664 <section class="pb-16" id="calorieSection"> 665 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 666 <div class="flex items-end justify-between mb-6"> 667 <div> 668 <span class="inline-block py-1 px-3 rounded-full bg-amber-100 text-amber-800 text-xs font-bold tracking-wide uppercase mb-2">By Calories</span> 669 <h2 class="text-2xl md:text-3xl font-extrabold text-slate-900">Calorie-Based Plans</h2> 670 <p class="text-slate-500 mt-1 text-sm md:text-base">Choose a calorie target that fits your goals.</p> 671 </div> 672 <div class="hidden md:flex gap-2"> 673 <button class="cal-arrow" id="calPrev" aria-label="Previous"> 674 <svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg> 675 </button> 676 <button class="cal-arrow" id="calNext" aria-label="Next"> 677 <svg class="w-5 h-5 text-slate-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> 678 </button> 679 </div> 680 </div> 681 682 <div class="cal-scroll" id="calScroll"> 683 <a href="/meal-plan/1000-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 684 <div class="relative h-40 overflow-hidden"> 685 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 686 <img src="https://images.unsplash.com/photo-1540189549336-e6e99c3679fe?w=800&q=80" alt="Small portioned healthy meal for 1000 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 687 <div class="absolute top-3 left-3 z-20">
688 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 689 Very Low Calorie 690 </span> 691 </div> 692 </div> 693 <div class="p-5 flex flex-col flex-1"> 694 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1000 Calorie Meal Plan</h3> 695 <p class="text-xs font-semibold text-emerald-600 mb-2">Supervised rapid weight loss</p> 696 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A very low calorie diet for rapid weight loss under medical supervision. High protein to preserve muscle on an aggressive deficit.</p> 697 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 698 View Plan â 699 </span> 700 </div> 701 </a> 702 <a href="/meal-plan/1100-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 703 <div class="relative h-40 overflow-hidden"> 704 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 705 <img src="https://images.unsplash.com/photo-1525351484163-7529414344d8?w=800&q=80" alt="Light nutritious meal for 1100 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 706 <div class="absolute top-3 left-3 z-20"> 707 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 708 Aggressive Deficit 709 </span> 710 </div> 711 </div> 712 <div class="p-5 flex flex-col flex-1"> 713 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1100 Calorie Meal Plan</h3> 714 <p class="text-xs font-semibold text-emerald-600 mb-2">Fast results with careful planning</p> 715 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">An aggressive but manageable 1,100 calorie plan. Protein-prioritized meals that support fat loss while keeping energy levels stable.</p> 716 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 717 View Plan â 718 </span> 719 </div> 720 </a> 721 <a href="/meal-plan/1200-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 722 <div class="relative h-40 overflow-hidden"> 723 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 724 <img src="https://images.unsplash.com/photo-1547592180-85f173990554?w=800&q=80" alt="Light healthy meal for 1200 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 725 <div class="absolute top-3 left-3 z-20"> 726 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 727 Aggressive Deficit 728 </span> 729 </div> 730 </div> 731 <div class="p-5 flex flex-col flex-1"> 732 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1200 Calorie Meal Plan</h3> 733 <p class="text-xs font-semibold text-emerald-600 mb-2">
733Maximum results, minimum calories</p> 734 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A structured 1,200 calorie plan for fast, safe weight loss. High-protein meals that keep you satisfied on fewer calories.</p> 735 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 736 View Plan â 737 </span> 738 </div> 739 </a> 740 <a href="/meal-plan/1300-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 741 <div class="relative h-40 overflow-hidden"> 742 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 743 <img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=800&q=80" alt="Balanced 1300 calorie meal with fresh ingredients" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 744 <div class="absolute top-3 left-3 z-20"> 745 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 746 Smart Deficit 747 </span> 748 </div> 749 </div> 750 <div class="p-5 flex flex-col flex-1"> 751 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1300 Calorie Meal Plan</h3> 752 <p class="text-xs font-semibold text-emerald-600 mb-2">Between aggressive and moderate</p> 753 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 1,300 calorie plan bridging aggressive and moderate deficits. Satisfying portions with enough protein to protect lean mass.</p> 754 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 755 View Plan â 756 </span> 757 </div> 758 </a> 759 <a href="/meal-plan/1400-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 760 <div class="relative h-40 overflow-hidden"> 761 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 762 <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=800&q=80" alt="Light nutritious meal for 1400 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 763 <div class="absolute top-3 left-3 z-20"> 764 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 765 Controlled Deficit 766 </span> 767 </div> 768 </div> 769 <div class="p-5 flex flex-col flex-1"> 770 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1400 Calorie Meal Plan</h3> 771 <p class="text-xs font-semibold text-emerald-600 mb-2">Between moderate and aggressive</p> 772 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 1,400 calorie plan for effective weight loss with enough protein to preserve muscle. Ideal for petite adults and moderate activity.</p> 773 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 774 View Plan â 775 </span> 776 </div> 777 </a> 778 <a href="/meal-plan/1500-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 779 <div class="relative h-40 overflow-hidden"> 780 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 781 <img src="https://images.unsplash.com/photo-1484723091739-30a097e8f929?w=800&q=80" alt="1500 calorie portion controlled meals" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 782 <div class="absolute top-3 left-3 z-20">
783 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 784 Smart Deficit 785 </span> 786 </div> 787 </div> 788 <div class="p-5 flex flex-col flex-1"> 789 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1500 Calorie Diet</h3> 790 <p class="text-xs font-semibold text-emerald-600 mb-2">Balanced deficit for weight loss</p> 791 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">Lose weight steadily with 1,500 calories of nutrient-dense meals. High protein, balanced macros, no deprivation.</p> 792 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 793 View Plan â 794 </span> 795 </div> 796 </a> 797 <a href="/meal-plan/1600-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 798 <div class="relative h-40 overflow-hidden"> 799 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 800 <img src="https://images.unsplash.com/photo-1551326844-4df70f78d0e9?w=800&q=80" alt="Balanced 1600 calorie meal with fresh ingredients" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 801 <div class="absolute top-3 left-3 z-20"> 802 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 803 Moderate Deficit 804 </span> 805 </div> 806 </div> 807 <div class="p-5 flex flex-col flex-1"> 808 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1600 Calorie Meal Plan</h3> 809 <p class="text-xs font-semibold text-emerald-600 mb-2">The sweet spot for weight loss</p> 810 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 1,600 calorie plan that balances effective weight loss with enough fuel for daily activities and light exercise.</p> 811 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 812 View Plan â 813 </span> 814 </div> 815 </a> 816 <a href="/meal-plan/1700-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 817 <div class="relative h-40 overflow-hidden"> 818 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 819 <img src="https://images.unsplash.com/photo-1476224203421-9ac39bcb3327?w=800&q=80" alt="Active lifestyle meal for 1700 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 820 <div class="absolute top-3 left-3 z-20"> 821 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 822 Active Deficit 823 </span> 824 </div> 825 </div> 826 <div class="p-5 flex flex-col flex-1"> 827 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1700 Calorie Meal Plan</h3> 828 <p class="text-xs font-semibold text-emerald-600 mb-2">
828Comfortable deficit for active people</p> 829 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 1,700 calorie plan that supports exercise while maintaining a steady deficit. Perfect for active adults who want to lose weight without fatigue.</p> 830 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 831 View Plan â 832 </span> 833 </div> 834 </a> 835 <a href="/meal-plan/1800-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 836 <div class="relative h-40 overflow-hidden"> 837 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 838 <img src="https://images.unsplash.com/photo-1493770348161-369560ae357d?w=800&q=80" alt="1800 calorie balanced meals" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 839 <div class="absolute top-3 left-3 z-20"> 840 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 841 Balanced Deficit 842 </span> 843 </div> 844 </div> 845 <div class="p-5 flex flex-col flex-1"> 846 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1800 Calorie Diet</h3> 847 <p class="text-xs font-semibold text-emerald-600 mb-2">Generous portions, steady results</p> 848 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">Eat well at 1,800 calories with balanced macros, satisfying portions, and delicious recipes. Ideal for active lifestyles.</p> 849 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 850 View Plan â 851 </span> 852 </div> 853 </a> 854 <a href="/meal-plan/1900-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 855 <div class="relative h-40 overflow-hidden"> 856 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 857 <img src="https://images.unsplash.com/photo-1567306226416-28f0efdc88ce?w=800&q=80" alt="Generous healthy meal for 1900 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 858 <div class="absolute top-3 left-3 z-20"> 859 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 860 Slight Deficit 861 </span> 862 </div> 863 </div> 864 <div class="p-5 flex flex-col flex-1"> 865 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">1900 Calorie Meal Plan</h3> 866 <p class="text-xs font-semibold text-emerald-600 mb-2">Gentle weight loss for active adults</p> 867 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A gentle 1,900 calorie deficit for active adults. Enough fuel for workouts with a slight caloric reduction for gradual fat loss.</p> 868 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 869 View Plan â 870 </span> 871 </div> 872 </a> 873 <a href="/meal-plan/2000-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 874 <div class="relative h-40 overflow-hidden"> 875 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 876 <img src="https://images.unsplash.com/photo-1565299624946-b28f40a0ae38?w=800&q=80" alt="Balanced 2000 calorie meal with variety of foods" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 877 <div class="absolute top-3 left-3 z-20">
878 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 879 Maintenance 880 </span> 881 </div> 882 </div> 883 <div class="p-5 flex flex-col flex-1"> 884 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2000 Calorie Meal Plan</h3> 885 <p class="text-xs font-semibold text-emerald-600 mb-2">Balanced energy for active lifestyles</p> 886 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,000 calorie plan for maintenance or mild deficit. Ideal for active women, men losing weight, and balanced nutrition.</p> 887 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 888 View Plan â 889 </span> 890 </div> 891 </a> 892 <a href="/meal-plan/2100-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 893 <div class="relative h-40 overflow-hidden"> 894 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 895 <img src="https://images.unsplash.com/photo-1550304943-4f24f54ddde9?w=800&q=80" alt="Balanced 2100 calorie meal" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 896 <div class="absolute top-3 left-3 z-20"> 897 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 898 Maintenance 899 </span> 900 </div> 901 </div> 902 <div class="p-5 flex flex-col flex-1"> 903 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2100 Calorie Meal Plan</h3> 904 <p class="text-xs font-semibold text-emerald-600 mb-2">Balanced energy for active lifestyles</p> 905 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,100 calorie plan for maintenance or mild deficit. Ideal for active women, moderately active men, and body recomposition.</p> 906 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 907 View Plan â 908 </span> 909 </div> 910 </a> 911 <a href="/meal-plan/2200-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 912 <div class="relative h-40 overflow-hidden"> 913 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 914 <img src="https://images.unsplash.com/photo-1414235077428-338989a2e8c0?w=800&q=80" alt="Substantial meal for 2200 calorie lean bulk" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 915 <div class="absolute top-3 left-3 z-20"> 916 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 917 Lean Bulk 918 </span> 919 </div> 920 </div> 921 <div class="p-5 flex flex-col flex-1"> 922 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2200 Calorie Meal Plan</h3> 923 <p class="text-xs font-semibold text-emerald-600 mb-2">Maintenance or lean muscle gains</p> 924 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,200 calorie plan for lean bulking or maintenance. Enough surplus for muscle growth without excessive fat gain.</p>
925 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 926 View Plan â 927 </span> 928 </div> 929 </a> 930 <a href="/meal-plan/2300-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 931 <div class="relative h-40 overflow-hidden"> 932 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 933 <img src="https://images.unsplash.com/photo-1606756790138-261d2b21cd75?w=800&q=80" alt="High protein meal for 2300 calorie muscle building" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 934 <div class="absolute top-3 left-3 z-20"> 935 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 936 Muscle Building 937 </span> 938 </div> 939 </div> 940 <div class="p-5 flex flex-col flex-1"> 941 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2300 Calorie Meal Plan</h3> 942 <p class="text-xs font-semibold text-emerald-600 mb-2">Moderate surplus for growth</p> 943 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,300 calorie plan with a moderate surplus for muscle building. Strategic macro timing to fuel training and recovery.</p> 944 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 945 View Plan â 946 </span> 947 </div> 948 </a> 949 <a href="/meal-plan/2400-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 950 <div class="relative h-40 overflow-hidden"> 951 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 952 <img src="https://images.unsplash.com/photo-1610348725531-843dff563e2c?w=800&q=80" alt="Nutrient-dense meal for 2400 calorie surplus" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 953 <div class="absolute top-3 left-3 z-20"> 954 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 955 Clean Surplus 956 </span> 957 </div> 958 </div> 959 <div class="p-5 flex flex-col flex-1"> 960 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2400 Calorie Meal Plan</h3> 961 <p class="text-xs font-semibold text-emerald-600 mb-2">Lean muscle gains without excess fat</p> 962 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,400 calorie plan for clean surplus eating. Build muscle efficiently with protein-rich, nutrient-dense meals.</p> 963 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 964 View Plan â 965 </span> 966 </div> 967 </a> 968 <a href="/meal-plan/2500-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 969 <div class="relative h-40 overflow-hidden"> 970 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 971 <img src="https://images.unsplash.com/photo-1515543237350-b3eea1ec8082?w=800&q=80" alt="High performance meal for 2500 calorie athlete diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 972 <div class="absolute top-3 left-3 z-20">
973 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 974 Athlete Fuel 975 </span> 976 </div> 977 </div> 978 <div class="p-5 flex flex-col flex-1"> 979 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2500 Calorie Meal Plan</h3> 980 <p class="text-xs font-semibold text-emerald-600 mb-2">For serious lifters and athletes</p> 981 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,500 calorie plan for athletes and serious lifters. High protein with enough carbs to power intense training sessions.</p> 982 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 983 View Plan â 984 </span> 985 </div> 986 </a> 987 <a href="/meal-plan/2600-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 988 <div class="relative h-40 overflow-hidden"> 989 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 990 <img src="https://images.unsplash.com/photo-1504754524776-8f4f37790ca0?w=800&q=80" alt="Performance meal for 2600 calorie training diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 991 <div class="absolute top-3 left-3 z-20"> 992 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 993 Performance 994 </span> 995 </div> 996 </div> 997 <div class="p-5 flex flex-col flex-1"> 998 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2600 Calorie Meal Plan</h3> 999 <p class="text-xs font-semibold text-emerald-600 mb-2">Fuel for serious training</p> 1000 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,600 calorie performance meal plan. Optimized for strength athletes, bodybuilders, and active individuals with high energy demands.</p> 1001 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 1002 View Plan â 1003 </span> 1004 </div> 1005 </a> 1006 <a href="/meal-plan/2700-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 1007 <div class="relative h-40 overflow-hidden"> 1008 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1009 <img src="https://images.unsplash.com/photo-1529692236671-f1f6cf9683ba?w=800&q=80" alt="Large high-calorie meal for 2700 calorie bulking" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1010 <div class="absolute top-3 left-3 z-20"> 1011 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 1012 High Performance 1013 </span> 1014 </div> 1015 </div> 1016 <div class="p-5 flex flex-col flex-1"> 1017 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2700 Calorie Meal Plan</h3> 1018 <p class="text-xs font-semibold text-emerald-600 mb-2">Aggressive surplus for max growth</p> 1019 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,700 calorie plan for aggressive bulking and high-performance training. Big meals with smart macros to maximize muscle gains.</p>
1020 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 1021 View Plan â 1022 </span> 1023 </div> 1024 </a> 1025 <a href="/meal-plan/2800-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 1026 <div class="relative h-40 overflow-hidden"> 1027 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1028 <img src="https://images.unsplash.com/photo-1574484284002-952d92456975?w=800&q=80" alt="Mass building meal for 2800 calorie diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1029 <div class="absolute top-3 left-3 z-20"> 1030 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 1031 Mass Building 1032 </span> 1033 </div> 1034 </div> 1035 <div class="p-5 flex flex-col flex-1"> 1036 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2800 Calorie Meal Plan</h3> 1037 <p class="text-xs font-semibold text-emerald-600 mb-2">Serious mass for serious lifters</p> 1038 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,800 calorie plan for serious mass building. Enough volume and protein to support intense training and rapid muscle growth.</p> 1039 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 1040 View Plan â 1041 </span> 1042 </div> 1043 </a> 1044 <a href="/meal-plan/2900-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 1045 <div class="relative h-40 overflow-hidden"> 1046 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1047 <img src="https://images.unsplash.com/photo-1558030006-450675393462?w=800&q=80" alt="High calorie meal for 2900 calorie hard gainer diet" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1048 <div class="absolute top-3 left-3 z-20"> 1049 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 1050 Near-3K 1051 </span> 1052 </div> 1053 </div> 1054 <div class="p-5 flex flex-col flex-1"> 1055 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">2900 Calorie Meal Plan</h3> 1056 <p class="text-xs font-semibold text-emerald-600 mb-2">Maximum surplus for hard gainers</p> 1057 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A 2,900 calorie plan for hard gainers who struggle to put on size. Nearly 3,000 kcal of muscle-building nutrition every day.</p> 1058 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 1059 View Plan â 1060 </span> 1061 </div> 1062 </a> 1063 <a href="/meal-plan/3000-calorie" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 1064 <div class="relative h-40 overflow-hidden"> 1065 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1066 <img src="https://images.unsplash.com/photo-1432139555190-58524dae6a55?w=800&q=80" alt="High calorie meal for mass gain and athletes" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1067 <div class="absolute top-3 left-3 z-20">
1068 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 1069 Mass Gain 1070 </span> 1071 </div> 1072 </div> 1073 <div class="p-5 flex flex-col flex-1"> 1074 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">3000 Calorie Meal Plan</h3> 1075 <p class="text-xs font-semibold text-emerald-600 mb-2">Fuel for athletes and hard gainers</p> 1076 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A high-calorie meal plan for bulking, athletes, and hard gainers. 3,000 kcal with 180g+ protein for maximum muscle growth.</p> 1077 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 1078 View Plan â 1079 </span> 1080 </div> 1081 </a> 1082 <a href="/meal-plan/calorie-deficit" class="cal-card calorie-item group flex flex-col bg-white rounded-2xl overflow-hidden border border-slate-100 hover:border-emerald-200 shadow-sm hover:shadow-lg transition-all duration-300 no-underline"> 1083 <div class="relative h-40 overflow-hidden"> 1084 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1085 <img src="https://ai-mealplan.com/images/calorie_deficit.jpg" alt="Calorie deficit balanced meals" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1086 <div class="absolute top-3 left-3 z-20"> 1087 <span class="inline-block px-2.5 py-1 bg-amber-400 text-amber-900 rounded-lg text-xs font-extrabold shadow-sm"> 1088 Weight Loss 1089 </span> 1090 </div> 1091 </div> 1092 <div class="p-5 flex flex-col flex-1"> 1093 <h3 class="cal-title text-lg font-bold text-slate-900 mb-1 group-hover:text-[#1f5a4b] transition-colors">7-Day Diet Plan for Weight Loss â Calorie Deficit Meal Plan</h3> 1094 <p class="text-xs font-semibold text-emerald-600 mb-2">~1,600 kcal, steady fat loss</p> 1095 <p class="text-sm text-slate-500 line-clamp-2 mb-4 flex-1">A simple 7-day diet plan for weight loss with high-protein meals (~1,600 kcal/day), grocery list, and macros. Sustainable calorie deficit meal plan for women and men.</p> 1096 <span class="inline-flex items-center justify-center w-full py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] transition-colors"> 1097 View Plan â 1098 </span> 1099 </div> 1100 </a> 1101 </div> 1102 </div> 1103 </section> 1104 1105 1106 <section class="pb-24" id="dietSection"> 1107 <div class="container mx-auto px-4 sm:px-6 lg:px-8"> 1108 <div class="mb-6"> 1109 <span class="inline-block py-1 px-3 rounded-full bg-emerald-100 text-emerald-800 text-xs font-bold tracking-wide uppercase mb-2">By Diet Type</span> 1110 <h2 class="text-2xl md:text-3xl font-extrabold text-slate-900">Diet & Health Plans</h2> 1111 <p class="text-slate-500 mt-1 text-sm md:text-base">Find the right plan for your lifestyle, health goals, or dietary needs.</p> 1112 </div> 1113 1114 1115 <div class="flex gap-2 overflow-x-auto pb-4 mb-6 scrollbar-none" id="filterBar" style="scrollbar-width:none"> 1116 <button class="filter-btn active" data-filter="all">All</button> 1117 <button class="filter-btn" data-filter="popular">Popular</button> 1118 <button class="filter-btn" data-filter="weight-loss">Weight Loss</button> 1119 <button class="filter-btn" data-filter="health">Health Condition</button> 1120 <button class="filter-btn" data-filter="lifestyle">Lifestyle</button> 1121 <button class="filter-btn" data-filter="gut">Gut Health</button> 1122 </div> 1123 1124 1125 <div id="dietList" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 1126 <a href="/meal-plan/keto" 1127 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1128 data-categories="popular,lifestyle"> 1129 <div class="relative h-56 overflow-hidden"> 1130 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1131 <img src="https://ai-mealplan.com/images/keto_plan.webp" alt="Keto meals collage" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1132 <div class="absolute bottom-4 left-4 z-20">
1133 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1134 Keto Beginners 1135 </span> 1136 </div> 1137 </div> 1138 <div class="p-6 flex flex-col flex-1"> 1139 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Keto Diet Meal Plan for a Week</h3> 1140 <p class="text-sm font-semibold text-emerald-600 mb-4">Under 20g net carbs/day</p> 1141 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day keto meal plan for beginners with recipes under 20g net carbs. Learn how to start keto with macros, food list, and grocery list.</p> 1142 1143 <ul class="space-y-3 mb-8 flex-1"> 1144 <li class="flex items-start gap-3 text-sm text-slate-600"> 1145 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1146 20g net carbs/day 1147 </li> 1148 <li class="flex items-start gap-3 text-sm text-slate-600"> 1149 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1150 Beginner-friendly 1151 </li> 1152 <li class="flex items-start gap-3 text-sm text-slate-600"> 1153 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1154 Full grocery list 1155 </li> 1156 </ul> 1157 1158 <div class="grid grid-cols-2 gap-3 mt-auto"> 1159 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1160 Details 1161 </span> 1162 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1163 Start Plan 1164 </span> 1165 </div> 1166 </div> 1167 </a> 1168 <a href="/meal-plan/mediterranean" 1169 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1170 data-categories="popular,lifestyle"> 1171 <div class="relative h-56 overflow-hidden"> 1172 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1173 <img src="https://ai-mealplan.com/images/mediterian.webp" alt="Mediterranean meal prep containers" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1174 <div class="absolute bottom-4 left-4 z-20"> 1175 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1176 Meal Prep 1177 </span> 1178 </div> 1179 </div> 1180 <div class="p-6 flex flex-col flex-1"> 1181 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Mediterranean Diet Meal Prep</h3> 1182 <p class="text-sm font-semibold text-emerald-600 mb-4">Batch-cook heart-healthy meals</p> 1183 <p class="text-slate-600 mb-6 line-clamp-3">Learn how to meal prep on the Mediterranean diet with a 7-day plan, make-ahead recipes, and a full grocery list.</p> 1184 1185 <ul class="space-y-3 mb-8 flex-1"> 1186 <li class="flex items-start gap-3 text-sm text-slate-600"> 1187 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1188 Make-ahead recipes 1189 </li> 1190 <li class="flex items-start gap-3 text-sm text-slate-600"> 1191 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1192 Prep schedule 1193 </li> 1194 <li class="flex items-start gap-3 text-sm text-slate-600"> 1195 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1196 Full grocery list 1197 </li> 1198 </ul> 1199 1200 <div class="grid grid-cols-2 gap-3 mt-auto">
1201 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1202 Details 1203 </span> 1204 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1205 Start Plan 1206 </span> 1207 </div> 1208 </div> 1209 </a> 1210 <a href="/meal-plan/nordic" 1211 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1212 data-categories="lifestyle"> 1213 <div class="relative h-56 overflow-hidden"> 1214 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1215 <img src="https://images.pexels.com/photos/725991/pexels-photo-725991.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Nordic-style fish and vegetables" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1216 <div class="absolute bottom-4 left-4 z-20"> 1217 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1218 Scandinavian Pattern 1219 </span> 1220 </div> 1221 </div> 1222 <div class="p-6 flex flex-col flex-1"> 1223 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Nordic Diet Meal Plan</h3> 1224 <p class="text-sm font-semibold text-emerald-600 mb-4">Rye, fish, berries, rapeseed oil</p> 1225 <p class="text-slate-600 mb-6 line-clamp-3">A Nordic diet meal plan with rye, oats, herring, salmon, berries, cabbage, and canola oil. Not a Mediterranean olive-oil week â 7-day menu and grocery list.</p> 1226 1227 <ul class="space-y-3 mb-8 flex-1"> 1228 <li class="flex items-start gap-3 text-sm text-slate-600"> 1229 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1230 Rye & barley 1231 </li> 1232 <li class="flex items-start gap-3 text-sm text-slate-600"> 1233 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1234 Cold-water fish 1235 </li> 1236 <li class="flex items-start gap-3 text-sm text-slate-600"> 1237 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1238 Rapeseed oil 1239 </li> 1240 </ul> 1241 1242 <div class="grid grid-cols-2 gap-3 mt-auto"> 1243 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1244 Details 1245 </span> 1246 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1247 Start Plan 1248 </span> 1249 </div> 1250 </div> 1251 </a> 1252 <a href="/meal-plan/vegetarian" 1253 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1254 data-categories="lifestyle"> 1255 <div class="relative h-56 overflow-hidden"> 1256 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1257 <img src="https://ai-mealplan.com/images/vegetarian_plan.webp" alt="Vegetarian meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1258 <div class="absolute bottom-4 left-4 z-20">
1259 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1260 Vegetarian 1261 </span> 1262 </div> 1263 </div> 1264 <div class="p-6 flex flex-col flex-1"> 1265 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Vegetarian Meal Plan</h3> 1266 <p class="text-sm font-semibold text-emerald-600 mb-4">High-protein plant-forward meals</p> 1267 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day vegetarian meal plan with high-protein recipes from eggs, dairy, tofu, and legumes. Balanced macros and a full grocery list.</p> 1268 1269 <ul class="space-y-3 mb-8 flex-1"> 1270 <li class="flex items-start gap-3 text-sm text-slate-600"> 1271 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1272 High protein 1273 </li> 1274 <li class="flex items-start gap-3 text-sm text-slate-600"> 1275 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1276 Balanced macros 1277 </li> 1278 <li class="flex items-start gap-3 text-sm text-slate-600"> 1279 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1280 Complete grocery list 1281 </li> 1282 </ul> 1283 1284 <div class="grid grid-cols-2 gap-3 mt-auto"> 1285 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1286 Details 1287 </span> 1288 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1289 Start Plan 1290 </span> 1291 </div> 1292 </div> 1293 </a> 1294 <a href="/meal-plan/high-protein" 1295 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1296 data-categories="popular,weight-loss"> 1297 <div class="relative h-56 overflow-hidden"> 1298 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1299 <img src="https://ai-mealplan.com/images/highprotein_plan.webp" alt="Highâprotein dishes" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1300 <div class="absolute bottom-4 left-4 z-20"> 1301 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1302 For Muscle 1303 </span> 1304 </div> 1305 </div> 1306 <div class="p-6 flex flex-col flex-1"> 1307 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">HighâProtein Diet</h3> 1308 <p class="text-sm font-semibold text-emerald-600 mb-4">30â40% protein for strength</p> 1309 <p class="text-slate-600 mb-6 line-clamp-3">Build strength and recover faster. Designed for busy routines with smart carbs and fats to keep hunger in check.</p> 1310 1311 <ul class="space-y-3 mb-8 flex-1"> 1312 <li class="flex items-start gap-3 text-sm text-slate-600"> 1313 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1314 Optimal protein timing 1315 </li> 1316 <li class="flex items-start gap-3 text-sm text-slate-600"> 1317 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1318 Aligned to training 1319 </li> 1320 <li class="flex items-start gap-3 text-sm text-slate-600"> 1321 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1322 Repeatable staples 1323 </li> 1324 </ul> 1325 1326 <div class="grid grid-cols-2 gap-3 mt-auto">
1327 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1328 Details 1329 </span> 1330 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1331 Start Plan 1332 </span> 1333 </div> 1334 </div> 1335 </a> 1336 <a href="/meal-plan/low-carb" 1337 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1338 data-categories="popular,weight-loss"> 1339 <div class="relative h-56 overflow-hidden"> 1340 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1341 <img src="https://ai-mealplan.com/images/lowcarb_plan.webp" alt="Lowâcarb foods" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1342 </div> 1343 <div class="p-6 flex flex-col flex-1"> 1344 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">LowâCarb Diet</h3> 1345 <p class="text-sm font-semibold text-emerald-600 mb-4">Flexible carbs, fiberâfirst</p> 1346 <p class="text-slate-600 mb-6 line-clamp-3">Fewer carbs, more nonâstarchy vegetables and lean proteins. Great for stabilizing blood sugar and steady weight goals.</p> 1347 1348 <ul class="space-y-3 mb-8 flex-1"> 1349 <li class="flex items-start gap-3 text-sm text-slate-600"> 1350 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1351 Flexible limits 1352 </li> 1353 <li class="flex items-start gap-3 text-sm text-slate-600"> 1354 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1355 Fiberâfirst focus 1356 </li> 1357 <li class="flex items-start gap-3 text-sm text-slate-600"> 1358 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1359 Simple swaps 1360 </li> 1361 </ul> 1362 1363 <div class="grid grid-cols-2 gap-3 mt-auto"> 1364 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1365 Details 1366 </span> 1367 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1368 Start Plan 1369 </span> 1370 </div> 1371 </div> 1372 </a> 1373 <a href="/meal-plan/gluten-free" 1374 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1375 data-categories="lifestyle"> 1376 <div class="relative h-56 overflow-hidden"> 1377 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1378 <img src="https://ai-mealplan.com/images/glutenfree_plan.webp" alt="Glutenâfree ingredients" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1379 <div class="absolute bottom-4 left-4 z-20">
1380 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1381 Celiac & GF 1382 </span> 1383 </div> 1384 </div> 1385 <div class="p-6 flex flex-col flex-1"> 1386 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Gluten-Free Meal Plan for Beginners â 7-Day Menu</h3> 1387 <p class="text-sm font-semibold text-emerald-600 mb-4">No wheat, barley or rye</p> 1388 <p class="text-slate-600 mb-6 line-clamp-3">A beginner-friendly 7-day gluten-free meal plan with naturally safe whole foods, balanced macros, grocery list, and hidden gluten guide.</p> 1389 1390 <ul class="space-y-3 mb-8 flex-1"> 1391 <li class="flex items-start gap-3 text-sm text-slate-600"> 1392 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
1393 Wholeâfood focus 1394 </li> 1395 <li class="flex items-start gap-3 text-sm text-slate-600"> 1396 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1397 Clear shopping labels 1398 </li> 1399 <li class="flex items-start gap-3 text-sm text-slate-600"> 1400 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1401 Familyâfriendly 1402 </li> 1403 </ul> 1404 1405 <div class="grid grid-cols-2 gap-3 mt-auto"> 1406 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1407 Details 1408 </span> 1409 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1410 Start Plan 1411 </span> 1412 </div> 1413 </div> 1414 </a> 1415 <a href="/meal-plan/paleo" 1416 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1417 data-categories="popular,lifestyle"> 1418 <div class="relative h-56 overflow-hidden"> 1419 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1420 <img src="https://ai-mealplan.com/images/paleo_plan.webp" alt="Paleo meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1421 <div class="absolute bottom-4 left-4 z-20"> 1422 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1423 Paleo 1424 </span> 1425 </div> 1426 </div> 1427 <div class="p-6 flex flex-col flex-1"> 1428 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Paleo Diet Meal Plan</h3> 1429 <p class="text-sm font-semibold text-emerald-600 mb-4">Whole foods, no grains</p> 1430 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day paleo diet meal plan with easy recipes and a food list. Meat, fish, vegetables, fruits, nuts â no grains, no dairy.</p> 1431 1432 <ul class="space-y-3 mb-8 flex-1"> 1433 <li class="flex items-start gap-3 text-sm text-slate-600"> 1434 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1435 Complete food list 1436 </li> 1437 <li class="flex items-start gap-3 text-sm text-slate-600"> 1438 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1439 Easy recipes 1440 </li> 1441 <li class="flex items-start gap-3 text-sm text-slate-600"> 1442 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1443 Full grocery list 1444 </li> 1445 </ul> 1446 1447 <div class="grid grid-cols-2 gap-3 mt-auto">
1448 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1449 Details 1450 </span> 1451 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1452 Start Plan 1453 </span> 1454 </div> 1455 </div> 1456 </a> 1457 <a href="/meal-plan/balanced" 1458 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1459 data-categories="popular,lifestyle"> 1460 <div class="relative h-56 overflow-hidden"> 1461 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1462 <img src="https://ai-mealplan.com/images/balanced_plan.webp" alt="Balanced plate" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1463 <div class="absolute bottom-4 left-4 z-20"> 1464 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1465 Balanced 1466 </span> 1467 </div> 1468 </div> 1469 <div class="p-6 flex flex-col flex-1"> 1470 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Balanced Diet Weekly Meal Plan</h3> 1471 <p class="text-sm font-semibold text-emerald-600 mb-4">All food groups, sensible portions</p> 1472 <p class="text-slate-600 mb-6 line-clamp-3">A balanced diet weekly meal plan with proper macros, easy recipes, and a grocery list. Protein, carbs, fats â no restrictions.</p> 1473 1474 <ul class="space-y-3 mb-8 flex-1"> 1475 <li class="flex items-start gap-3 text-sm text-slate-600"> 1476 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1477 All food groups 1478 </li> 1479 <li class="flex items-start gap-3 text-sm text-slate-600"> 1480 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1481 Easy recipes 1482 </li> 1483 <li class="flex items-start gap-3 text-sm text-slate-600"> 1484 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1485 Weekly grocery list 1486 </li> 1487 </ul> 1488 1489 <div class="grid grid-cols-2 gap-3 mt-auto"> 1490 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1491 Details 1492 </span> 1493 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1494 Start Plan 1495 </span> 1496 </div> 1497 </div> 1498 </a> 1499 <a href="/meal-plan/for-2-adults" 1500 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1501 data-categories="popular,lifestyle"> 1502 <div class="relative h-56 overflow-hidden"> 1503 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1504 <img src="https://images.pexels.com/photos/3184192/pexels-photo-3184192.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Two adults sharing a home-cooked meal" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1505 <div class="absolute bottom-4 left-4 z-20">
1506 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1507 Household of Two 1508 </span> 1509 </div> 1510 </div> 1511 <div class="p-6 flex flex-col flex-1"> 1512 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Weekly Meal Plan for 2 Adults</h3> 1513 <p class="text-sm font-semibold text-emerald-600 mb-4">Shared dinners, one grocery list</p> 1514 <p class="text-slate-600 mb-6 line-clamp-3">A weekly meal plan for 2 adults with shared dinners, leftover lunches, per-person macros, and a grocery list sized for two â not a family-of-four shop.</p> 1515 1516 <ul class="space-y-3 mb-8 flex-1"> 1517 <li class="flex items-start gap-3 text-sm text-slate-600"> 1518 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1519 Cook once for two 1520 </li> 1521 <li class="flex items-start gap-3 text-sm text-slate-600"> 1522 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1523 Leftover lunches 1524 </li> 1525 <li class="flex items-start gap-3 text-sm text-slate-600"> 1526 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1527 One shopping list 1528 </li> 1529 </ul> 1530 1531 <div class="grid grid-cols-2 gap-3 mt-auto"> 1532 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1533 Details 1534 </span> 1535 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1536 Start Plan 1537 </span> 1538 </div> 1539 </div> 1540 </a> 1541 <a href="/meal-plan/carnivore" 1542 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1543 data-categories="lifestyle"> 1544 <div class="relative h-56 overflow-hidden"> 1545 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1546 <img src="https://ai-mealplan.com/images/carnivore.jpg" alt="Carnivore diet meals with steak and eggs" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1547 <div class="absolute bottom-4 left-4 z-20"> 1548 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1549 All-Meat 1550 </span> 1551 </div> 1552 </div> 1553 <div class="p-6 flex flex-col flex-1"> 1554 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Carnivore Diet Meal Plan</h3> 1555 <p class="text-sm font-semibold text-emerald-600 mb-4">Complete food list & recipes</p> 1556 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day carnivore diet meal plan with a food list, recipes, and daily macros. Beef, eggs, fish, and organ meats for beginners.</p> 1557 1558 <ul class="space-y-3 mb-8 flex-1"> 1559 <li class="flex items-start gap-3 text-sm text-slate-600"> 1560 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1561 Complete food list 1562 </li> 1563 <li class="flex items-start gap-3 text-sm text-slate-600"> 1564 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1565 Simple recipes 1566 </li> 1567 <li class="flex items-start gap-3 text-sm text-slate-600"> 1568 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1569 Daily macros 1570 </li> 1571 </ul> 1572 1573 <div class="grid grid-cols-2 gap-3 mt-auto">
1574 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1575 Details 1576 </span> 1577 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1578 Start Plan 1579 </span> 1580 </div> 1581 </div> 1582 </a> 1583 <a href="/meal-plan/vegan" 1584 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1585 data-categories="popular,lifestyle"> 1586 <div class="relative h-56 overflow-hidden"> 1587 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1588 <img src="https://ai-mealplan.com/images/vegan.webp" alt="Plant-based meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1589 <div class="absolute bottom-4 left-4 z-20"> 1590 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1591 Plant-Based 1592 </span> 1593 </div> 1594 </div> 1595 <div class="p-6 flex flex-col flex-1"> 1596 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Plant-Based Diet Meal Plan</h3> 1597 <p class="text-sm font-semibold text-emerald-600 mb-4">100% plant-based whole foods</p> 1598 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day plant-based diet meal plan for beginners with high-protein vegan recipes, complete macros, and a grocery list.</p> 1599 1600 <ul class="space-y-3 mb-8 flex-1"> 1601 <li class="flex items-start gap-3 text-sm text-slate-600"> 1602 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1603 Complete protein 1604 </li> 1605 <li class="flex items-start gap-3 text-sm text-slate-600"> 1606 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1607 B12 & iron sources 1608 </li> 1609 <li class="flex items-start gap-3 text-sm text-slate-600"> 1610 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1611 Beginner-friendly 1612 </li> 1613 </ul> 1614 1615 <div class="grid grid-cols-2 gap-3 mt-auto"> 1616 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1617 Details 1618 </span> 1619 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1620 Start Plan 1621 </span> 1622 </div> 1623 </div> 1624 </a> 1625 <a href="/meal-plan/dash" 1626 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1627 data-categories="health"> 1628 <div class="relative h-56 overflow-hidden"> 1629 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1630 <img src="https://ai-mealplan.com/images/dash.jpg" alt="DASH diet heart-healthy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1631 <div class="absolute bottom-4 left-4 z-20">
1632 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1633 Heart Healthy 1634 </span> 1635 </div> 1636 </div> 1637 <div class="p-6 flex flex-col flex-1"> 1638 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">DASH Diet</h3> 1639 <p class="text-sm font-semibold text-emerald-600 mb-4">Low sodium, high potassium</p> 1640 <p class="text-slate-600 mb-6 line-clamp-3">Clinically proven to lower blood pressure. Focuses on fruits, vegetables, whole grains, and lean proteins.</p> 1641 1642 <ul class="space-y-3 mb-8 flex-1"> 1643 <li class="flex items-start gap-3 text-sm text-slate-600"> 1644 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1645 Lower blood pressure 1646 </li> 1647 <li class="flex items-start gap-3 text-sm text-slate-600"> 1648 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1649 Heart protection 1650 </li> 1651 <li class="flex items-start gap-3 text-sm text-slate-600"> 1652 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1653 Doctor recommended 1654 </li> 1655 </ul> 1656 1657 <div class="grid grid-cols-2 gap-3 mt-auto"> 1658 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1659 Details 1660 </span> 1661 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1662 Start Plan 1663 </span> 1664 </div> 1665 </div> 1666 </a> 1667 <a href="/meal-plan/lower-cholesterol" 1668 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1669 data-categories="health"> 1670 <div class="relative h-56 overflow-hidden"> 1671 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1672 <img src="https://ai-mealplan.com/images/dash.jpg" alt="Cholesterol-lowering oats, beans, and fish meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1673 <div class="absolute bottom-4 left-4 z-20"> 1674 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1675 Heart Health 1676 </span> 1677 </div> 1678 </div> 1679 <div class="p-6 flex flex-col flex-1"> 1680 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Lower Cholesterol Diet</h3> 1681 <p class="text-sm font-semibold text-emerald-600 mb-4">7-day plan to lower LDL</p> 1682 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day meal plan to lower cholesterol with oats, beans, nuts, olive oil, and fatty fish. Soluble fiber first â not a DASH blood-pressure plan.</p> 1683 1684 <ul class="space-y-3 mb-8 flex-1"> 1685 <li class="flex items-start gap-3 text-sm text-slate-600"> 1686 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1687 Soluble fiber daily 1688 </li> 1689 <li class="flex items-start gap-3 text-sm text-slate-600"> 1690 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1691 LDL-focused fats 1692 </li> 1693 <li class="flex items-start gap-3 text-sm text-slate-600"> 1694 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1695 Fish twice a week 1696 </li> 1697 </ul> 1698 1699 <div class="grid grid-cols-2 gap-3 mt-auto">
1700 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1701 Details 1702 </span> 1703 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1704 Start Plan 1705 </span> 1706 </div> 1707 </div> 1708 </a> 1709 <a href="/meal-plan/diabetic" 1710 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1711 data-categories="health"> 1712 <div class="relative h-56 overflow-hidden"> 1713 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1714 <img src="https://ai-mealplan.com/images/diabetic.jpg" alt="Diabetic-friendly meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1715 <div class="absolute bottom-4 left-4 z-20"> 1716 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1717 Blood Sugar 1718 </span> 1719 </div> 1720 </div> 1721 <div class="p-6 flex flex-col flex-1"> 1722 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Diabetic Diet</h3> 1723 <p class="text-sm font-semibold text-emerald-600 mb-4">Low glycemic, balanced carbs</p> 1724 <p class="text-slate-600 mb-6 line-clamp-3">Control blood sugar with low glycemic meals. Proper portions, fiber-rich foods, and consistent meal timing.</p> 1725 1726 <ul class="space-y-3 mb-8 flex-1"> 1727 <li class="flex items-start gap-3 text-sm text-slate-600"> 1728 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1729 Blood sugar control 1730 </li> 1731 <li class="flex items-start gap-3 text-sm text-slate-600"> 1732 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1733 Carb counting made easy 1734 </li> 1735 <li class="flex items-start gap-3 text-sm text-slate-600"> 1736 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1737 Steady energy all day 1738 </li> 1739 </ul> 1740 1741 <div class="grid grid-cols-2 gap-3 mt-auto"> 1742 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1743 Details 1744 </span> 1745 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1746 Start Plan 1747 </span> 1748 </div> 1749 </div> 1750 </a> 1751 <a href="/meal-plan/adhd" 1752 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1753 data-categories="health"> 1754 <div class="relative h-56 overflow-hidden"> 1755 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1756 <img src="https://ai-mealplan.com/images/adhd.jpg" alt="ADHD-friendly brain-boosting meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1757 <div class="absolute bottom-4 left-4 z-20">
1758 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1759 Brain Health 1760 </span> 1761 </div> 1762 </div> 1763 <div class="p-6 flex flex-col flex-1"> 1764 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">ADHD Diet</h3> 1765 <p class="text-sm font-semibold text-emerald-600 mb-4">Brain-boosting, focus-friendly meals</p> 1766 <p class="text-slate-600 mb-6 line-clamp-3">Omega-3 rich foods, lean proteins, and low-sugar meals designed to support focus, mental clarity, and sustained energy.</p> 1767 1768 <ul class="space-y-3 mb-8 flex-1"> 1769 <li class="flex items-start gap-3 text-sm text-slate-600"> 1770 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1771 Omega-3 rich foods 1772 </li> 1773 <li class="flex items-start gap-3 text-sm text-slate-600"> 1774 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1775 Protein for sustained focus 1776 </li> 1777 <li class="flex items-start gap-3 text-sm text-slate-600"> 1778 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1779 No artificial additives 1780 </li> 1781 </ul> 1782 1783 <div class="grid grid-cols-2 gap-3 mt-auto"> 1784 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1785 Details 1786 </span> 1787 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1788 Start Plan 1789 </span> 1790 </div> 1791 </div> 1792 </a> 1793 <a href="/meal-plan/carb-cycling" 1794 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1795 data-categories="weight-loss"> 1796 <div class="relative h-56 overflow-hidden"> 1797 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1798 <img src="https://ai-mealplan.com/images/carb_cycling.jpg" alt="Carb cycling meal prep" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1799 <div class="absolute bottom-4 left-4 z-20"> 1800 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1801 Strategic Carbs 1802 </span> 1803 </div> 1804 </div> 1805 <div class="p-6 flex flex-col flex-1"> 1806 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Carb Cycling Diet</h3> 1807 <p class="text-sm font-semibold text-emerald-600 mb-4">Alternate high & low carb days</p> 1808 <p class="text-slate-600 mb-6 line-clamp-3">Strategically rotate carb intake for fat loss and muscle preservation. High carb on training days, low carb on rest days.</p> 1809 1810 <ul class="space-y-3 mb-8 flex-1"> 1811 <li class="flex items-start gap-3 text-sm text-slate-600"> 1812 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1813 Optimized fat loss 1814 </li> 1815 <li class="flex items-start gap-3 text-sm text-slate-600"> 1816 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1817 Preserve muscle mass 1818 </li> 1819 <li class="flex items-start gap-3 text-sm text-slate-600"> 1820 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1821 Metabolic flexibility 1822 </li> 1823 </ul> 1824 1825 <div class="grid grid-cols-2 gap-3 mt-auto">
1826 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1827 Details 1828 </span> 1829 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1830 Start Plan 1831 </span> 1832 </div> 1833 </div> 1834 </a> 1835 <a href="/meal-plan/acid-reflux" 1836 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1837 data-categories="gut"> 1838 <div class="relative h-56 overflow-hidden"> 1839 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1840 <img src="https://ai-mealplan.com/images/acid_reflux.jpg" alt="Acid reflux friendly meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1841 <div class="absolute bottom-4 left-4 z-20"> 1842 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1843 Digestive Comfort 1844 </span> 1845 </div> 1846 </div> 1847 <div class="p-6 flex flex-col flex-1"> 1848 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Acid Reflux Diet</h3> 1849 <p class="text-sm font-semibold text-emerald-600 mb-4">Gentle, trigger-free meals</p> 1850 <p class="text-slate-600 mb-6 line-clamp-3">Avoid heartburn triggers with low-acid, non-spicy meals. Gentle on the stomach while keeping nutrition complete.</p> 1851 1852 <ul class="space-y-3 mb-8 flex-1"> 1853 <li class="flex items-start gap-3 text-sm text-slate-600"> 1854 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1855 No trigger foods 1856 </li> 1857 <li class="flex items-start gap-3 text-sm text-slate-600"> 1858 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1859 Gentle on stomach 1860 </li> 1861 <li class="flex items-start gap-3 text-sm text-slate-600"> 1862 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1863 Anti-inflammatory 1864 </li> 1865 </ul> 1866 1867 <div class="grid grid-cols-2 gap-3 mt-auto"> 1868 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1869 Details 1870 </span> 1871 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1872 Start Plan 1873 </span> 1874 </div> 1875 </div> 1876 </a> 1877 <a href="/meal-plan/elimination" 1878 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1879 data-categories="gut"> 1880 <div class="relative h-56 overflow-hidden"> 1881 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1882 <img src="https://ai-mealplan.com/images/elimination.jpg" alt="Elimination diet clean meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1883 <div class="absolute bottom-4 left-4 z-20">
1884 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1885 Find Triggers 1886 </span> 1887 </div> 1888 </div> 1889 <div class="p-6 flex flex-col flex-1"> 1890 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Elimination Diet</h3> 1891 <p class="text-sm font-semibold text-emerald-600 mb-4">Identify food sensitivities</p> 1892 <p class="text-slate-600 mb-6 line-clamp-3">Remove common allergens systematically, then reintroduce one by one to discover what foods work best for your body.</p> 1893 1894 <ul class="space-y-3 mb-8 flex-1"> 1895 <li class="flex items-start gap-3 text-sm text-slate-600"> 1896 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1897 Identify sensitivities 1898 </li> 1899 <li class="flex items-start gap-3 text-sm text-slate-600"> 1900 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1901 Reduce inflammation 1902 </li> 1903 <li class="flex items-start gap-3 text-sm text-slate-600"> 1904 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1905 Reset digestion 1906 </li> 1907 </ul> 1908 1909 <div class="grid grid-cols-2 gap-3 mt-auto"> 1910 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1911 Details 1912 </span> 1913 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1914 Start Plan 1915 </span> 1916 </div> 1917 </div> 1918 </a> 1919 <a href="/meal-plan/ulcer" 1920 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1921 data-categories="gut"> 1922 <div class="relative h-56 overflow-hidden"> 1923 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1924 <img src="https://ai-mealplan.com/images/ulcer.jpg" alt="Ulcer-friendly soothing meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1925 <div class="absolute bottom-4 left-4 z-20"> 1926 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1927 Gut Healing 1928 </span> 1929 </div> 1930 </div> 1931 <div class="p-6 flex flex-col flex-1"> 1932 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Ulcer Diet</h3> 1933 <p class="text-sm font-semibold text-emerald-600 mb-4">Stomach-soothing, healing foods</p> 1934 <p class="text-slate-600 mb-6 line-clamp-3">Gentle, easy-to-digest meals that help heal stomach ulcers. Probiotic-rich, low-acid foods for gut recovery.</p> 1935 1936 <ul class="space-y-3 mb-8 flex-1"> 1937 <li class="flex items-start gap-3 text-sm text-slate-600"> 1938 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1939 Stomach soothing 1940 </li> 1941 <li class="flex items-start gap-3 text-sm text-slate-600"> 1942 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1943 Anti-inflammatory 1944 </li> 1945 <li class="flex items-start gap-3 text-sm text-slate-600"> 1946 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1947 Easy to digest 1948 </li> 1949 </ul> 1950 1951 <div class="grid grid-cols-2 gap-3 mt-auto">
1952 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1953 Details 1954 </span> 1955 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1956 Start Plan 1957 </span> 1958 </div> 1959 </div> 1960 </a> 1961 <a href="/meal-plan/fatty-liver" 1962 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 1963 data-categories="gut"> 1964 <div class="relative h-56 overflow-hidden"> 1965 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 1966 <img src="https://ai-mealplan.com/images/fatty_liver.jpg" alt="Liver-friendly healthy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 1967 <div class="absolute bottom-4 left-4 z-20"> 1968 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 1969 Liver Health 1970 </span> 1971 </div> 1972 </div> 1973 <div class="p-6 flex flex-col flex-1"> 1974 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Fatty Liver Diet</h3> 1975 <p class="text-sm font-semibold text-emerald-600 mb-4">Liver-friendly, low-sugar meals</p> 1976 <p class="text-slate-600 mb-6 line-clamp-3">Reduce liver fat with antioxidant-rich foods, omega-3s, and high-fiber vegetables. No added sugars or processed foods.</p> 1977 1978 <ul class="space-y-3 mb-8 flex-1"> 1979 <li class="flex items-start gap-3 text-sm text-slate-600"> 1980 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1981 Liver detox foods 1982 </li> 1983 <li class="flex items-start gap-3 text-sm text-slate-600"> 1984 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1985 No added sugar 1986 </li> 1987 <li class="flex items-start gap-3 text-sm text-slate-600"> 1988 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 1989 Rich in antioxidants 1990 </li> 1991 </ul> 1992 1993 <div class="grid grid-cols-2 gap-3 mt-auto"> 1994 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 1995 Details 1996 </span> 1997 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 1998 Start Plan 1999 </span> 2000 </div> 2001 </div> 2002 </a> 2003 <a href="/meal-plan/pancreatitis" 2004 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2005 data-categories="gut"> 2006 <div class="relative h-56 overflow-hidden"> 2007 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2008 <img src="https://ai-mealplan.com/images/pancreatitis.jpg" alt="Pancreatitis-friendly low fat meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2009 <div class="absolute bottom-4 left-4 z-20">
2010 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2011 Pancreas Care 2012 </span> 2013 </div> 2014 </div> 2015 <div class="p-6 flex flex-col flex-1"> 2016 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Pancreatitis Diet</h3> 2017 <p class="text-sm font-semibold text-emerald-600 mb-4">Ultra low-fat, gentle meals</p> 2018 <p class="text-slate-600 mb-6 line-clamp-3">Very low-fat meals under 25g daily to support pancreas recovery. Easy-to-digest proteins and simple carbs.</p> 2019 2020 <ul class="space-y-3 mb-8 flex-1"> 2021 <li class="flex items-start gap-3 text-sm text-slate-600"> 2022 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2023 Very low fat 2024 </li> 2025 <li class="flex items-start gap-3 text-sm text-slate-600"> 2026 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2027 Easy to digest 2028 </li> 2029 <li class="flex items-start gap-3 text-sm text-slate-600"> 2030 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2031 Nutrient dense 2032 </li> 2033 </ul> 2034 2035 <div class="grid grid-cols-2 gap-3 mt-auto"> 2036 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2037 Details 2038 </span> 2039 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2040 Start Plan 2041 </span> 2042 </div> 2043 </div> 2044 </a> 2045 <a href="/meal-plan/gestational-diabetes" 2046 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2047 data-categories="health"> 2048 <div class="relative h-56 overflow-hidden"> 2049 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2050 <img src="https://ai-mealplan.com/images/gestational_diabetes.jpg" alt="Gestational diabetes pregnancy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2051 <div class="absolute bottom-4 left-4 z-20"> 2052 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2053 Healthy Pregnancy 2054 </span> 2055 </div> 2056 </div> 2057 <div class="p-6 flex flex-col flex-1"> 2058 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Gestational Diabetes Diet</h3> 2059 <p class="text-sm font-semibold text-emerald-600 mb-4">Safe meals for mom & baby</p> 2060 <p class="text-slate-600 mb-6 line-clamp-3">Manage blood sugar during pregnancy with balanced carbs, adequate protein, and nutrient-dense meals for mother and baby.</p> 2061 2062 <ul class="space-y-3 mb-8 flex-1"> 2063 <li class="flex items-start gap-3 text-sm text-slate-600"> 2064 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2065 Blood sugar safe 2066 </li> 2067 <li class="flex items-start gap-3 text-sm text-slate-600"> 2068 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2069 Baby-friendly nutrition 2070 </li> 2071 <li class="flex items-start gap-3 text-sm text-slate-600"> 2072 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2073 Doctor approved 2074 </li> 2075 </ul> 2076 2077 <div class="grid grid-cols-2 gap-3 mt-auto">
2078 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2079 Details 2080 </span> 2081 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2082 Start Plan 2083 </span> 2084 </div> 2085 </div> 2086 </a> 2087 <a href="/meal-plan/gastritis" 2088 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2089 data-categories="gut"> 2090 <div class="relative h-56 overflow-hidden"> 2091 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2092 <img src="https://ai-mealplan.com/images/gastritis.jpg" alt="Gastritis-friendly gentle meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2093 <div class="absolute bottom-4 left-4 z-20"> 2094 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2095 Stomach Care 2096 </span> 2097 </div> 2098 </div> 2099 <div class="p-6 flex flex-col flex-1"> 2100 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Gastritis Diet</h3> 2101 <p class="text-sm font-semibold text-emerald-600 mb-4">Bland, stomach-gentle meals</p> 2102 <p class="text-slate-600 mb-6 line-clamp-3">Soothe stomach inflammation with bland, low-acid, anti-inflammatory foods. No spicy, acidic, fried, or caffeinated ingredients.</p> 2103 2104 <ul class="space-y-3 mb-8 flex-1"> 2105 <li class="flex items-start gap-3 text-sm text-slate-600"> 2106 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2107 Bland & Low-Acid 2108 </li> 2109 <li class="flex items-start gap-3 text-sm text-slate-600"> 2110 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2111 Anti-Inflammatory 2112 </li> 2113 <li class="flex items-start gap-3 text-sm text-slate-600"> 2114 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2115 Easy to Digest 2116 </li> 2117 </ul> 2118 2119 <div class="grid grid-cols-2 gap-3 mt-auto"> 2120 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2121 Details 2122 </span> 2123 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2124 Start Plan 2125 </span> 2126 </div> 2127 </div> 2128 </a> 2129 <a href="/meal-plan/metabolic-confusion" 2130 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2131 data-categories="weight-loss"> 2132 <div class="relative h-56 overflow-hidden"> 2133 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2134 <img src="https://ai-mealplan.com/images/metabolic_confusion.jpg" alt="Metabolic confusion calorie cycling meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2135 <div class="absolute bottom-4 left-4 z-20">
2136 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2137 Metabolism Boost 2138 </span> 2139 </div> 2140 </div> 2141 <div class="p-6 flex flex-col flex-1"> 2142 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Metabolic Confusion Diet</h3> 2143 <p class="text-sm font-semibold text-emerald-600 mb-4">Calorie cycling for plateaus</p> 2144 <p class="text-slate-600 mb-6 line-clamp-3">Break through weight loss plateaus by cycling between high and low calorie days. Keep your metabolism guessing.</p> 2145 2146 <ul class="space-y-3 mb-8 flex-1"> 2147 <li class="flex items-start gap-3 text-sm text-slate-600"> 2148 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2149 Break plateaus 2150 </li> 2151 <li class="flex items-start gap-3 text-sm text-slate-600"> 2152 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2153 Boost metabolism 2154 </li> 2155 <li class="flex items-start gap-3 text-sm text-slate-600"> 2156 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2157 Flexible eating 2158 </li> 2159 </ul> 2160 2161 <div class="grid grid-cols-2 gap-3 mt-auto"> 2162 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2163 Details 2164 </span> 2165 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2166 Start Plan 2167 </span> 2168 </div> 2169 </div> 2170 </a> 2171 <a href="/meal-plan/pcos" 2172 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2173 data-categories="health"> 2174 <div class="relative h-56 overflow-hidden"> 2175 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2176 <img src="https://ai-mealplan.com/images/pcos.jpg" alt="PCOS-friendly hormone-balancing meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2177 <div class="absolute bottom-4 left-4 z-20"> 2178 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2179 Hormone Balance 2180 </span> 2181 </div> 2182 </div> 2183 <div class="p-6 flex flex-col flex-1"> 2184 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">PCOS Meal Plan</h3> 2185 <p class="text-sm font-semibold text-emerald-600 mb-4">Low glycemic, anti-inflammatory</p> 2186 <p class="text-slate-600 mb-6 line-clamp-3">Balance hormones with low-glycemic, anti-inflammatory meals. Support insulin sensitivity and feel your best.</p> 2187 2188 <ul class="space-y-3 mb-8 flex-1"> 2189 <li class="flex items-start gap-3 text-sm text-slate-600"> 2190 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2191 Hormone Support 2192 </li> 2193 <li class="flex items-start gap-3 text-sm text-slate-600"> 2194 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2195 Low Glycemic 2196 </li> 2197 <li class="flex items-start gap-3 text-sm text-slate-600"> 2198 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2199 Anti-Inflammatory 2200 </li> 2201 </ul> 2202 2203 <div class="grid grid-cols-2 gap-3 mt-auto">
2204 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2205 Details 2206 </span> 2207 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2208 Start Plan 2209 </span> 2210 </div> 2211 </div> 2212 </a> 2213 <a href="/meal-plan/low-sodium" 2214 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2215 data-categories="health"> 2216 <div class="relative h-56 overflow-hidden"> 2217 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2218 <img src="https://ai-mealplan.com/images/low_sodium.jpg" alt="Low-sodium heart-healthy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2219 <div class="absolute bottom-4 left-4 z-20"> 2220 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2221 Heart Health 2222 </span> 2223 </div> 2224 </div> 2225 <div class="p-6 flex flex-col flex-1"> 2226 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7 Day Low-Sodium Diet Meal Plan</h3> 2227 <p class="text-sm font-semibold text-emerald-600 mb-4">Under 1,500mg sodium, flavorful</p> 2228 <p class="text-slate-600 mb-6 line-clamp-3">Protect your heart with meals under 1,500mg sodium per day. Fresh herbs and whole foods make low-salt eating delicious.</p> 2229 2230 <ul class="space-y-3 mb-8 flex-1"> 2231 <li class="flex items-start gap-3 text-sm text-slate-600"> 2232 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2233 Under 1500mg Sodium 2234 </li> 2235 <li class="flex items-start gap-3 text-sm text-slate-600"> 2236 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2237 Heart Healthy 2238 </li> 2239 <li class="flex items-start gap-3 text-sm text-slate-600"> 2240 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2241 Fresh Ingredients 2242 </li> 2243 </ul> 2244 2245 <div class="grid grid-cols-2 gap-3 mt-auto"> 2246 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2247 Details 2248 </span> 2249 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2250 Start Plan 2251 </span> 2252 </div> 2253 </div> 2254 </a> 2255 <a href="/meal-plan/cancer" 2256 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2257 data-categories="health"> 2258 <div class="relative h-56 overflow-hidden"> 2259 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2260 <img src="https://ai-mealplan.com/images/cancer.jpg" alt="Cancer-supportive nourishing meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2261 <div class="absolute bottom-4 left-4 z-20">
2262 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2263 Nourish & Heal 2264 </span> 2265 </div> 2266 </div> 2267 <div class="p-6 flex flex-col flex-1"> 2268 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day Meal Plan for Cancer Patients</h3> 2269 <p class="text-sm font-semibold text-emerald-600 mb-4">High protein, easy to digest</p> 2270 <p class="text-slate-600 mb-6 line-clamp-3">Nourish your body during treatment with gentle, high-protein meals designed to maintain strength and support recovery.</p> 2271 2272 <ul class="space-y-3 mb-8 flex-1"> 2273 <li class="flex items-start gap-3 text-sm text-slate-600"> 2274 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2275 High Protein 2276 </li> 2277 <li class="flex items-start gap-3 text-sm text-slate-600"> 2278 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2279 Nutrient Dense 2280 </li> 2281 <li class="flex items-start gap-3 text-sm text-slate-600"> 2282 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2283 Easy to Digest 2284 </li> 2285 </ul> 2286 2287 <div class="grid grid-cols-2 gap-3 mt-auto"> 2288 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2289 Details 2290 </span> 2291 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2292 Start Plan 2293 </span> 2294 </div> 2295 </div> 2296 </a> 2297 <a href="/meal-plan/kidney-disease" 2298 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2299 data-categories="health"> 2300 <div class="relative h-56 overflow-hidden"> 2301 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2302 <img src="https://images.unsplash.com/photo-1467003909585-2f8a72700288?w=800&q=80" alt="Kidney-friendly renal diet meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2303 <div class="absolute bottom-4 left-4 z-20"> 2304 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2305 Renal-Friendly 2306 </span> 2307 </div> 2308 </div> 2309 <div class="p-6 flex flex-col flex-1"> 2310 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day Meal Plan for Kidney Disease</h3> 2311 <p class="text-sm font-semibold text-emerald-600 mb-4">Low sodium, potassium & phosphorus</p> 2312 <p class="text-slate-600 mb-6 line-clamp-3">
2312A renal-friendly 7-day meal plan for kidney disease (stages 3-4). Controlled sodium, potassium, phosphorus, and protein with flavorful meals that meet renal guidelines.</p> 2313 2314 <ul class="space-y-3 mb-8 flex-1"> 2315 <li class="flex items-start gap-3 text-sm text-slate-600"> 2316 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2317 Low Sodium 2318 </li> 2319 <li class="flex items-start gap-3 text-sm text-slate-600"> 2320 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2321 Controlled Potassium 2322 </li> 2323 <li class="flex items-start gap-3 text-sm text-slate-600"> 2324 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2325 Kidney Safe 2326 </li> 2327 </ul> 2328 2329 <div class="grid grid-cols-2 gap-3 mt-auto"> 2330 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2331 Details 2332 </span> 2333 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2334 Start Plan 2335 </span> 2336 </div> 2337 </div> 2338 </a> 2339 <a href="/meal-plan/pregnancy" 2340 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2341 data-categories="health"> 2342 <div class="relative h-56 overflow-hidden"> 2343 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2344 <img src="https://images.unsplash.com/photo-1482049016688-2d3e1b311543?w=800&q=80" alt="Healthy pregnancy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2345 <div class="absolute bottom-4 left-4 z-20"> 2346 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2347 For Mom & Baby 2348 </span> 2349 </div> 2350 </div> 2351 <div class="p-6 flex flex-col flex-1"> 2352 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Pregnancy Meal Plan</h3> 2353 <p class="text-sm font-semibold text-emerald-600 mb-4">Folate, iron, DHA & calcium</p> 2354 <p class="text-slate-600 mb-6 line-clamp-3">Nourish every trimester with nutrient-dense meals rich in folate, iron, DHA, and calcium for a healthy pregnancy.</p> 2355 2356 <ul class="space-y-3 mb-8 flex-1"> 2357 <li class="flex items-start gap-3 text-sm text-slate-600"> 2358 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2359 Folate & Iron Rich 2360 </li> 2361 <li class="flex items-start gap-3 text-sm text-slate-600"> 2362 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2363 DHA for Baby 2364 </li> 2365 <li class="flex items-start gap-3 text-sm text-slate-600"> 2366 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2367 Trimester Adjusted 2368 </li> 2369 </ul> 2370 2371 <div class="grid grid-cols-2 gap-3 mt-auto">
2372 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2373 Details 2374 </span> 2375 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2376 Start Plan 2377 </span> 2378 </div> 2379 </div> 2380 </a> 2381 <a href="/meal-plan/prediabetic" 2382 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2383 data-categories="health"> 2384 <div class="relative h-56 overflow-hidden"> 2385 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2386 <img src="https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=800&q=80" alt="Prediabetic low glycemic meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2387 <div class="absolute bottom-4 left-4 z-20"> 2388 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2389 Blood Sugar Control 2390 </span> 2391 </div> 2392 </div> 2393 <div class="p-6 flex flex-col flex-1"> 2394 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Prediabetic Meal Plan</h3> 2395 <p class="text-sm font-semibold text-emerald-600 mb-4">Low glycemic, high fiber</p> 2396 <p class="text-slate-600 mb-6 line-clamp-3">Reverse prediabetes with low-glycemic meals. Balanced carbs, high fiber, and smart portions to stabilize blood sugar.</p> 2397 2398 <ul class="space-y-3 mb-8 flex-1"> 2399 <li class="flex items-start gap-3 text-sm text-slate-600"> 2400 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2401 Low Glycemic 2402 </li> 2403 <li class="flex items-start gap-3 text-sm text-slate-600"> 2404 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2405 High Fiber 2406 </li> 2407 <li class="flex items-start gap-3 text-sm text-slate-600"> 2408 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2409 Blood Sugar Stable 2410 </li> 2411 </ul> 2412 2413 <div class="grid grid-cols-2 gap-3 mt-auto"> 2414 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2415 Details 2416 </span> 2417 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2418 Start Plan 2419 </span> 2420 </div> 2421 </div> 2422 </a> 2423 <a href="/meal-plan/bulking" 2424 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2425 data-categories=""> 2426 <div class="relative h-56 overflow-hidden"> 2427 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2428 <img src="https://images.unsplash.com/photo-1544025162-d76694265947?w=800&q=80" alt="High calorie bulking meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2429 <div class="absolute bottom-4 left-4 z-20">
2430 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2431 Muscle Building 2432 </span> 2433 </div> 2434 </div> 2435 <div class="p-6 flex flex-col flex-1"> 2436 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Bulking Meal Plan</h3> 2437 <p class="text-sm font-semibold text-emerald-600 mb-4">Calorie surplus for lean gains</p> 2438 <p class="text-slate-600 mb-6 line-clamp-3">Build lean muscle with a clean calorie surplus. High protein, strategic carbs, and training-aligned meals.</p> 2439 2440 <ul class="space-y-3 mb-8 flex-1"> 2441 <li class="flex items-start gap-3 text-sm text-slate-600"> 2442 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2443 Calorie Surplus 2444 </li> 2445 <li class="flex items-start gap-3 text-sm text-slate-600"> 2446 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2447 High Protein 2448 </li> 2449 <li class="flex items-start gap-3 text-sm text-slate-600"> 2450 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2451 Training Aligned 2452 </li> 2453 </ul> 2454 2455 <div class="grid grid-cols-2 gap-3 mt-auto"> 2456 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2457 Details 2458 </span> 2459 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2460 Start Plan 2461 </span> 2462 </div> 2463 </div> 2464 </a> 2465 <a href="/meal-plan/plant-based" 2466 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2467 data-categories="lifestyle"> 2468 <div class="relative h-56 overflow-hidden"> 2469 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2470 <img src="https://images.unsplash.com/photo-1540914124281-342587941389?w=800&q=80" alt="Colorful plant-based whole food meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2471 <div class="absolute bottom-4 left-4 z-20"> 2472 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2473 Whole-Food Plants 2474 </span> 2475 </div> 2476 </div> 2477 <div class="p-6 flex flex-col flex-1"> 2478 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Plant-Based Meal Plan</h3> 2479 <p class="text-sm font-semibold text-emerald-600 mb-4">Complete nutrition from plants</p> 2480 <p class="text-slate-600 mb-6 line-clamp-3">Whole-food plant-based meals with complete proteins, essential nutrients, and satisfying variety. No deprivation.</p> 2481 2482 <ul class="space-y-3 mb-8 flex-1"> 2483 <li class="flex items-start gap-3 text-sm text-slate-600"> 2484 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2485 Complete Protein 2486 </li> 2487 <li class="flex items-start gap-3 text-sm text-slate-600"> 2488 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2489 Fiber Rich 2490 </li> 2491 <li class="flex items-start gap-3 text-sm text-slate-600"> 2492 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2493 Anti-Inflammatory 2494 </li> 2495 </ul> 2496 2497 <div class="grid grid-cols-2 gap-3 mt-auto">
2498 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2499 Details 2500 </span> 2501 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2502 Start Plan 2503 </span> 2504 </div> 2505 </div> 2506 </a> 2507 <a href="/meal-plan/anti-inflammatory" 2508 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2509 data-categories="health"> 2510 <div class="relative h-56 overflow-hidden"> 2511 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2512 <img src="https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=800&q=80" alt="Anti-inflammatory foods with colorful vegetables and berries" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2513 <div class="absolute bottom-4 left-4 z-20"> 2514 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2515 Reduce Inflammation 2516 </span> 2517 </div> 2518 </div> 2519 <div class="p-6 flex flex-col flex-1"> 2520 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Anti-Inflammatory Diet Meal Plan</h3> 2521 <p class="text-sm font-semibold text-emerald-600 mb-4">Heal with whole foods</p> 2522 <p class="text-slate-600 mb-6 line-clamp-3">Fight chronic inflammation with omega-3-rich fish, berries, leafy greens, and turmeric. Ideal for rheumatoid arthritis, joint pain, and autoimmune conditions. No processed foods, no refined sugar.</p> 2523 2524 <ul class="space-y-3 mb-8 flex-1"> 2525 <li class="flex items-start gap-3 text-sm text-slate-600"> 2526 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2527 Omega-3 Rich 2528 </li> 2529 <li class="flex items-start gap-3 text-sm text-slate-600"> 2530 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2531 Antioxidants 2532 </li> 2533 <li class="flex items-start gap-3 text-sm text-slate-600"> 2534 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2535 No Processed Foods 2536 </li> 2537 </ul> 2538 2539 <div class="grid grid-cols-2 gap-3 mt-auto"> 2540 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2541 Details 2542 </span> 2543 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2544 Start Plan 2545 </span> 2546 </div> 2547 </div> 2548 </a> 2549 <a href="/meal-plan/200g-protein-meal-plan" 2550 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2551 data-categories=""> 2552 <div class="relative h-56 overflow-hidden"> 2553 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2554 <img src="https://images.pexels.com/photos/361184/asparagus-steak-veal-steak-veal-361184.jpeg?auto=compress&cs=tinysrgb&w=400" alt="High protein steak and asparagus meal" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2555 <div class="absolute bottom-4 left-4 z-20">
2556 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2557 Elite Protein 2558 </span> 2559 </div> 2560 </div> 2561 <div class="p-6 flex flex-col flex-1"> 2562 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">200g Protein Meal Plan â 7-Day Elite Menu</h3> 2563 <p class="text-sm font-semibold text-emerald-600 mb-4">200g+ protein for serious athletes</p> 2564 <p class="text-slate-600 mb-6 line-clamp-3">200g protein daily â a 7-day meal plan for bodybuilders, powerlifters, and athletes over 90kg with macros, recipes, and grocery list.</p> 2565 2566 <ul class="space-y-3 mb-8 flex-1"> 2567 <li class="flex items-start gap-3 text-sm text-slate-600"> 2568 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2569 200g+ Protein 2570 </li> 2571 <li class="flex items-start gap-3 text-sm text-slate-600"> 2572 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2573 Elite Recovery 2574 </li> 2575 <li class="flex items-start gap-3 text-sm text-slate-600"> 2576 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2577 Serious Gains 2578 </li> 2579 </ul> 2580 2581 <div class="grid grid-cols-2 gap-3 mt-auto"> 2582 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2583 Details 2584 </span> 2585 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2586 Start Plan 2587 </span> 2588 </div> 2589 </div> 2590 </a> 2591 <a href="/meal-plan/high-protein-low-carb" 2592 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2593 data-categories="weight-loss"> 2594 <div class="relative h-56 overflow-hidden"> 2595 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2596 <img src="https://images.unsplash.com/photo-1598515214211-89d3c73ae83b?w=800&q=80" alt="High protein low carb meal with grilled meat and vegetables" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2597 <div class="absolute bottom-4 left-4 z-20"> 2598 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2599 Protein + Low Carb 2600 </span> 2601 </div> 2602 </div> 2603 <div class="p-6 flex flex-col flex-1"> 2604 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day High Protein Low-Carb Meal Plan</h3> 2605 <p class="text-sm font-semibold text-emerald-600 mb-4">150g+ protein, under 100g carbs</p> 2606 <p class="text-slate-600 mb-6 line-clamp-3">Maximize muscle retention and fat loss with a high-protein, low-carb approach. 150g+ protein and under 100g carbs daily.</p> 2607 2608 <ul class="space-y-3 mb-8 flex-1"> 2609 <li class="flex items-start gap-3 text-sm text-slate-600"> 2610 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2611 150g+ Protein 2612 </li> 2613 <li class="flex items-start gap-3 text-sm text-slate-600"> 2614 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2615 Low Carb 2616 </li> 2617 <li class="flex items-start gap-3 text-sm text-slate-600"> 2618 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2619 Fat Burning 2620 </li> 2621 </ul> 2622 2623 <div class="grid grid-cols-2 gap-3 mt-auto">
2624 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2625 Details 2626 </span> 2627 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2628 Start Plan 2629 </span> 2630 </div> 2631 </div> 2632 </a> 2633 <a href="/meal-plan/ulcerative-colitis" 2634 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2635 data-categories="gut"> 2636 <div class="relative h-56 overflow-hidden"> 2637 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2638 <img src="https://images.unsplash.com/photo-1604329760661-e71dc83f8f26?w=800&q=80" alt="Gentle gut-friendly meal for ulcerative colitis" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2639 <div class="absolute bottom-4 left-4 z-20"> 2640 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2641 UC-Friendly 2642 </span> 2643 </div> 2644 </div> 2645 <div class="p-6 flex flex-col flex-1"> 2646 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day Meal Plan for Ulcerative Colitis</h3> 2647 <p class="text-sm font-semibold text-emerald-600 mb-4">Gentle, healing nutrition</p> 2648 <p class="text-slate-600 mb-6 line-clamp-3">A low-residue, anti-inflammatory meal plan designed for ulcerative colitis. Gentle foods that minimize flares and support gut healing.</p> 2649 2650 <ul class="space-y-3 mb-8 flex-1"> 2651 <li class="flex items-start gap-3 text-sm text-slate-600"> 2652 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2653 Low Residue 2654 </li> 2655 <li class="flex items-start gap-3 text-sm text-slate-600"> 2656 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2657 Anti-Inflammatory 2658 </li> 2659 <li class="flex items-start gap-3 text-sm text-slate-600"> 2660 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2661 Gut Healing 2662 </li> 2663 </ul> 2664 2665 <div class="grid grid-cols-2 gap-3 mt-auto"> 2666 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2667 Details 2668 </span> 2669 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2670 Start Plan 2671 </span> 2672 </div> 2673 </div> 2674 </a> 2675 <a href="/meal-plan/clean-eating" 2676 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2677 data-categories="lifestyle"> 2678 <div class="relative h-56 overflow-hidden"> 2679 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2680 <img src="https://images.unsplash.com/photo-1498837167922-ddd27525d352?w=800&q=80" alt="Clean eating whole foods spread" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2681 <div class="absolute bottom-4 left-4 z-20">
2682 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2683 Real Food 2684 </span> 2685 </div> 2686 </div> 2687 <div class="p-6 flex flex-col flex-1"> 2688 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Clean Eating Meal Plan</h3> 2689 <p class="text-sm font-semibold text-emerald-600 mb-4">Whole foods, zero junk</p> 2690 <p class="text-slate-600 mb-6 line-clamp-3">Eat clean with whole, unprocessed foods. No refined sugar, no artificial ingredients â just real food that fuels your body.</p> 2691 2692 <ul class="space-y-3 mb-8 flex-1"> 2693 <li class="flex items-start gap-3 text-sm text-slate-600"> 2694 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2695 Whole Foods 2696 </li> 2697 <li class="flex items-start gap-3 text-sm text-slate-600"> 2698 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2699 No Processed 2700 </li> 2701 <li class="flex items-start gap-3 text-sm text-slate-600"> 2702 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2703 Natural Ingredients 2704 </li> 2705 </ul> 2706 2707 <div class="grid grid-cols-2 gap-3 mt-auto"> 2708 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2709 Details 2710 </span> 2711 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2712 Start Plan 2713 </span> 2714 </div> 2715 </div> 2716 </a> 2717 <a href="/meal-plan/elderly-female" 2718 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2719 data-categories=""> 2720 <div class="relative h-56 overflow-hidden"> 2721 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2722 <img src="https://images.unsplash.com/photo-1498837167922-ddd27525d352?w=800&q=80" alt="Nutritious easy meals for elderly women" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2723 <div class="absolute bottom-4 left-4 z-20"> 2724 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2725 Senior Nutrition 2726 </span> 2727 </div> 2728 </div> 2729 <div class="p-6 flex flex-col flex-1"> 2730 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day Meal Plan for Elderly Female</h3> 2731 <p class="text-sm font-semibold text-emerald-600 mb-4">Bone health, energy & easy prep</p> 2732 <p class="text-slate-600 mb-6 line-clamp-3">A nutrient-dense meal plan for women 65+ focused on calcium, vitamin D, protein for muscle preservation, and easy-to-prepare meals that support bone health and sustained energy.</p> 2733 2734 <ul class="space-y-3 mb-8 flex-1"> 2735 <li class="flex items-start gap-3 text-sm text-slate-600"> 2736 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2737 Bone Strength 2738 </li> 2739 <li class="flex items-start gap-3 text-sm text-slate-600"> 2740 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2741 Soft Textures 2742 </li> 2743 <li class="flex items-start gap-3 text-sm text-slate-600"> 2744 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2745 High Protein 2746 </li> 2747 </ul> 2748 2749 <div class="grid grid-cols-2 gap-3 mt-auto">
2750 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2751 Details 2752 </span> 2753 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2754 Start Plan 2755 </span> 2756 </div> 2757 </div> 2758 </a> 2759 <a href="/meal-plan/teenage-girl" 2760 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2761 data-categories=""> 2762 <div class="relative h-56 overflow-hidden"> 2763 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2764 <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=800&q=80" alt="Healthy balanced meals for teenage girls" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2765 <div class="absolute bottom-4 left-4 z-20"> 2766 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2767 Teen Nutrition 2768 </span> 2769 </div> 2770 </div> 2771 <div class="p-6 flex flex-col flex-1"> 2772 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day Meal Plan for Teenage Girl</h3> 2773 <p class="text-sm font-semibold text-emerald-600 mb-4">Growth, energy & healthy habits</p> 2774 <p class="text-slate-600 mb-6 line-clamp-3">A balanced meal plan for teenage girls (13-19) supporting growth, hormonal health, iron needs, and sustained energy for school, sports, and social life â without restrictive dieting.</p> 2775 2776 <ul class="space-y-3 mb-8 flex-1"> 2777 <li class="flex items-start gap-3 text-sm text-slate-600"> 2778 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2779 Growth Support 2780 </li> 2781 <li class="flex items-start gap-3 text-sm text-slate-600"> 2782 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2783 Iron & Calcium 2784 </li> 2785 <li class="flex items-start gap-3 text-sm text-slate-600"> 2786 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2787 Teen-Friendly 2788 </li> 2789 </ul> 2790 2791 <div class="grid grid-cols-2 gap-3 mt-auto"> 2792 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2793 Details 2794 </span> 2795 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2796 Start Plan 2797 </span> 2798 </div> 2799 </div> 2800 </a> 2801 <a href="/meal-plan/budget" 2802 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2803 data-categories=""> 2804 <div class="relative h-56 overflow-hidden"> 2805 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2806 <img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=800&q=80" alt="Affordable healthy meal prep on a budget" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2807 <div class="absolute bottom-4 left-4 z-20">
2808 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2809 Under $50/Week 2810 </span> 2811 </div> 2812 </div> 2813 <div class="p-6 flex flex-col flex-1"> 2814 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Budget Meal Plan</h3> 2815 <p class="text-sm font-semibold text-emerald-600 mb-4">Eat well, spend less</p> 2816 <p class="text-slate-600 mb-6 line-clamp-3">Eat healthy on a budget with cheap, nutritious meals averaging $5-7 per day. Affordable ingredients, batch cooking tips, and a grocery list that keeps your wallet happy.</p> 2817 2818 <ul class="space-y-3 mb-8 flex-1"> 2819 <li class="flex items-start gap-3 text-sm text-slate-600"> 2820 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2821 Under $7/Day 2822 </li> 2823 <li class="flex items-start gap-3 text-sm text-slate-600"> 2824 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2825 Batch Cook 2826 </li> 2827 <li class="flex items-start gap-3 text-sm text-slate-600"> 2828 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2829 Zero Waste 2830 </li> 2831 </ul> 2832 2833 <div class="grid grid-cols-2 gap-3 mt-auto"> 2834 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2835 Details 2836 </span> 2837 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2838 Start Plan 2839 </span> 2840 </div> 2841 </div> 2842 </a> 2843 <a href="/meal-plan/80g-protein-meal-plan" 2844 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2845 data-categories=""> 2846 <div class="relative h-56 overflow-hidden"> 2847 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2848 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="80g protein meal plan food spread" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2849 <div class="absolute bottom-4 left-4 z-20"> 2850 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2851 Starter 2852 </span> 2853 </div> 2854 </div> 2855 <div class="p-6 flex flex-col flex-1"> 2856 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">80g Protein Meal Plan</h3> 2857 <p class="text-sm font-semibold text-emerald-600 mb-4">Starter protein for sedentary adults</p> 2858 <p class="text-slate-600 mb-6 line-clamp-3">An 80g protein plan perfect for sedentary adults, elderly, and beginners transitioning to higher-protein eating.</p> 2859 2860 <ul class="space-y-3 mb-8 flex-1"> 2861 <li class="flex items-start gap-3 text-sm text-slate-600"> 2862 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2863 Beginner Friendly 2864 </li> 2865 <li class="flex items-start gap-3 text-sm text-slate-600"> 2866 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2867 Everyday Foods 2868 </li> 2869 <li class="flex items-start gap-3 text-sm text-slate-600"> 2870 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2871 Easy to Achieve 2872 </li> 2873 </ul> 2874 2875 <div class="grid grid-cols-2 gap-3 mt-auto">
2876 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2877 Details 2878 </span> 2879 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2880 Start Plan 2881 </span> 2882 </div> 2883 </div> 2884 </a> 2885 <a href="/meal-plan/90g-protein-meal-plan" 2886 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2887 data-categories=""> 2888 <div class="relative h-56 overflow-hidden"> 2889 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2890 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="90g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2891 <div class="absolute bottom-4 left-4 z-20"> 2892 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2893 Light Active 2894 </span> 2895 </div> 2896 </div> 2897 <div class="p-6 flex flex-col flex-1"> 2898 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">90g Protein Meal Plan</h3> 2899 <p class="text-sm font-semibold text-emerald-600 mb-4">For lightly active women & beginners</p> 2900 <p class="text-slate-600 mb-6 line-clamp-3">A 90g protein plan for lightly active adults and women starting a fitness routine. Sustainable, real-food approach.</p> 2901 2902 <ul class="space-y-3 mb-8 flex-1"> 2903 <li class="flex items-start gap-3 text-sm text-slate-600"> 2904 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2905 Light Activity 2906 </li> 2907 <li class="flex items-start gap-3 text-sm text-slate-600"> 2908 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2909 Women-Friendly 2910 </li> 2911 <li class="flex items-start gap-3 text-sm text-slate-600"> 2912 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2913 Sustainable 2914 </li> 2915 </ul> 2916 2917 <div class="grid grid-cols-2 gap-3 mt-auto"> 2918 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2919 Details 2920 </span> 2921 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2922 Start Plan 2923 </span> 2924 </div> 2925 </div> 2926 </a> 2927 <a href="/meal-plan/100g-protein-meal-plan" 2928 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2929 data-categories=""> 2930 <div class="relative h-56 overflow-hidden"> 2931 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2932 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="100g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2933 <div class="absolute bottom-4 left-4 z-20">
2934 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2935 Gold Standard 2936 </span> 2937 </div> 2938 </div> 2939 <div class="p-6 flex flex-col flex-1"> 2940 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">100g Protein Meal Plan</h3> 2941 <p class="text-sm font-semibold text-emerald-600 mb-4">Gold standard for active adults</p> 2942 <p class="text-slate-600 mb-6 line-clamp-3">The benchmark 100g protein plan for active adults. Maintain muscle, manage weight, and stay energized.</p> 2943 2944 <ul class="space-y-3 mb-8 flex-1"> 2945 <li class="flex items-start gap-3 text-sm text-slate-600"> 2946 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2947 Active Adults 2948 </li> 2949 <li class="flex items-start gap-3 text-sm text-slate-600"> 2950 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2951 Muscle Maintenance 2952 </li> 2953 <li class="flex items-start gap-3 text-sm text-slate-600"> 2954 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2955 Balanced Macros 2956 </li> 2957 </ul> 2958 2959 <div class="grid grid-cols-2 gap-3 mt-auto"> 2960 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 2961 Details 2962 </span> 2963 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 2964 Start Plan 2965 </span> 2966 </div> 2967 </div> 2968 </a> 2969 <a href="/meal-plan/110g-protein-meal-plan" 2970 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 2971 data-categories=""> 2972 <div class="relative h-56 overflow-hidden"> 2973 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 2974 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="110g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 2975 <div class="absolute bottom-4 left-4 z-20"> 2976 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 2977 Fitness 2978 </span> 2979 </div> 2980 </div> 2981 <div class="p-6 flex flex-col flex-1"> 2982 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">110g Protein Meal Plan</h3> 2983 <p class="text-sm font-semibold text-emerald-600 mb-4">For regular gym-goers (3-4x/week)</p> 2984 <p class="text-slate-600 mb-6 line-clamp-3">
2984A 110g protein plan for consistent gym-goers who want better body composition and recovery.</p> 2985 2986 <ul class="space-y-3 mb-8 flex-1"> 2987 <li class="flex items-start gap-3 text-sm text-slate-600"> 2988 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2989 Gym Recovery 2990 </li> 2991 <li class="flex items-start gap-3 text-sm text-slate-600"> 2992 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2993 Body Recomp 2994 </li> 2995 <li class="flex items-start gap-3 text-sm text-slate-600"> 2996 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 2997 Consistent Energy 2998 </li> 2999 </ul> 3000 3001 <div class="grid grid-cols-2 gap-3 mt-auto"> 3002 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3003 Details 3004 </span> 3005 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3006 Start Plan 3007 </span> 3008 </div> 3009 </div> 3010 </a> 3011 <a href="/meal-plan/120g-protein-meal-plan" 3012 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3013 data-categories=""> 3014 <div class="relative h-56 overflow-hidden"> 3015 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3016 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="120g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3017 <div class="absolute bottom-4 left-4 z-20"> 3018 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3019 Strength 3020 </span> 3021 </div> 3022 </div> 3023 <div class="p-6 flex flex-col flex-1"> 3024 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">120g Protein Meal Plan</h3> 3025 <p class="text-sm font-semibold text-emerald-600 mb-4">For strength trainers & serious dieters</p> 3026 <p class="text-slate-600 mb-6 line-clamp-3">A 120g protein plan built for strength training, cutting phases, and active lifestyles demanding visible results.</p> 3027 3028 <ul class="space-y-3 mb-8 flex-1"> 3029 <li class="flex items-start gap-3 text-sm text-slate-600"> 3030 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3031 Strength Training 3032 </li> 3033 <li class="flex items-start gap-3 text-sm text-slate-600"> 3034 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3035 Fat Loss 3036 </li> 3037 <li class="flex items-start gap-3 text-sm text-slate-600"> 3038 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3039 Recovery 3040 </li> 3041 </ul> 3042 3043 <div class="grid grid-cols-2 gap-3 mt-auto">
3044 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3045 Details 3046 </span> 3047 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3048 Start Plan 3049 </span> 3050 </div> 3051 </div> 3052 </a> 3053 <a href="/meal-plan/130g-protein-meal-plan" 3054 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3055 data-categories=""> 3056 <div class="relative h-56 overflow-hidden"> 3057 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3058 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="130g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3059 <div class="absolute bottom-4 left-4 z-20"> 3060 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3061 Athletic 3062 </span> 3063 </div> 3064 </div> 3065 <div class="p-6 flex flex-col flex-1"> 3066 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">130g Protein Meal Plan</h3> 3067 <p class="text-sm font-semibold text-emerald-600 mb-4">For athletes & dedicated lifters</p> 3068 <p class="text-slate-600 mb-6 line-clamp-3">A 130g protein plan for athletes training 4-5x per week. Optimal for performance, lean mass, and recovery.</p> 3069 3070 <ul class="space-y-3 mb-8 flex-1"> 3071 <li class="flex items-start gap-3 text-sm text-slate-600"> 3072 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3073 Athletic Recovery 3074 </li> 3075 <li class="flex items-start gap-3 text-sm text-slate-600"> 3076 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3077 Peak Performance 3078 </li> 3079 <li class="flex items-start gap-3 text-sm text-slate-600"> 3080 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3081 Lean Mass 3082 </li> 3083 </ul> 3084 3085 <div class="grid grid-cols-2 gap-3 mt-auto"> 3086 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3087 Details 3088 </span> 3089 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3090 Start Plan 3091 </span> 3092 </div> 3093 </div> 3094 </a> 3095 <a href="/meal-plan/140g-protein-meal-plan" 3096 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3097 data-categories=""> 3098 <div class="relative h-56 overflow-hidden"> 3099 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3100 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="140g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3101 <div class="absolute bottom-4 left-4 z-20">
3102 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3103 Advanced 3104 </span> 3105 </div> 3106 </div> 3107 <div class="p-6 flex flex-col flex-1"> 3108 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">140g Protein Meal Plan</h3> 3109 <p class="text-sm font-semibold text-emerald-600 mb-4">For bodybuilders & powerlifters</p> 3110 <p class="text-slate-600 mb-6 line-clamp-3">A 140g protein plan for serious lifters, bodybuilders, and advanced athletes pursuing maximum muscle growth.</p> 3111 3112 <ul class="space-y-3 mb-8 flex-1"> 3113 <li class="flex items-start gap-3 text-sm text-slate-600"> 3114 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3115 Muscle Building 3116 </li> 3117 <li class="flex items-start gap-3 text-sm text-slate-600"> 3118 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3119 Advanced Training 3120 </li> 3121 <li class="flex items-start gap-3 text-sm text-slate-600"> 3122 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3123 Competition Prep 3124 </li> 3125 </ul> 3126 3127 <div class="grid grid-cols-2 gap-3 mt-auto"> 3128 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3129 Details 3130 </span> 3131 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3132 Start Plan 3133 </span> 3134 </div> 3135 </div> 3136 </a> 3137 <a href="/meal-plan/high-fiber" 3138 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3139 data-categories=""> 3140 <div class="relative h-56 overflow-hidden"> 3141 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3142 <img src="https://images.pexels.com/photos/1640777/pexels-photo-1640777.jpeg?auto=compress&cs=tinysrgb&w=800" alt="High fiber foods with beans, vegetables and grains" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3143 <div class="absolute bottom-4 left-4 z-20"> 3144 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3145 Gut Health 3146 </span> 3147 </div> 3148 </div> 3149 <div class="p-6 flex flex-col flex-1"> 3150 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">High Fiber Diet</h3> 3151 <p class="text-sm font-semibold text-emerald-600 mb-4">30g+ fiber for digestion & health</p> 3152 <p class="text-slate-600 mb-6 line-clamp-3">A high fiber meal plan with 30â40g fiber per day. Improve digestion, lower cholesterol, and feel fuller longer with legumes, whole grains, and vegetables.</p> 3153 3154 <ul class="space-y-3 mb-8 flex-1"> 3155 <li class="flex items-start gap-3 text-sm text-slate-600"> 3156 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3157 30g+ Fiber Daily 3158 </li> 3159 <li class="flex items-start gap-3 text-sm text-slate-600"> 3160 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3161 Gut Health Boost 3162 </li> 3163 <li class="flex items-start gap-3 text-sm text-slate-600"> 3164 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3165 Natural Weight Loss 3166 </li> 3167 </ul> 3168 3169 <div class="grid grid-cols-2 gap-3 mt-auto">
3170 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3171 Details 3172 </span> 3173 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3174 Start Plan 3175 </span> 3176 </div> 3177 </div> 3178 </a> 3179 <a href="/meal-plan/lazy-girl" 3180 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3181 data-categories=""> 3182 <div class="relative h-56 overflow-hidden"> 3183 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3184 <img src="https://images.pexels.com/photos/1640774/pexels-photo-1640774.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Easy healthy meal with minimal preparation" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3185 <div class="absolute bottom-4 left-4 z-20"> 3186 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3187 Easy 3188 </span> 3189 </div> 3190 </div> 3191 <div class="p-6 flex flex-col flex-1"> 3192 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Lazy Girl Meal Plan</h3> 3193 <p class="text-sm font-semibold text-emerald-600 mb-4">Minimal cooking, maximum results</p> 3194 <p class="text-slate-600 mb-6 line-clamp-3">A lazy girl meal plan with 5-minute meals, no meal prep, and simple ingredients. Eat healthy without spending hours in the kitchen.</p> 3195 3196 <ul class="space-y-3 mb-8 flex-1"> 3197 <li class="flex items-start gap-3 text-sm text-slate-600"> 3198 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3199 5-Minute Meals 3200 </li> 3201 <li class="flex items-start gap-3 text-sm text-slate-600"> 3202 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3203 No Meal Prep 3204 </li> 3205 <li class="flex items-start gap-3 text-sm text-slate-600"> 3206 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3207 Budget Friendly 3208 </li> 3209 </ul> 3210 3211 <div class="grid grid-cols-2 gap-3 mt-auto"> 3212 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3213 Details 3214 </span> 3215 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3216 Start Plan 3217 </span> 3218 </div> 3219 </div> 3220 </a> 3221 <a href="/meal-plan/gut-health" 3222 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3223 data-categories=""> 3224 <div class="relative h-56 overflow-hidden"> 3225 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3226 <img src="https://images.pexels.com/photos/1099680/pexels-photo-1099680.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Gut-healthy foods with fermented foods and vegetables" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3227 <div class="absolute bottom-4 left-4 z-20">
3228 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3229 Microbiome 3230 </span> 3231 </div> 3232 </div> 3233 <div class="p-6 flex flex-col flex-1"> 3234 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Gut Health Meal Plan</h3> 3235 <p class="text-sm font-semibold text-emerald-600 mb-4">Probiotics, prebiotics & fiber</p> 3236 <p class="text-slate-600 mb-6 line-clamp-3">Heal your gut with a meal plan rich in probiotics, prebiotics, and fiber. Fermented foods, whole grains, and anti-inflammatory meals for better digestion.</p> 3237 3238 <ul class="space-y-3 mb-8 flex-1"> 3239 <li class="flex items-start gap-3 text-sm text-slate-600"> 3240 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3241 Probiotic Rich 3242 </li> 3243 <li class="flex items-start gap-3 text-sm text-slate-600"> 3244 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3245 Prebiotic Fiber 3246 </li> 3247 <li class="flex items-start gap-3 text-sm text-slate-600"> 3248 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3249 Anti-Inflammatory 3250 </li> 3251 </ul> 3252 3253 <div class="grid grid-cols-2 gap-3 mt-auto"> 3254 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3255 Details 3256 </span> 3257 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3258 Start Plan 3259 </span> 3260 </div> 3261 </div> 3262 </a> 3263 <a href="/meal-plan/no-sugar" 3264 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3265 data-categories=""> 3266 <div class="relative h-56 overflow-hidden"> 3267 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3268 <img src="https://images.pexels.com/photos/1640770/pexels-photo-1640770.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Sugar-free whole food meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3269 <div class="absolute bottom-4 left-4 z-20"> 3270 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3271 Sugar Free 3272 </span> 3273 </div> 3274 </div> 3275 <div class="p-6 flex flex-col flex-1"> 3276 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">No Sugar Diet</h3> 3277 <p class="text-sm font-semibold text-emerald-600 mb-4">Zero added sugar, real food only</p> 3278 <p class="text-slate-600 mb-6 line-clamp-3">Quit added sugar with a no sugar meal plan. Zero added sugars, whole foods, and exact macros. Lose weight, reduce cravings, and boost energy naturally.</p> 3279 3280 <ul class="space-y-3 mb-8 flex-1"> 3281 <li class="flex items-start gap-3 text-sm text-slate-600"> 3282 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3283 Zero Added Sugar 3284 </li> 3285 <li class="flex items-start gap-3 text-sm text-slate-600"> 3286 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3287 Reduced Cravings 3288 </li> 3289 <li class="flex items-start gap-3 text-sm text-slate-600"> 3290 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3291 Steady Energy 3292 </li> 3293 </ul> 3294 3295 <div class="grid grid-cols-2 gap-3 mt-auto">
3296 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3297 Details 3298 </span> 3299 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3300 Start Plan 3301 </span> 3302 </div> 3303 </div> 3304 </a> 3305 <a href="/meal-plan/150g-protein-meal-plan" 3306 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3307 data-categories=""> 3308 <div class="relative h-56 overflow-hidden"> 3309 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3310 <img src="https://images.unsplash.com/photo-1532550907401-a500c9a57435?w=800&q=80" alt="150g protein meal plan" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3311 <div class="absolute bottom-4 left-4 z-20"> 3312 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3313 Maximum 3314 </span> 3315 </div> 3316 </div> 3317 <div class="p-6 flex flex-col flex-1"> 3318 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">150g Protein Meal Plan</h3> 3319 <p class="text-sm font-semibold text-emerald-600 mb-4">Maximum muscle for heavy lifters</p> 3320 <p class="text-slate-600 mb-6 line-clamp-3">The ultimate 150g protein plan for heavy lifters, bodybuilders over 85kg, and athletes in intensive training phases.</p> 3321 3322 <ul class="space-y-3 mb-8 flex-1"> 3323 <li class="flex items-start gap-3 text-sm text-slate-600"> 3324 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3325 Maximum MPS 3326 </li> 3327 <li class="flex items-start gap-3 text-sm text-slate-600"> 3328 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3329 Elite Recovery 3330 </li> 3331 <li class="flex items-start gap-3 text-sm text-slate-600"> 3332 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3333 85kg+ Athletes 3334 </li> 3335 </ul> 3336 3337 <div class="grid grid-cols-2 gap-3 mt-auto"> 3338 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3339 Details 3340 </span> 3341 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3342 Start Plan 3343 </span> 3344 </div> 3345 </div> 3346 </a> 3347 <a href="/meal-plan/7-day-for-runners" 3348 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3349 data-categories=""> 3350 <div class="relative h-56 overflow-hidden"> 3351 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3352 <img src="https://images.pexels.com/photos/235922/pexels-photo-235922.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Runner nutrition and healthy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3353 <div class="absolute bottom-4 left-4 z-20">
3354 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3355 Performance 3356 </span> 3357 </div> 3358 </div> 3359 <div class="p-6 flex flex-col flex-1"> 3360 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">Runners Meal Plan</h3> 3361 <p class="text-sm font-semibold text-emerald-600 mb-4">Fuel your runs with smart nutrition</p> 3362 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day meal plan for runners with carb-loaded meals for glycogen, lean protein for recovery, and anti-inflammatory foods to reduce soreness.</p> 3363 3364 <ul class="space-y-3 mb-8 flex-1"> 3365 <li class="flex items-start gap-3 text-sm text-slate-600"> 3366 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3367 Glycogen Loading 3368 </li> 3369 <li class="flex items-start gap-3 text-sm text-slate-600"> 3370 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3371 Recovery Nutrition 3372 </li> 3373 <li class="flex items-start gap-3 text-sm text-slate-600"> 3374 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3375 Race Day Ready 3376 </li> 3377 </ul> 3378 3379 <div class="grid grid-cols-2 gap-3 mt-auto"> 3380 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3381 Details 3382 </span> 3383 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3384 Start Plan 3385 </span> 3386 </div> 3387 </div> 3388 </a> 3389 <a href="/meal-plan/7-day-for-muscle-gain-and-fat-loss" 3390 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3391 data-categories=""> 3392 <div class="relative h-56 overflow-hidden"> 3393 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3394 <img src="https://images.pexels.com/photos/1552242/pexels-photo-1552242.jpeg?auto=compress&cs=tinysrgb&w=800" alt="High protein meals for body recomposition" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3395 <div class="absolute bottom-4 left-4 z-20"> 3396 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3397 Recomp 3398 </span> 3399 </div> 3400 </div> 3401 <div class="p-6 flex flex-col flex-1"> 3402 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">7-Day Meal Plan for Muscle Gain & Fat Loss</h3> 3403 <p class="text-sm font-semibold text-emerald-600 mb-4">Build muscle while losing fat</p> 3404 <p class="text-slate-600 mb-6 line-clamp-3">A 7-day body recomposition meal plan with high protein, strategic carb timing, and a slight caloric deficit to build lean muscle and burn fat simultaneously.</p> 3405 3406 <ul class="space-y-3 mb-8 flex-1"> 3407 <li class="flex items-start gap-3 text-sm text-slate-600"> 3408 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3409 High Protein 3410 </li> 3411 <li class="flex items-start gap-3 text-sm text-slate-600"> 3412 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3413 Carb Timing 3414 </li> 3415 <li class="flex items-start gap-3 text-sm text-slate-600"> 3416 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3417 Body Recomp 3418 </li> 3419 </ul> 3420 3421 <div class="grid grid-cols-2 gap-3 mt-auto">
3422 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3423 Details 3424 </span> 3425 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3426 Start Plan 3427 </span> 3428 </div> 3429 </div> 3430 </a> 3431 <a href="/meal-plan/glp-1-diet" 3432 class="diet-card group flex flex-col bg-white rounded-3xl overflow-hidden border border-slate-100 hover:border-emerald-100 shadow-sm hover:shadow-xl hover:shadow-emerald-900/5 transition-all duration-300 cursor-pointer no-underline" 3433 data-categories=""> 3434 <div class="relative h-56 overflow-hidden"> 3435 <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent z-10"></div> 3436 <img src="https://ai-mealplan.com/images/glp1_diet.webp" alt="GLP-1 diet healthy meals" class="w-full h-full object-cover transform group-hover:scale-105 transition-transform duration-500" loading="lazy"> 3437 <div class="absolute bottom-4 left-4 z-20"> 3438 <span class="inline-block px-3 py-1 bg-white/90 backdrop-blur-sm rounded-full text-xs font-bold text-slate-900"> 3439 Trending 3440 </span> 3441 </div> 3442 </div> 3443 <div class="p-6 flex flex-col flex-1"> 3444 <h3 class="diet-title text-2xl font-bold text-slate-900 mb-2 group-hover:text-[#1f5a4b] transition-colors">GLP-1 Diet</h3> 3445 <p class="text-sm font-semibold text-emerald-600 mb-4">High-protein, low-fat for Ozempic & Wegovy</p> 3446 <p class="text-slate-600 mb-6 line-clamp-3">High-protein, low-fat meals designed to minimize nausea and maximize weight loss on Ozempic, Wegovy, or Mounjaro.</p> 3447 3448 <ul class="space-y-3 mb-8 flex-1"> 3449 <li class="flex items-start gap-3 text-sm text-slate-600"> 3450 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3451 100-130g protein/day 3452 </li> 3453 <li class="flex items-start gap-3 text-sm text-slate-600"> 3454 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3455 Low-fat & easy to digest 3456 </li> 3457 <li class="flex items-start gap-3 text-sm text-slate-600"> 3458 <svg class="w-5 h-5 text-emerald-500 shrink-0 mt-0.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg> 3459 Minimizes GI side effects 3460 </li> 3461 </ul> 3462 3463 <div class="grid grid-cols-2 gap-3 mt-auto"> 3464 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-slate-700 bg-slate-50 rounded-xl group-hover:bg-slate-100 transition-colors"> 3465 Details 3466 </span> 3467 <span class="flex items-center justify-center px-4 py-2.5 text-sm font-bold text-white bg-[#1f5a4b] rounded-xl group-hover:bg-[#164236] shadow-lg shadow-emerald-900/10 transition-all"> 3468 Start Plan 3469 </span> 3470 </div> 3471 </div> 3472 </a> 3473 </div> 3474 </div> 3475 </section> 3476 3477 3478 <section class="py-20 bg-slate-50 border-t border-slate-100"> 3479 <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> 3480 <h2 class="text-2xl md:text-3xl font-extrabold text-slate-900 mb-8">How to choose the right meal plan</h2> 3481 3482 <div class="prose prose-slate max-w-none text-slate-600 leading-relaxed space-y-6"> 3483 <p>With dozens of diet styles available, picking the right meal plan comes down to three things: your health goal, your food preferences, and any medical conditions you need to manage. Our AI takes all of this into account and builds a weekly menu with recipes, macros, and a grocery list â personalized to you.</p> 3484 3485 <h3 class="text-xl font-bold text-slate-900 mt-8 mb-3">Weight loss plans</h3> 3486 <p>If your goal is to lose weight, start with a <a href="/meal-plan/high-protein" class="text-[#1f5a4b] font-semibold hover:underline">high-protein meal plan</a> or <a href="/meal-plan/low-carb" class="text-[#1f5a4b] font-semibold hover:underline">low-carb plan</a>. Both create a sustainable calorie deficit while keeping you full. For a more structured approach, try <a href="/meal-plan/metabolic-confusion" class="text-[#1f5a4b] font-semibold hover:underline">metabolic confusion</a> or <a href="/meal-plan/carb-cycling" class="text-[#1f5a4b] font-semibold hover:underline">carb cycling</a> â both alternate calorie intake to prevent metabolic adaptation.</p> 3487 3488 <h3 class="text-xl font-bold text-slate-900 mt-8 mb-3">Lifestyle & dietary preference plans</h3> 3489 <p>Choose based on how you like to eat. <a href="/meal-plan/keto" class="text-[#1f5a4b] font-semibold hover:underline">Keto</a> is ideal for those who prefer high-fat, low-carb meals. <a href="/meal-plan/mediterranean" class="text-[#1f5a4b] font-semibold hover:underline">Mediterranean</a> is widely recommended for heart health and longevity. The <a href="/meal-plan/nordic" class="text-[#1f5a4b] font-semibold hover:underline">Nordic diet</a> is the northern counterpart â rye, fish, berries, and rapeseed oil instead of olive oil and tomato. Cooking for a household of two? Use the <a href="/meal-plan/for-2-adults" class="text-[#1f5a4b] font-semibold hover:underline">weekly meal plan for 2 adults</a>. <a href="/meal-plan/vegan" class="text-[#1f5a4b] font-semibold hover:underline">Vegan</a> and <a href="/meal-plan/plant-based" class="text-[#1f5a4b] font-semibold hover:underline">plant-based</a> plans work for ethical or environmental reasons. <a href="/meal-plan/paleo" class="text-[#1f5a4b] font-semibold hover:underline">Paleo</a> focuses on whole, unprocessed foods.</p> 3490 3491 <h3 class="text-xl font-bold text-slate-900 mt-8 mb-3">Health condition plans</h3> 3492 <p>Managing a medical condition requires specific nutritional adjustments. We offer plans for <a href="/meal-plan/diabetic" class="text-[#1f5a4b] font-semibold hover:underline">diabetes</a>, <a href="/meal-plan/lower-cholesterol" class="text-[#1f5a4b] font-semibold hover:underline">high cholesterol</a>, <a href="/meal-plan/kidney-disease" class="text-[#1f5a4b] font-semibold hover:underline">kidney disease</a>, <a href="/meal-plan/pcos" class="text-[#1f5a4b] font-semibold hover:underline">PCOS</a>, <a href="/meal-plan/anti-inflammatory" class="text-[#1f5a4b] font-semibold hover:underline">anti-inflammatory needs</a>, <a href="/meal-plan/pregnancy" class="text-[#1f5a4b] font-semibold hover:underline">pregnancy</a>, and more. Each plan follows evidence-based dietary guidelines while keeping meals enjoyable and practical.</p> 3493 3494 <h3 class="text-xl font-bold text-slate-900 mt-8 mb-3">Calorie-based plans</h3> 3495 <p>Not sure which diet to follow? Start with a calorie target instead. Our calorie-based plans range from 1,200 to 3,000+ calories per day. The AI balances your macros automatically â you just pick a calorie level that matches your goal (deficit for weight loss, surplus for muscle gain, or maintenance).</p> 3496 3497 <h3 class="text-xl font-bold text-slate-900 mt-8 mb-3">Gut health plans</h3> 3498 <p>Digestive issues require careful food selection. Our <a href="/meal-plan/elimination" class="text-[#1f5a4b] font-semibold hover:underline">elimination diet</a>, <a href="/meal-plan/gastritis" class="text-[#1f5a4b] font-semibold hover:underline">gastritis</a>, <a href="/meal-plan/acid-reflux" class="text-[#1f5a4b] font-semibold hover:underline">acid reflux</a>, and <a href="/meal-plan/fatty-liver" class="text-[#1f5a4b] font-semibold hover:underline">fatty liver</a> plans avoid trigger foods while ensuring complete nutrition. Each plan includes gentle, easy-to-digest recipes.</p> 3499 </div> 3500 3501 <div class="mt-12 text-center"> 3502 <a href="/onboarding" class="inline-flex items-center gap-2 px-8 py-4 bg-[#1f5a4b] text-white font-bold rounded-2xl hover:bg-[#164236] transition-colors shadow-lg shadow-emerald-900/10 text-lg"> 3503 Create Your Personalized Plan 3504 <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
3504<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg> 3505 </a> 3506 <p class="text-sm text-slate-500 mt-3">Free personalized plan in under 2 minutes</p> 3507 </div> 3508 </div> 3509 </section> 3510 </main> 3511 3512
3512<script> 3513 (function(){ 3514 // Search 3515 var input = document.getElementById('planSearch'); 3516 var dietCards = Array.from(document.querySelectorAll('#dietList .diet-card')); 3517 var calItems = Array.from(document.querySelectorAll('.calorie-item')); 3518 var calSection = document.getElementById('calorieSection'); 3519 var dietSectionEl = document.getElementById('dietSection'); 3520 var filterBar = document.getElementById('filterBar'); 3521 3522 function textOf(el) { 3523 return ((el.querySelector('.diet-title, .cal-title') || {}).textContent || '').toLowerCase() 3524 + ' ' + ((el.querySelector('p.text-slate-600, p.text-slate-500') || {}).textContent || '').toLowerCase(); 3525 } 3526 3527 function applySearch(q) { 3528 q = (q || '').trim().toLowerCase(); 3529 if (q) { 3530 filterBar.style.display = 'none'; 3531 3532 var hasCalMatch = false; 3533 calItems.forEach(function(c) { 3534 var match = textOf(c).includes(q); 3535 c.style.display = match ? 'flex' : 'none'; 3536 if (match) hasCalMatch = true; 3537 }); 3538 if (calSection) calSection.style.display = hasCalMatch ? '' : 'none'; 3539 3540 dietCards.forEach(function(c) { 3541 c.style.display = textOf(c).includes(q) ? 'flex' : 'none'; 3542 }); 3543 } else { 3544 filterBar.style.display = ''; 3545 if (calSection) calSection.style.display = ''; 3546 calItems.forEach(function(c) { c.style.display = ''; }); 3547 applyFilter(document.querySelector('.filter-btn.active')); 3548 } 3549 } 3550 3551 input && input.addEventListener('input', function(e) { applySearch(e.target.value); }); 3552 3553 // Filter tabs 3554 function applyFilter(btn) { 3555 if (!btn) return; 3556 var f = btn.getAttribute('data-filter'); 3557 dietCards.forEach(function(card) { 3558 if (f === 'all') { 3559 card.style.display = 'flex'; 3560 } else { 3561 var cats = (card.getAttribute('data-categories') || '').split(','); 3562 card.style.display = cats.indexOf(f) !== -1 ? 'flex' : 'none'; 3563 } 3564 }); 3565 } 3566 3567 document.querySelectorAll('.filter-btn').forEach(function(btn) { 3568 btn.addEventListener('click', function() { 3569 document.querySelectorAll('.filter-btn').forEach(function(b) { b.classList.remove('active'); }); 3570 btn.classList.add('active'); 3571 applyFilter(btn); 3572 }); 3573 }); 3574 3575 // Carousel arrows 3576 var scroll = document.getElementById('calScroll'); 3577 var prev = document.getElementById('calPrev'); 3578 var next = document.getElementById('calNext'); 3579 if (scroll && prev && next) { 3580 var step = 340;
3581 prev.addEventListener('click', function() { scroll.scrollBy({ left: -step, behavior: 'smooth' }); }); 3582 next.addEventListener('click', function() { scroll.scrollBy({ left: step, behavior: 'smooth' }); }); 3583 } 3584 })(); 3585 </script>
3585 3586 3587 <footer class="bg-white border-t border-slate-100 pt-16 pb-8"> 3588 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 3589 <div class="grid md:grid-cols-4 gap-8 mb-12"> 3590 <div class="md:col-span-2 space-y-4"> 3591 <div class="flex items-center gap-2"> 3592 <span class="relative flex h-8 w-8 overflow-hidden rounded-full border border-slate-200"> 3593 <img class="h-full w-full object-cover" src="https://ai-mealplan.com/images/android-chrome-192x192.png" alt="AI Meal Planner logo"> 3594 </span> 3595 <a href="/" class="text-xl font-extrabold text-slate-900 hover:text-[#1f5a4b] transition-colors">AI Meal Planner</a> 3596 </div> 3597 <p class="text-slate-500 max-w-sm">Making healthy eating effortless, personal, and delicious through the power of AI.</p> 3598 </div> 3599 <div> 3600 <h4 class="font-bold text-slate-900 mb-4">Product</h4> 3601 <ul class="space-y-2 text-slate-500"> 3602 <li><a href="/meal-plan" class="hover:text-[#1f5a4b] transition-colors">Meal Plans</a></li> 3603 <li><a href="/tools" class="hover:text-[#1f5a4b] transition-colors">Free Tools</a></li> 3604 <li><a href="/recipes" class="hover:text-[#1f5a4b] transition-colors">Recipes</a></li> 3605 <li><a href="/foods" class="hover:text-[#1f5a4b] transition-colors">Food Database</a></li> 3606 <li><a href="/blog" class="hover:text-[#1f5a4b] transition-colors">Blog</a></li> 3607 <li><a href="/eat-this-much-alternative" class="hover:text-[#1f5a4b] transition-colors">Eat This Much vs AI Meal Planner</a></li> 3608 <li><a href="/chatgpt-meal-plan" class="hover:text-[#1f5a4b] transition-colors">ChatGPT vs AI Meal Planner</a></li> 3609 <li><a href="/mealime" class="hover:text-[#1f5a4b] transition-colors">Mealime vs AI Meal Planner</a></li> 3610 <li><a href="/emeals" class="hover:text-[#1f5a4b] transition-colors">eMeals vs AI Meal Planner</a></li> 3611 </ul> 3612 </div> 3613 <div> 3614 <h4 class="font-bold text-slate-900 mb-4">Legal</h4> 3615 <ul class="space-y-2 text-slate-500"> 3616 <li><a href="/terms" class="hover:text-[#1f5a4b] transition-colors">Terms of Use</a></li> 3617 <li><a href="/privacy-policy" class="hover:text-[#1f5a4b] transition-colors">Privacy Policy</a></li> 3618 <li><a href="/cookie-policy" class="hover:text-[#1f5a4b] transition-colors">Cookie Policy</a></li> 3619 <li><a href="/write-for-us" class="hover:text-[#1f5a4b] transition-colors">Write for Us</a></li> 3620 </ul> 3621 </div> 3622 </div> 3623 <div class="pt-8 border-t border-slate-100 text-center text-sm text-slate-400"> 3624 © 2026 <a href="/" class="hover:text-slate-600 transition-colors">AI Meal Planner</a>. All rights reserved. 3625 </div> 3626 </div> 3627</footer>
3627<script> 3628 !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Ce Os As Te Cs Fs capture Ye calculateEventProperties Ls register register_once register_for_session unregister unregister_for_session qs getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty zs js createPersonProfile Us Rs Bs opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Ds debug L Ns getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 3629 posthog.init('phc_K2nBcz5lRHDsdnw4J20Begwejp0YwYrZwiXAVvOlqxW', { 3630 api_host: 'https://coconut.ai-mealplan.com', 3631 defaults: '2025-05-24', 3632 person_profiles: 'identified_only', 3633 }) 3634</script>
3634 3635
3635<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a420dc726a075552',t:'MTc5MDU3ODcyMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3635</body> 3636</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.