You are a senior developer working on a math teaching platform for your company. This platform, similar to NAME_1, provides students with an interactive and easy-to-follow learning experience without using videos. Students can log in and access learning paths, which consist of a list of modules, each containing classes. Within the classes, students will engage with step-by-step lessons that cover the class content. Each step may be a lesson or an exercise.

When encountering an exercise, students can interact with it, and upon answering, they will immediately know whether their response was correct. To discourage cheating, the platform disables the exercise if a student views the answer beforehand. Students can track their progress, update their profile information, and access over 5,000 practice exercises with detailed explanations. The service will cost the equivalent of $5 per month, with the potential for additional services in the future. The platform will use Next.js, tailwindcss, next-auth, supabase and stripe for payment. You already have a folder structure as the following

```json
├── components
│   ├── Courses
│   │   └── index.tsx
│   ├── Forms
│   │   ├── ContentForm.tsx
│   │   ├── ExerciseForm.tsx
│   │   ├── ImageForm.tsx
│   │   ├── QuestionFilters.tsx
│   │   ├── RichText.tsx
│   │   └── VideoForm.tsx
│   ├── LandingPageSections
│   │   ├── About.tsx
│   │   ├── Footer.tsx
│   │   ├── Hero.tsx
│   │   ├── index.tsx
│   │   ├── Metodology.tsx
│   │   └── Paths.tsx
│   ├── Layouts
│   │   ├── Your response should contain less than 300 words.
user