Course Detail Page - Copy this React, Tailwind Component to your project

Design for me course detail page with data "data": { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "name": "string", "description": "string", "urlImage": "string", "numberOfLession": 0, "price": 0, "code": "string", "version": 0, "status": "Draft", "syllabusId": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "syllabus": { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "description": "string", "studentTask": "string", "timeAllocation": "string", "toolsRequire": "string", "scale": 0, "minAvgMarkToPass": 0, "courseId": "3fa85f64 5717 4562 b3fc 2c963f66afa6" }, "courseCategoryId": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "courseCategory": { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "name": "string", "description": "string" }, "sessions": [ { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "number": 0, "topic": "string", "chapter": "string", "description": "string", "courseId": "3fa85f64 5717 4562 b3fc 2c963f66afa6" } ], "chapters": [ { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "number": 0, "topic": "string", "description": "string", "courseId": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "chapterMaterials": [ { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "number": 0, "url": "string", "description": "string", "chapterId": "3fa85f64 5717 4562 b3fc 2c963f66afa6" } ] } ], "assessments": [ { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "number": 0, "type": "string", "content": "string", "quatity": 0, "weight": 0, "completionCriteria": 0, "method": "string", "duration": "string", "questionType": "string", "courseId": "3fa85f64 5717 4562 b3fc 2c963f66afa6" } ], "courseMaterials": [ { "id": "3fa85f64 5717 4562 b3fc 2c963f66afa6", "url": "string", "description": "string", "courseId": "3fa85f64 5717 4562 b3fc 2c963f66afa6" } ] },