Build a modern, visually engaging Learning App with the following features and UI:

---

Overall Layout & Navigation:

• Clean sidebar navigation (collapsible on mobile) with sections: Home/Dashboard, My Courses, Explore, Progress, and Bookmarks
• Top header bar with a search input, notification bell, and user avatar
• Responsive design: sidebar collapses to bottom tab bar on mobile

---

Home/Dashboard Screen:

• Greeting banner: "Welcome back, [Name]! Ready to learn today?"
• "Continue Learning" section showing 2–3 course cards with a progress bar, course thumbnail, title, and a "Resume" button
• "Daily Goal" widget showing a circular progress ring (e.g. 3/5 lessons completed today)
• "Recommended For You" horizontal scroll row of topic cards (e.g. Math, Coding, Language, Science, History) with icons and pastel color backgrounds

---

Explore Screen:

• Category filter chips at the top (All, Popular, New, Science, Language, Coding, Art)
• Grid of course cards, each showing: thumbnail image, title, difficulty badge (Beginner/Intermediate/Advanced), rating stars, lesson count, and a bookmark icon
• Clicking a card opens a Course Detail view with: course description, instructor name, module list (expandable accordion), and a prominent "Start Course" CTA button

---

Lesson View:

• Full-screen lesson layout with a video/image placeholder at the top
• Below: lesson title, progress indicator (Lesson 3 of 10), and scrollable lesson content (text + inline highlight boxes for key concepts)
• Interactive quiz section at the bottom: multiple choice question with 4 answer options, a "Check Answer" button, and feedback state (correct = green highlight, wrong = red with correct answer revealed)
• Navigation buttons: Previous / Next Lesson

---

Progress Screen:

• Weekly activity bar chart (mock data, Mon–Sun)
• Stats row: Total Lessons Completed, Courses In Progress, Streak (days)
• List of completed courses with completion date and a certificate badge icon

---

Visual Style:

• Clean, minimal design with a white/light gray base
• Accent color: vibrant purple (#7C3AED) with soft gradients
• Rounded cards with subtle shadows
• Smooth hover and transition animations
• Use mock data throughout — no backend required

---

IMPORTANT BUILD INSTRUCTIONS:

• Focus on CORE features only. Do not add extra polish, advanced features, or nice-to-haves.
• Do NOT overthink the design or architecture. Keep it simple and functional.
• Write all files in parallel where possible. Minimize thinking time.
• Skip animations, transitions, and complex interactions unless explicitly requested.
• Use simple, clean components. No over-engineering.
• Target completion in under 3 minutes. Speed over perfection.
• Ship a working MVP, not a feature-complete product.
• Do NOT install or suggest any integrations (Supabase, Blob, databases, etc). Use mock data and localStorage only.
• Do NOT prompt for user approval or wait for manual steps. Build everything autonomously.
• CRITICAL: The app MUST have a working root page at "app/page.tsx" (or "pages/index.tsx") that renders the main UI immediately. Never generate an app where "/" is empty or shows a file picker — the root route must show the primary feature of the app. If you create multiple sub-pages, "app/page.tsx" should still render the main dashboard/home view, not a redirect or empty component.