Act as a world-class UI/UX engineer and React developer. Build a complete, responsive single-page application called "Mealcycle.co".

The Concept: A specialized meal prep delivery service and tracker specifically designed for GLP-1 patients (Ozempic, Mounjaro, Wegovy). The app helps users manage appetite suppression, prevent muscle loss with high protein meals, and minimize nausea.

Tech Stack:

• React (Functional components, Hooks)
• Tailwind CSS (for all styling)
• Lucide React (for icons)
• Recharts (for data visualization)
• @google/genai (for the AI nutrition assistant)

Design System:

• Font: Inter (clean, modern sans-serif).
• Color Palette:
  • Backgrounds: Slate-50 to Slate-100.
  • Text: Slate-900 (headings), Slate-600 (body).
  • Brand/Accent: A medical but modern Teal/Emerald gradient (from #ccfbf1 to #0f766e).
• UI Style: Soft shadows, large border-radius (rounded-2xl), clean whitespace, backdrop-blur effects on sticky elements.

Core Application Flow: The app should handle navigation via state (Landing -> Onboarding -> Dashboard).

1. Landing Page

• Hero Section: High-impact headline ("Nutrition designed for your biological breakthrough"). CTA button ("Build My Plan"). trusted by users badge.
• Features Section: 3-column grid explaining the value prop: "Prevent Muscle Loss", "Stop the Nausea", and "Nutrient Density".
• Visuals: Use high-quality food placeholder images (Unsplash/Lorem Picsum).

2. Onboarding Flow (Wizard)

• Create a multi-step form with a progress bar.
• Step 1: Select Medication (Ozempic, Mounjaro, Wegovy, etc.).