\n {/* Section header */}\n

\n Choose Your Tech Adventure\n

\n Explore our exciting courses designed to spark creativity and build real-world skills. Each course is\n carefully crafted for different skill levels.\n

\n\n {/* Course tiles grid */}\n

\n {courses.map((course, index) => (\n onCourseSelect(course.id)}\n >\n {/* Course icon */}\n \n {course.icon}\n

\n\n {/* Course name */}\n

\n {course.name}\n

\n\n {/* Course description */}\n

\n {course.description}\n

\n\n {/* Course details */}\n

\n Duration per level:\n {course.duration} months\n

\n Levels available:\n {course.levels.length} levels\n

\n\n {/* CTA */}\n

\n Click to explore levels →\n

\n\n {/* Hover indicator */}\n

\n →\n

\n ))}\n

\n\n {/* Bottom CTA */}\n

\n Not sure which course to choose? 🤔\n

\n Our friendly team is here to help you find the perfect tech adventure for your child!\n

\n {\n const whatsappUrl = `https://wa.me/2348133053468`;\n window.open(whatsappUrl, \"_blank\");\n }}\n className=\"btn-whatsapp text-white font-bold py-3 px-8 rounded-full text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105\"\n >\n 💬 Get Course Recommendations\n \n

\n \n \n

\n );\n};\n\nexport default Courses;","deleted","label",[171,172,153],"Frontend","Component","permalink","https://www.val.town/x/Peterui/untitled-7288/code/Frontend/Component/Course.tsx","extension","actionData","errors"]