Duckfoot correction app

bydigital Mark

Act as a Senior Full-Stack Developer and UI/UX Expert. Create a fully functional, interactive Mobile Web App titled "StrutStraight: Women's Duck Foot Correction Guide" using React, Tailwind CSS, and Framer Motion for animations. ### 1. UI/UX DESIGN (Matching User Screenshots): - THEME: Clean, professional, and medical-wellness aesthetic. Use a primary Green (#2ECC71) and White theme as seen in the screenshots. - LAYOUT: A mobile-first responsive container (375px width feel). - NAVIGATION: Use a header with a back button and title, and a bottom navigation for (Workouts, Diet, Tips). ### 2. CORE SCREENS & LOGIC: SCREEN A: WORKOUT LIST (The "Abs" style list in screenshot) - Display a list of 8 targeted Duck Foot exercises: (1. Figure 4 Stretch, 2. Frog Stretch, 3. Calf Stretch, 4. Clamshells, 5. Hip Internal Rotation, 6. Monster Walks, 7. Glute Bridges, 8. Adductor Squeezes). - Each row should show the Exercise Name and a "30 s" duration. - A prominent "GO >" button at the bottom to start the sequence. SCREEN B: ACTIVE WORKOUT PLAYER (The "7 MINUTE" style timer in screenshot) - TOP: Shows current progress (e.g., "1/8 FIGURE 4 STRETCH"). - CENTER: A large, elegant Circular Progress Timer that counts down from 30 to 0. - ANIMATION AREA: Below the timer, include a placeholder area for an SVG illustration or GIF that demonstrates the movement. (Use a simple CSS-based character animation if possible). - CONTROLS: "Pause/Play" and "Skip" buttons. - SOUND: Trigger a "Beep" sound visual for the last 3 seconds. SCREEN C: DIET & HABIT TRACKER - A dedicated tab for "Kuna Khana Hai" (Nutrition). - Checklist for: Calcium intake, Vitamin D3, and Collagen-rich foods. - A "Mindful Walking" toggle to remind users to keep feet parallel. ### 3. CONTENT (Hinglish Instruction): - All instructions should be in simple Hinglish. - Example: "Ghutno ko modiye aur hips ko squeeze karein." ### 4. TECHNICAL SPECIFICATION: - Use 'Lucide-react' for icons. - Use 'Framer Motion' for the circular timer's smooth countdown effect. - The state should manage the transition from Exercise 1 to Exercise 8 automatically with a 5-second "Rest" period in between. Please generate the complete code and render the interactive app in the Artifact window.