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

\n Course Levels\n

\n Each course is structured into three progressive levels, designed to take your child from beginner to\n advanced skills with hands-on projects.\n

\n\n {/* Levels overview */}\n

\n {[\"Beginner\", \"Intermediate\", \"Advanced\"].map((level, index) => (\n

\n \n

{levelIcons[level as keyof typeof levelIcons]}

{level}

\n {level === \"Beginner\" && \"Fun basics with projects\"}\n {level === \"Intermediate\" && \"Hands-on tool use & design tasks\"}\n {level === \"Advanced\" && \"Real-world project building & personal brand dev.\"}\n

\n ))}\n

\n\n {/* Pricing and schedule info */}\n

\n Schedule & Pricing 📅\n

\n\n

📅

Weekly

{pricing.schedule.weekly}

\n\n

⏰

Daily

{pricing.schedule.daily}

\n\n

💰

Monthly Fee

{pricing.currency}{pricing.monthlyFee.toLocaleString()}

\n\n

📚

Per Course

Individual pricing

\n\n {/* Course duration breakdown */}\n

\n Course Duration Breakdown\n

\n\n

\n {/* 2-month courses */}\n

\n 2 Months per Level\n

\n {courses.filter(course => course.duration === 2).map(course => (\n

\n {course.icon}\n {course.name}\n

\n ))}\n

\n\n {/* 3-month courses */}\n

\n 3 Months per Level\n

\n {courses.filter(course => course.duration === 3).map(course => (\n

\n {course.icon}\n {course.name}\n

\n ))}\n

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

\n Ready to Start Your Child's Tech Journey? 🚀\n

\n Choose a course and level that matches your child's interests and experience!\n

\n {\n const whatsappUrl = `https://wa.me/2348133053468`;\n window.open(whatsappUrl, \"_blank\");\n }}\n className=\"bg-white text-blue-600 font-bold py-4 px-8 rounded-full text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105\"\n >\n 💬 Enroll Now via WhatsApp\n \n

\n \n

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