Learning Path Generator \u2014 Bilingual (EN \/ UR)<\/title>\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n \n \n <link href=\"https:\/\/fonts.cdnfonts.com\/css\/jameel-noori-nastaleeq\" rel=\"stylesheet\">\n\n <style>\n \/* Font stacks *\/\n :root{\n --english-font: \"Segoe UI\", Roboto, system-ui, -apple-system, \"Helvetica Neue\", Arial;\n --urdu-font: \"Jameel Noori Nastaleeq\", \"Noto Nastaliq Urdu\", serif;\n }\n body { font-family: var(--english-font); }\n\n \/* Urdu column style *\/\n .urdu {\n font-family: var(--urdu-font);\n direction: rtl;\n text-align: right;\n \/* don't use italics as requested *\/\n font-style: normal;\n line-height: 1.6;\n }\n\n \/* subtle card focus for selects\/radios *\/\n .control:focus { outline: none; box-shadow: 0 0 0 4px rgba(99,102,241,0.08); border-color: #6366f1; }\n\n \/* keep question text aligned nicely *\/\n .q-title { font-weight: 600; color: #0f172a; }\n .q-urdu-title { color: #0b1220; font-weight: 600; }\n\n \/* small screens: stack the columns *\/\n @media (max-width: 767px) {\n .qa-grid { grid-template-columns: 1fr; }\n .urdu { margin-top: 6px; }\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 p-6\">\n\n <div class=\"max-w-4xl mx-auto bg-white rounded-2xl shadow-xl p-6 md:p-10\">\n \n <div class=\"text-center mb-6\">\n <h1 class=\"text-2xl md:text-3xl font-semibold text-indigo-900\">\ud83c\udfaf E-Commerce & Social Media Marketing Learning Path Generator<\/h1>\n <p class=\"text-sm text-slate-600 mt-2\">Answer 20 short questions to get your personalized bilingual roadmap (English + Urdu).<\/p>\n <p class=\"text-sm urdu mt-1\">20 \u0645\u062e\u062a\u0635\u0631 \u0633\u0648\u0627\u0644\u0627\u062a \u06a9\u06d2 \u062c\u0648\u0627\u0628 \u062f\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u0622\u067e \u06a9\u0627 \u0630\u0627\u062a\u06cc \u062f\u0648 \u0644\u0633\u0627\u0646\u06cc \u0631\u0627\u0633\u062a\u06c1 \u0645\u0644 \u0633\u06a9\u06d2 (\u0627\u0646\u06af\u0631\u06cc\u0632\u06cc + \u0627\u0631\u062f\u0648)<\/p>\n <\/div>\n\n \n <form id=\"learningForm\" class=\"space-y-6\">\n <ol class=\"space-y-6\">\n\n \n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">1. What is your current experience level?<\/label>\n <p class=\"text-sm text-slate-500 mt-1\">(Select the option that best describes you)<\/p>\n <select name=\"experience\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Complete Beginner<\/option>\n <option>Some Basic Knowledge<\/option>\n <option>Intermediate (Already Running Pages)<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">1\u06d4 \u0622\u067e \u06a9\u0627 \u0645\u0648\u062c\u0648\u062f\u06c1 \u062a\u062c\u0631\u0628\u06d2 \u06a9\u0627 \u062f\u0631\u062c\u06c1 \u06a9\u06cc\u0627 \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">(\u0648\u06c1 \u0627\u062e\u062a\u06cc\u0627\u0631 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba \u062c\u0648 \u0622\u067e \u06a9\u0648 \u0633\u0628 \u0633\u06d2 \u0628\u06c1\u062a\u0631 \u0628\u06cc\u0627\u0646 \u06a9\u0631\u06d2)<\/p>\n <select name=\"experience_ur\" class=\"hidden\" aria-hidden=\"true\"><\/select>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">2. What is your main goal?<\/label>\n <p class=\"text-sm text-slate-500 mt-1\">(Choose your primary objective)<\/p>\n <select name=\"goal\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Start a Freelance Career<\/option>\n <option>Grow My Own Business<\/option>\n <option>Get a Job in Digital Marketing<\/option>\n <option>Learn as a Hobby<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">2\u06d4 \u0622\u067e \u06a9\u0627 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0645\u0642\u0635\u062f \u06a9\u06cc\u0627 \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\"> (\u0627\u067e\u0646\u0627 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0645\u0642\u0635\u062f \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u06cc\u06ba)<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">3. Which area interests you most?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"interest\" value=\"Social Media Marketing\" required> Social Media Marketing<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"interest\" value=\"E-commerce\"> E-commerce<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"interest\" value=\"Both\"> Both<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">3\u06d4 \u0622\u067e \u06a9\u0648 \u0633\u0628 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u06a9\u0648\u0646 \u0633\u0627 \u0634\u0639\u0628\u06c1 \u062f\u0644\u0686\u0633\u067e \u0644\u06af\u062a\u0627 \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0633\u0648\u0634\u0644 \u0645\u06cc\u0688\u06cc\u0627 \u0645\u0627\u0631\u06a9\u06cc\u0679\u0646\u06af \/ \u0627\u06cc \u06a9\u0627\u0645\u0631\u0633 \/ \u062f\u0648\u0646\u0648\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">4. Have you ever managed a business page or online store?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"page\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"page\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">4\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0646\u06d2 \u06a9\u0628\u06be\u06cc \u06a9\u0633\u06cc \u0628\u0632\u0646\u0633 \u067e\u06cc\u062c \u06cc\u0627 \u0622\u0646 \u0644\u0627\u0626\u0646 \u0627\u0633\u0679\u0648\u0631 \u06a9\u0648 \u0645\u0646\u0638\u0645 \u06a9\u06cc\u0627 \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">5. How confident are you in using social media platforms?<\/label>\n <select name=\"confidence\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Not confident<\/option>\n <option>Somewhat confident<\/option>\n <option>Very confident<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">5\u06d4 \u0622\u067e \u0633\u0648\u0634\u0644 \u0645\u06cc\u0688\u06cc\u0627 \u067e\u0644\u06cc\u0679 \u0641\u0627\u0631\u0645\u0632 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u06a9\u062a\u0646\u06d2 \u067e\u0631\u0627\u0639\u062a\u0645\u0627\u062f \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">Not confident \/ Somewhat \/ Very<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">6. Do you know basic graphic design tools like Canva or Photoshop?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"design\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"design\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">6\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u06a9\u06cc\u0646\u0648\u0627 \u06cc\u0627 \u0641\u0648\u0679\u0648\u0634\u0627\u067e \u062c\u06cc\u0633\u06d2 \u0628\u0646\u06cc\u0627\u062f\u06cc \u06af\u0631\u0627\u0641\u06a9 \u0688\u06cc\u0632\u0627\u0626\u0646 \u0679\u0648\u0644\u0632 \u062c\u0627\u0646\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">7. Do you understand paid advertising (boosting, campaigns)?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"ads\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"ads\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">7\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0627\u062f\u0627 \u0634\u062f\u06c1 \u0627\u0634\u062a\u06c1\u0627\u0631\u0627\u062a (\u0628\u0648\u0633\u0679\u0646\u06af\u060c \u06a9\u06cc\u0645\u067e\u06cc\u0646\u0632) \u06a9\u0648 \u0633\u0645\u062c\u06be\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">8. Do you enjoy creating or writing content?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"writing\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"writing\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">8\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0645\u0648\u0627\u062f \u062a\u062e\u0644\u06cc\u0642 \u06a9\u0631\u0646\u0627 \u06cc\u0627 \u0644\u06a9\u06be\u0646\u0627 \u067e\u0633\u0646\u062f \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">9. How good are you with data and analysis?<\/label>\n <select name=\"analytics\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Poor<\/option>\n <option>Average<\/option>\n <option>Strong<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">9\u06d4 \u0622\u067e \u0688\u06cc\u0679\u0627 \u0627\u0648\u0631 \u062a\u062c\u0632\u06cc\u06d2 \u0645\u06cc\u06ba \u06a9\u062a\u0646\u06d2 \u0645\u0627\u06c1\u0631 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u06a9\u0645\u0632\u0648\u0631 \/ \u0627\u0648\u0633\u0637 \/ \u0645\u0636\u0628\u0648\u0637<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">10. Which area do you struggle with the most?<\/label>\n <select name=\"weakArea\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Content Creation<\/option>\n <option>Ad Management<\/option>\n <option>Analytics<\/option>\n <option>Design\/Branding<\/option>\n <option>Sales & Conversion<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">10\u06d4 \u0622\u067e \u06a9\u0648 \u0633\u0628 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u06a9\u0633 \u0686\u06cc\u0632 \u0645\u06cc\u06ba \u0645\u0634\u06a9\u0644 \u067e\u06cc\u0634 \u0622\u062a\u06cc \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0645\u0648\u0627\u062f \u062a\u062e\u0644\u06cc\u0642 \/ \u0627\u0634\u062a\u06c1\u0627\u0631 \/ \u062a\u062c\u0632\u06cc\u06c1 \/ \u0628\u0631\u0627\u0646\u0688\u0646\u06af \/ \u0641\u0631\u0648\u062e\u062a<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">11. Are you comfortable speaking or writing in English?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"english\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"english\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">11\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0627\u0646\u06af\u0631\u06cc\u0632\u06cc \u0628\u0648\u0644\u0646\u06d2 \u06cc\u0627 \u0644\u06a9\u06be\u0646\u06d2 \u0645\u06cc\u06ba \u067e\u0631\u0627\u0639\u062a\u0645\u0627\u062f \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">12. Do you prefer practical work or theory?<\/label>\n <select name=\"learningStyle\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Practical work<\/option>\n <option>Theory and reading<\/option>\n <option>Both equally<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">12\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0639\u0645\u0644\u06cc \u06a9\u0627\u0645 \u067e\u0633\u0646\u062f \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u06cc\u0627 \u062a\u06be\u06cc\u0648\u0631\u06cc\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0639\u0645\u0644\u06cc \/ \u0646\u0638\u0631\u06cc \/ \u062f\u0648\u0646\u0648\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">13. How much time can you study weekly?<\/label>\n <select name=\"time\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Less than 5 hours<\/option>\n <option>5\u201310 hours<\/option>\n <option>10\u201320 hours<\/option>\n <option>Full-time<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">13\u06d4 \u0622\u067e \u06c1\u0641\u062a\u06d2 \u0645\u06cc\u06ba \u06a9\u062a\u0646\u0627 \u0648\u0642\u062a \u0633\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u067e\u0627\u0646\u0686 \u06af\u06be\u0646\u0679\u06d2 \u0633\u06d2 \u06a9\u0645 \/ 5\u201310 \/ 10\u201320 \/ \u0645\u06a9\u0645\u0644 \u0648\u0642\u062a<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">14. Do you follow marketing influencers online?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"follow\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"follow\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">14\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0622\u0646 \u0644\u0627\u0626\u0646 \u0645\u0627\u0631\u06a9\u06cc\u0679\u0646\u06af \u0627\u0646\u0633\u067e\u0631\u0627\u0626\u0631\u0632\/\u0627\u0646\u0641\u0644\u0648\u0626\u0646\u0633\u0631\u0632 \u06a9\u0648 \u0641\u0627\u0644\u0648 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">15. Do you prefer working solo or with a team?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"team\" value=\"Solo\" required> Solo<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"team\" value=\"Team\"> Team<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">15\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0627\u06a9\u06cc\u0644\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u0646\u0627 \u067e\u0633\u0646\u062f \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u06cc\u0627 \u0679\u06cc\u0645 \u06a9\u06d2 \u0633\u0627\u062a\u06be\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0627\u06a9\u06cc\u0644\u06d2 \/ \u0679\u06cc\u0645<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">16. Do you want to start with organic or paid marketing?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"marketingType\" value=\"Organic\" required> Organic<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"marketingType\" value=\"Paid\"> Paid<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"marketingType\" value=\"Both\"> Both<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">16\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u0622\u0631\u06af\u06cc\u0646\u06a9 \u06cc\u0627 \u067e\u06cc\u0688 \u0645\u0627\u0631\u06a9\u06cc\u0679\u0646\u06af \u0633\u06d2 \u0622\u063a\u0627\u0632 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0622\u0631\u06af\u06cc\u0646\u06a9 \/ \u067e\u06cc\u0688 \/ \u062f\u0648\u0646\u0648\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">17. Do you have any brand, product, or service to promote?<\/label>\n <div class=\"mt-3 space-x-3\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"brand\" value=\"Yes\" required> Yes<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"radio\" name=\"brand\" value=\"No\"> No<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">17\u06d4 \u06a9\u06cc\u0627 \u0622\u067e \u06a9\u06d2 \u067e\u0627\u0633 \u0641\u0631\u0648\u062e\u062a \u06cc\u0627 \u067e\u0631\u0648\u0645\u0648\u0679 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0648\u0626\u06cc \u0628\u0631\u0627\u0646\u0688\u060c \u067e\u0631\u0648\u0688\u06a9\u0679 \u06cc\u0627 \u0633\u0631\u0648\u0633 \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u062c\u06cc \u06c1\u0627\u06ba \u06cc\u0627 \u0646\u06c1\u06cc\u06ba<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">18. What\u2019s your available learning budget?<\/label>\n <select name=\"budget\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>$0\u2013$50<\/option>\n <option>$50\u2013$200<\/option>\n <option>$200\u2013$500<\/option>\n <option>$500+<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">18\u06d4 \u0622\u067e \u06a9\u0627 \u062f\u0633\u062a\u06cc\u0627\u0628 \u062a\u0639\u0644\u06cc\u0645\u06cc \u0628\u062c\u0679 \u06a9\u06cc\u0627 \u06c1\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">$0\u2013$50 \/ $50\u2013$200 \/ $200\u2013$500 \/ $500+<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">19. Where do you see yourself after 6 months?<\/label>\n <select name=\"futureGoal\" required class=\"mt-3 w-full p-2 border rounded-lg control\">\n <option value=\"\">–Select–<\/option>\n <option>Running an online store<\/option>\n <option>Freelancing<\/option>\n <option>Managing social media for clients<\/option>\n <option>Still learning but confident<\/option>\n <\/select>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">19\u06d4 \u0622\u067e \u062e\u0648\u062f \u06a9\u0648 6 \u0645\u0627\u06c1 \u0628\u0639\u062f \u06a9\u06c1\u0627\u06ba \u062f\u06cc\u06a9\u06be\u062a\u06d2 \u06c1\u06cc\u06ba\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0622\u0646 \u0644\u0627\u0626\u0646 \u0627\u0633\u0679\u0648\u0631 \/ \u0641\u0631\u06cc \u0644\u0627\u0646\u0633\u0646\u06af \/ \u06a9\u0644\u0627\u0626\u0646\u0679\u0633 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0633\u0648\u0634\u0644 \u0645\u06cc\u0688\u06cc\u0627 \/ \u0633\u06cc\u06a9\u06be \u0631\u06c1\u06d2 \u06c1\u0648\u06ba \u06af\u06d2<\/p>\n <\/div>\n <\/li>\n\n \n <li class=\"grid qa-grid grid-cols-2 gap-4 items-start\">\n <div>\n <label class=\"q-title block\">20. Which platforms do you want to focus on first?<\/label>\n <p class=\"text-sm text-slate-500 mt-1\">(pick 1 or more)<\/p>\n <div class=\"mt-3 space-x-2\">\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"checkbox\" name=\"platforms\" value=\"Facebook\"> Facebook<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"checkbox\" name=\"platforms\" value=\"Instagram\"> Instagram<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"checkbox\" name=\"platforms\" value=\"TikTok\"> TikTok<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"checkbox\" name=\"platforms\" value=\"YouTube\"> YouTube<\/label>\n <label class=\"inline-flex items-center\"><input class=\"mr-2\" type=\"checkbox\" name=\"platforms\" value=\"All\"> All<\/label>\n <\/div>\n <\/div>\n <div class=\"urdu\">\n <div class=\"q-urdu-title\">20\u06d4 \u0622\u067e \u0633\u0628 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u06a9\u0646 \u067e\u0644\u06cc\u0679 \u0641\u0627\u0631\u0645\u0632 \u067e\u0631 \u062a\u0648\u062c\u06c1 \u062f\u06cc\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06ba \u06af\u06d2\u061f<\/div>\n <p class=\"text-sm text-slate-600 mt-1\">\u0641\u06cc\u0633 \u0628\u06a9\u060c \u0627\u0646\u0633\u0679\u0627\u06af\u0631\u0627\u0645\u060c \u0679\u0650\u06a9 \u0679\u0627\u06a9\u060c \u06cc\u0648\u0679\u06cc\u0648\u0628\u060c \u06cc\u0627 \u0633\u0628<\/p>\n <\/div>\n <\/li>\n\n <\/ol>\n\n <div class=\"text-center mt-6\">\n <button type=\"button\" id=\"generateLearningBtn\" class=\"px-6 py-3 bg-indigo-700 text-white rounded-lg hover:bg-indigo-800 transition\">Generate My Learning Path<\/button>\n <\/div>\n <\/form>\n\n \n <div id=\"learningReport\" class=\"hidden mt-10 bg-indigo-50 p-6 rounded-xl border border-indigo-100\">\n <div class=\"grid grid-cols-2 gap-6 items-start\">\n <div>\n <h2 class=\"text-xl font-semibold text-indigo-900\">\ud83e\udded Personalized Learning Report<\/h2>\n <p class=\"text-sm text-slate-600 mt-1\">Your recommended path, topics, tools, timeline, and cost.<\/p>\n <\/div>\n <div class=\"urdu\">\n <h2 class=\"text-xl font-semibold q-urdu-title\">\ud83e\udded \u0630\u0627\u062a\u06cc \u0633\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06cc \u0631\u067e\u0648\u0631\u0679<\/h2>\n <p class=\"text-sm text-slate-600 mt-1\">\u0622\u067e \u06a9\u0627 \u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062f\u06c1 \u0631\u0627\u0633\u062a\u06c1\u060c \u0645\u0648\u0636\u0648\u0639\u0627\u062a\u060c \u0679\u0648\u0644\u0632\u060c \u0645\u062f\u062a \u0627\u0648\u0631 \u0644\u0627\u06af\u062a<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-5 grid md:grid-cols-2 gap-6\">\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">Summary<\/h3>\n <div id=\"learningSummary\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\u062e\u0644\u0627\u0635\u06c1<\/h3>\n <div id=\"learningSummaryUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">\ud83d\udcd8 Core Topics & Learning Focus<\/h3>\n <div id=\"learningTopics\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\ud83d\udcd8 \u0627\u06c1\u0645 \u0645\u0636\u0627\u0645\u06cc\u0646 \u0627\u0648\u0631 \u0633\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06cc \u062a\u0648\u062c\u06c1<\/h3>\n <div id=\"learningTopicsUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">\ud83d\udee0 Tools to Master<\/h3>\n <div id=\"recommendedTools\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\ud83d\udee0 \u0645\u06c1\u0627\u0631\u062a \u062d\u0627\u0635\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0679\u0648\u0644\u0632<\/h3>\n <div id=\"recommendedToolsUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">\u23f3 Time & Effort Estimate<\/h3>\n <div id=\"learningTime\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\u23f3 \u0648\u0642\u062a \u0627\u0648\u0631 \u0645\u062d\u0646\u062a \u06a9\u0627 \u062a\u062e\u0645\u06cc\u0646\u06c1<\/h3>\n <div id=\"learningTimeUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">\ud83d\udcb0 Estimated Learning Investment<\/h3>\n <div id=\"learningCost\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\ud83d\udcb0 \u0645\u062a\u0648\u0642\u0639 \u062a\u0639\u0644\u06cc\u0645\u06cc \u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc<\/h3>\n <div id=\"learningCostUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">\ud83c\udf93 Free & Paid Learning Platforms<\/h3>\n <div id=\"learningSources\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\ud83c\udf93 \u0645\u0641\u062a \u0627\u0648\u0631 \u0627\u062f\u0627 \u0634\u062f\u06c1 \u067e\u0644\u06cc\u0679 \u0641\u0627\u0631\u0645\u0632<\/h3>\n <div id=\"learningSourcesUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n\n \n <div>\n <h3 class=\"font-semibold text-indigo-800\">\ud83d\ude80 3-Month Action Plan<\/h3>\n <div id=\"nextSteps\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <div class=\"urdu\">\n <h3 class=\"font-semibold q-urdu-title\">\ud83d\ude80 \u062a\u06cc\u0646 \u0645\u0627\u06c1 \u06a9\u0627 \u0639\u0645\u0644\u06cc \u0645\u0646\u0635\u0648\u0628\u06c1<\/h3>\n <div id=\"nextStepsUr\" class=\"mt-2 text-slate-700\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-6 text-center text-slate-700\">\n <strong>Academy:<\/strong> Basit Yousuf’s Voice | Fog of my thoughts<br>\n <span class=\"urdu text-sm block mt-1\">\u0628\u0627\u0633\u0637 \u06cc\u0648\u0633\u0641 \u06a9\u06cc \u0622\u0648\u0627\u0632 | \u0645\u06cc\u0631\u06d2 \u062e\u06cc\u0627\u0644\u0627\u062a \u06a9\u0627 \u062f\u06be\u0646\u062f<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n (function(){\n \/\/ helper: get single value (radio\/select) or whitespace for checkboxes\n function getValue(name){\n const radios = document.querySelectorAll('input[name=\"'+name+'\"]');\n if(radios && radios.length){\n \/\/ if checkboxes, return comma list\n if(radios[0].type === 'checkbox'){\n return [...radios].filter(r=>r.checked).map(r=>r.value).join(', ');\n }\n const checked = [...radios].find(r => r.checked);\n if(checked) return checked.value;\n }\n const sel = document.querySelector('select[name=\"'+name+'\"]');\n if(sel) return sel.value;\n return \"\";\n }\n\n \/\/ validation \u2014 ensure all required fields answered\n function validateForm(){\n const required = [\n 'experience','goal','interest','page','confidence','design','ads','writing',\n 'analytics','weakArea','english','learningStyle','time','follow','team',\n 'marketingType','brand','budget','futureGoal'\n ];\n for(let f of required){\n const v = getValue(f);\n if(!v || v.trim()===\"\") return false;\n }\n \/\/ platforms (checkbox) is optional in this flow but we included it; no strict requirement\n return true;\n }\n\n \/\/ generate bilingual report content\n function generateLearningPath(){\n if(!validateForm()){\n alert(\"Please answer all required questions before generating your report.\\n\u0628\u0631\u0627\u06c1\u0650 \u06a9\u0631\u0645 \u062a\u0645\u0627\u0645 \u0633\u0648\u0627\u0644\u0627\u062a \u06a9\u06d2 \u062c\u0648\u0627\u0628\u0627\u062a \u062f\u06cc\u06ba\u06d4\");\n return;\n }\n\n const interest = getValue('interest');\n const time = getValue('time');\n const budget = getValue('budget');\n\n \/\/ defaults\n let summaryEN=\"\", summaryUR=\"\";\n let topicsEN=\"\", topicsUR=\"\";\n let toolsEN=\"\", toolsUR=\"\";\n let scheduleEN=\"\", scheduleUR=\"\";\n let costEN=\"\", costUR=\"\";\n let sourcesEN=\"\", sourcesUR=\"\";\n let stepsEN=\"\", stepsUR=\"\";\n\n \/\/ MAIN PATH content\n if(interest===\"Social Media Marketing\"){\n summaryEN = \"<b>Path:<\/b> Social Media Marketing \u2014 ideal for beginners focused on building brand visibility and engagement.\";\n summaryUR = \"<b>\u0631\u0627\u0633\u062a\u06c1:<\/b> \u0633\u0648\u0634\u0644 \u0645\u06cc\u0688\u06cc\u0627 \u0645\u0627\u0631\u06a9\u06cc\u0679\u0646\u06af \u2014 \u0628\u0631\u0627\u0646\u0688 \u06a9\u06cc \u0646\u0645\u0627\u0626\u0634 \u0627\u0648\u0631 \u0635\u0627\u0631\u0641\u06cc\u0646 \u0633\u06d2 \u0631\u0627\u0628\u0637\u06d2 \u067e\u0631 \u0645\u0631\u06a9\u0648\u0632\u06d4\";\n\n topicsEN = \"<ul class='list-disc pl-5'><li>Content Strategy & Branding<\/li><li>Ad Campaigns (Meta, TikTok)<\/li><li>Community Management<\/li><li>Analytics (reach, CPC, CPA)<\/li><\/ul>\";\n topicsUR = \"<ul class='list-disc pl-5'><li>\u0645\u0648\u0627\u062f \u06a9\u06cc \u062d\u06a9\u0645\u062a\u0650 \u0639\u0645\u0644\u06cc \u0627\u0648\u0631 \u0628\u0631\u0627\u0646\u0688\u0646\u06af<\/li><li>\u0627\u0634\u062a\u06c1\u0627\u0631\u06cc \u0645\u06c1\u0645\u0627\u062a (\u0645\u06cc\u0679\u0627\u060c \u0679\u0650\u06a9 \u0679\u0627\u06a9)<\/li><li>\u06a9\u0645\u06cc\u0648\u0646\u0679\u06cc \u0645\u06cc\u0646\u062c\u0645\u0646\u0679<\/li><li>\u062a\u062c\u0632\u06cc\u0627\u062a (\u0631\u06cc\u0686\u060c \u0644\u0627\u06af\u062a \u0641\u06cc \u0646\u062a\u06cc\u062c\u06c1)<\/li><\/ul>\";\n\n toolsEN = \"<b>Essential Tools:<\/b> Canva, CapCut, Meta Business Suite, Creator Studio, Buffer, Google Sheets.\";\n toolsUR = \"<b>\u0627\u06c1\u0645 \u0679\u0648\u0644\u0632:<\/b> \u06a9\u06cc\u0646\u0648\u0627\u060c \u06a9\u06cc\u067e \u06a9\u0679\u060c \u0645\u06cc\u0679\u0627 \u0628\u0632\u0646\u0633 \u0633\u0648\u06cc\u0679\u060c \u06a9\u0631\u06cc\u0626\u06cc\u0679\u0631 \u0627\u0633\u0679\u0648\u0688\u06cc\u0648\u060c \u0628\u0641\u0631\u060c \u06af\u0648\u06af\u0644 \u0634\u06cc\u0679\u0633\u06d4\";\n }\n else if(interest===\"E-commerce\"){\n summaryEN = \"<b>Path:<\/b> E-commerce Marketing \u2014 best for entrepreneurs and online sellers.\";\n summaryUR = \"<b>\u0631\u0627\u0633\u062a\u06c1:<\/b> \u0627\u06cc \u06a9\u0627\u0645\u0631\u0633 \u0645\u0627\u0631\u06a9\u06cc\u0679\u0646\u06af \u2014 \u062a\u0627\u062c\u0631\u0648\u06ba \u0627\u0648\u0631 \u0622\u0646 \u0644\u0627\u0626\u0646 \u0628\u06cc\u0686\u0646\u06d2 \u0648\u0627\u0644\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u0648\u0632\u0648\u06ba\u06d4\";\n\n topicsEN = \"<ul class='list-disc pl-5'><li>Store Setup (Shopify\/WooCommerce)<\/li><li>Traffic & Conversion Funnels<\/li><li>Email & Retention (Klaviyo\/Mailchimp)<\/li><li>Analytics & Pixel tracking<\/li><\/ul>\";\n topicsUR = \"<ul class='list-disc pl-5'><li>\u0627\u0633\u0679\u0648\u0631 \u0633\u06cc\u0679 \u0627\u067e (\u0634\u0627\u067e\u06cc\u0641\u0627\u0626\u06cc\/\u0648\u0648 \u06a9\u0627\u0645\u0631\u0633)<\/li><li>\u0679\u0631\u06cc\u0641\u06a9 \u0627\u0648\u0631 \u06a9\u0646\u0648\u0631\u0698\u0646 \u0641\u0646\u0644\u0632<\/li><li>\u0627\u06cc \u0645\u06cc\u0644 \u0627\u0648\u0631 \u06a9\u0633\u0679\u0645\u0631 \u0628\u0631\u0642\u0631\u0627\u0631 \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0637\u0631\u06cc\u0642\u06d2<\/li><li>\u062a\u062c\u0632\u06cc\u0627\u062a \u0627\u0648\u0631 \u067e\u06a9\u0633\u0644 \u0679\u0631\u06cc\u06a9\u0646\u06af<\/li><\/ul>\";\n\n toolsEN = \"<b>Essential Tools:<\/b> Shopify, Google Analytics, Meta Pixel, Mailchimp, Klaviyo, Canva.\";\n toolsUR = \"<b>\u0627\u06c1\u0645 \u0679\u0648\u0644\u0632:<\/b> \u0634\u0627\u067e\u06cc\u0641\u0627\u0626\u06cc\u060c \u06af\u0648\u06af\u0644 \u0627\u06cc\u0646\u0627\u0644\u06cc\u0679\u06a9\u0633\u060c \u0645\u06cc\u0679\u0627 \u067e\u06a9\u0633\u0644\u060c \u0645\u06cc\u0644 \u0686\u0645\u067e\u060c \u06a9\u0644\u0627\u0648\u06cc\u0648\u060c \u06a9\u06cc\u0646\u0648\u0627\u06d4\";\n }\n else {\n \/\/ Both \/ Hybrid\n summaryEN = \"<b>Path:<\/b> Hybrid \u2014 combine creative social skills with e-commerce conversion tactics.\";\n summaryUR = \"<b>\u0631\u0627\u0633\u062a\u06c1:<\/b> \u0645\u0634\u062a\u0631\u06a9\u06c1 \u2014 \u062a\u062e\u0644\u06cc\u0642\u06cc \u0633\u0648\u0634\u0644 \u0645\u06c1\u0627\u0631\u062a\u0648\u06ba \u06a9\u0648 \u0627\u06cc \u06a9\u0627\u0645\u0631\u0633 \u06a9\u0646\u0648\u0631\u0698\u0646 \u062d\u06a9\u0645\u062a\u0650 \u0639\u0645\u0644\u06cc \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0645\u0644\u0627\u0626\u06cc\u06ba\u06d4\";\n\n topicsEN = \"<ul class='list-disc pl-5'><li>Brand Storytelling & Visuals<\/li><li>Integrated Ad Funnels (Meta + Google + TikTok)<\/li><li>Conversion Optimization & Landing Pages<\/li><li>Customer Journey & Retargeting<\/li><\/ul>\";\n topicsUR = \"<ul class='list-disc pl-5'><li>\u0628\u0631\u0627\u0646\u0688 \u0627\u0633\u0679\u0648\u0631\u06cc \u0679\u06cc\u0644\u0646\u06af \u0627\u0648\u0631 \u0628\u0635\u0631\u06cc \u0634\u0646\u0627\u062e\u062a<\/li><li>\u0645\u062a\u062d\u062f\u06c1 \u0627\u0634\u062a\u06c1\u0627\u0631\u06cc \u0641\u0646\u0644\u0632 (\u0645\u06cc\u0679\u0627 + \u06af\u0648\u06af\u0644 + \u0679\u0650\u06a9 \u0679\u0627\u06a9)<\/li><li>\u06a9\u0646\u0648\u0631\u0698\u0646 \u0622\u067e\u0679\u06cc\u0645\u0627\u0626\u0632\u06cc\u0634\u0646 \u0627\u0648\u0631 \u0644\u06cc\u0646\u0688\u0646\u06af \u067e\u06cc\u062c\u0632<\/li><li>\u06a9\u0633\u0679\u0645\u0631 \u062c\u0631\u0646\u06cc \u0627\u0648\u0631 \u062f\u0648\u0628\u0627\u0631\u06c1 \u06c1\u062f\u0641 \u0628\u0646\u062f\u06cc<\/li><\/ul>\";\n\n toolsEN = \"<b>Essential Tools:<\/b> Canva, Shopify, Meta Business Suite, Google Ads, Hotjar, Zapier.\";\n toolsUR = \"<b>\u0627\u06c1\u0645 \u0679\u0648\u0644\u0632:<\/b> \u06a9\u06cc\u0646\u0648\u0627\u060c \u0634\u0627\u067e\u06cc\u0641\u0627\u0626\u06cc\u060c \u0645\u06cc\u0679\u0627 \u0628\u0632\u0646\u0633 \u0633\u0648\u06cc\u0679\u060c \u06af\u0648\u06af\u0644 \u0627\u06cc\u0688\u0632\u060c \u06c1\u0627\u0679 \u062c\u0627\u0631\u060c \u0632\u06cc\u067e\u06cc\u0626\u0631\u06d4\";\n }\n\n \/\/ TIME ESTIMATE bilingual\n if(time===\"Less than 5 hours\"){\n scheduleEN = \"Approx. 4\u20136 months to become confident (slow pace).\";\n scheduleUR = \"\u062a\u0642\u0631\u06cc\u0628\u0627\u064b 4\u20136 \u0645\u0627\u06c1 \u2014 \u0622\u06c1\u0633\u062a\u06c1 \u0631\u0641\u062a\u0627\u0631 \u0645\u06cc\u06ba \u0642\u0627\u0628\u0644\u0650 \u0627\u0639\u062a\u0645\u0627\u062f \u0628\u0646\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2\u06d4\";\n } else if(time===\"5\u201310 hours\"){\n scheduleEN = \"Estimated 3\u20134 months to complete core topics.\";\n scheduleUR = \"\u062a\u0642\u0631\u06cc\u0628\u0627\u064b 3\u20134 \u0645\u0627\u06c1 \u0645\u06cc\u06ba \u0627\u06c1\u0645 \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0645\u06a9\u0645\u0644 \u06c1\u0648\u06ba \u06af\u06d2\u06d4\";\n } else if(time===\"10\u201320 hours\"){\n scheduleEN = \"Intensive: 2\u20133 months to reach an employable skill level.\";\n scheduleUR = \"\u062a\u06cc\u0632 \u0631\u0641\u062a\u0627\u0631: 2\u20133 \u0645\u0627\u06c1 \u0645\u06cc\u06ba \u0631\u0648\u0632\u06af\u0627\u0631 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u0645\u06c1\u0627\u0631\u062a \u062d\u0627\u0635\u0644 \u06c1\u0648 \u0633\u06a9\u062a\u06cc \u06c1\u06d2\u06d4\";\n } else {\n scheduleEN = \"Full-time: 6\u20138 weeks to mastery with projects.\";\n scheduleUR = \"\u0645\u06a9\u0645\u0644 \u0648\u0642\u062a: 6\u20138 \u06c1\u0641\u062a\u0648\u06ba \u0645\u06cc\u06ba \u067e\u0631\u0627\u062c\u06cc\u06a9\u0679\u0633 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0645\u06c1\u0627\u0631\u062a \u062d\u0627\u0635\u0644 \u06a9\u0631\u06cc\u06ba\u06d4\";\n }\n\n \/\/ COST ESTIMATE bilingual\n if(budget===\"$0\u2013$50\"){\n costEN = \"You can start entirely free with YouTube & Google Digital Garage \u2014 invest time and consistency.\";\n costUR = \"\u0622\u067e \u06cc\u0648\u0679\u06cc\u0648\u0628 \u0627\u0648\u0631 \u06af\u0648\u06af\u0644 \u0688\u06cc\u062c\u06cc\u0679\u0644 \u06af\u06cc\u0631\u0627\u062c \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u0645\u06a9\u0645\u0644 \u0645\u0641\u062a \u0622\u063a\u0627\u0632 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u2014 \u0648\u0642\u062a \u0627\u0648\u0631 \u062a\u0633\u0644\u0633\u0644 \u0645\u06cc\u06ba \u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc \u06a9\u0631\u06cc\u06ba\u06d4\";\n } else if(budget===\"$50\u2013$200\"){\n costEN = \"Affordable path: Udemy, Coursera sales, Skillshare or local workshops (avg. $10\u2013$100\/course).\";\n costUR = \"\u0633\u0633\u062a\u0627 \u0631\u0627\u0633\u062a\u06c1: \u06cc\u0648\u0688\u06cc\u0645\u06cc\u060c \u06a9\u0648\u0631\u0633\u06cc\u0631\u0627 \u0633\u06cc\u0644\u0632\u060c \u0627\u0633\u06a9\u0644 \u0634\u06cc\u0626\u0631 \u06cc\u0627 \u0645\u0642\u0627\u0645\u06cc \u0648\u0631\u06a9\u0634\u0627\u067e\u0633 (\u0627\u0648\u0633\u0637 $10\u2013$100 \u0641\u06cc \u06a9\u0648\u0631\u0633)\u06d4\";\n } else if(budget===\"$200\u2013$500\"){\n costEN = \"Balanced investment: paid mentorship, tools subscriptions, and guided projects.\";\n costUR = \"\u0645\u062a\u0648\u0627\u0632\u0646 \u0633\u0631\u0645\u0627\u06cc\u06c1 \u06a9\u0627\u0631\u06cc: \u0627\u062f\u0627\u0626\u06cc\u06af\u06cc \u0634\u062f\u06c1 \u0645\u06cc\u0646\u0679\u0648\u0631\u0634\u067e\u060c \u0679\u0648\u0644\u0632 \u06a9\u06cc \u0631\u06a9\u0646\u06cc\u062a\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0631\u06c1\u0646\u0645\u0627\u0626\u06cc \u0648\u0627\u0644\u06d2 \u067e\u0631\u0627\u062c\u06cc\u06a9\u0679\u0633\u06d4\";\n } else {\n costEN = \"Professional route: certifications, mentorship and premium tools ($500+ typical).\";\n costUR = \"\u067e\u06cc\u0634\u06c1 \u0648\u0631\u0627\u0646\u06c1 \u0631\u0627\u0633\u062a\u06c1: \u0633\u0631\u0679\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646\u060c \u0631\u06c1\u0646\u0645\u0627\u0626\u06cc \u0627\u0648\u0631 \u067e\u0631\u06cc\u0645\u06cc\u0645 \u0679\u0648\u0644\u0632 (\u0639\u0627\u0645 \u0637\u0648\u0631 $500+)\u06d4\";\n }\n\n \/\/ Sources bilingual\n sourcesEN = \"<ul class='list-disc pl-5'><li>Free: Google Digital Garage, Meta Blueprint, YouTube tutorials<\/li><li>Paid: Udemy, Coursera, Skillshare<\/li><li>Certifications: Meta Certified, Google Ads, Shopify Academy<\/li><\/ul>\";\n sourcesUR = \"<ul class='list-disc pl-5'><li>\u0645\u0641\u062a: \u06af\u0648\u06af\u0644 \u0688\u06cc\u062c\u06cc\u0679\u0644 \u06af\u06cc\u0631\u0627\u062c\u060c \u0645\u06cc\u0679\u0627 \u0628\u0644\u06cc\u0648\u067e\u0631\u0646\u0679\u060c \u06cc\u0648\u0679\u06cc\u0648\u0628 \u0679\u06cc\u0679\u0648\u0631\u06cc\u0644\u0632<\/li><li>\u0627\u062f\u0627 \u0634\u062f\u06c1: \u06cc\u0648\u0688\u06cc\u0645\u06cc\u060c \u06a9\u0648\u0631\u0633\u06cc\u0631\u0627\u060c \u0627\u0633\u06a9\u0644 \u0634\u06cc\u0626\u0631<\/li><li>\u0633\u0631\u0679\u06cc\u0641\u06cc\u06a9\u06cc\u0634\u0646\u0632: \u0645\u06cc\u0679\u0627 \u0633\u0631\u0679\u06cc\u0641\u0627\u0626\u06cc\u0688\u060c \u06af\u0648\u06af\u0644 \u0627\u06cc\u0688\u0632\u060c \u0634\u0627\u067e\u06cc\u0641\u0627\u0626\u06cc \u0627\u06a9\u06cc\u0688\u0645\u06cc<\/li><\/ul>\";\n\n \/\/ 3-month steps bilingual\n stepsEN = \"<ol class='list-decimal pl-5'><li>Month 1: Basics \u2014 platform navigation, content planning, store setup.<\/li><li>Month 2: Run small ad tests, collect data, iterate creatives.<\/li><li>Month 3: Launch a mini project (store\/page\/client) and build portfolio.<\/li><\/ol>\";\n stepsUR = \"<ol class='list-decimal pl-5'><li>\u067e\u06c1\u0644\u0627 \u0645\u06c1\u06cc\u0646\u06c1: \u0628\u0646\u06cc\u0627\u062f\u06cc \u0628\u0627\u062a\u06cc\u06ba \u2014 \u067e\u0644\u06cc\u0679 \u0641\u0627\u0631\u0645\u060c \u0645\u0648\u0627\u062f \u06a9\u06cc \u0645\u0646\u0635\u0648\u0628\u06c1 \u0628\u0646\u062f\u06cc \u0627\u0648\u0631 \u0627\u0633\u0679\u0648\u0631 \u0633\u06cc\u0679 \u0627\u067e\u06d4<\/li><li>\u062f\u0648\u0633\u0631\u0627 \u0645\u06c1\u06cc\u0646\u06c1: \u0686\u06be\u0648\u0679\u06d2 \u0627\u0634\u062a\u06c1\u0627\u0631\u06cc \u062a\u062c\u0631\u0628\u06d2 \u0686\u0644\u0627\u0626\u06cc\u06ba\u060c \u0688\u06cc\u0679\u0627 \u0627\u06a9\u0679\u06be\u0627 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u062a\u062e\u0644\u06cc\u0642\u0627\u062a \u0628\u06c1\u062a\u0631 \u06a9\u0631\u06cc\u06ba\u06d4<\/li><li>\u062a\u06cc\u0633\u0631\u0627 \u0645\u06c1\u06cc\u0646\u06c1: \u0686\u06be\u0648\u0679\u0627 \u067e\u0631\u0648\u062c\u06cc\u06a9\u0679 \u0644\u0627\u0646\u0686 \u06a9\u0631\u06cc\u06ba \u0627\u0648\u0631 \u067e\u0648\u0631\u0679 \u0641\u0648\u0644\u06cc\u0648 \u0628\u0646\u0627\u0626\u06cc\u06ba\u06d4<\/li><\/ol>\";\n\n \/\/ write to DOM (EN \/ UR columns)\n document.getElementById('learningSummary').innerHTML = summaryEN;\n document.getElementById('learningSummaryUr').innerHTML = summaryUR;\n\n document.getElementById('learningTopics').innerHTML = topicsEN;\n document.getElementById('learningTopicsUr').innerHTML = topicsUR;\n\n document.getElementById('recommendedTools').innerHTML = toolsEN;\n document.getElementById('recommendedToolsUr').innerHTML = toolsUR;\n\n document.getElementById('learningTime').innerHTML = scheduleEN;\n document.getElementById('learningTimeUr').innerHTML = scheduleUR;\n\n document.getElementById('learningCost').innerHTML = costEN;\n document.getElementById('learningCostUr').innerHTML = costUR;\n\n document.getElementById('learningSources').innerHTML = sourcesEN;\n document.getElementById('learningSourcesUr').innerHTML = sourcesUR;\n\n document.getElementById('nextSteps').innerHTML = stepsEN;\n document.getElementById('nextStepsUr').innerHTML = stepsUR;\n\n \/\/ show report\n document.getElementById('learningReport').classList.remove('hidden');\n\n \/\/ scroll to report\n document.getElementById('learningReport').scrollIntoView({behavior:'smooth'});\n }\n\n \/\/ attach handler\n document.addEventListener('DOMContentLoaded', function(){\n document.getElementById('generateLearningBtn').addEventListener('click', generateLearningPath);\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-essential-blocks-button root-eb-button-cf56v\"><div class=\"eb-parent-wrapper eb-parent-eb-button-cf56v \"><div class=\"eb-button-wrapper eb-button-alignment eb-button-cf56v\"><div class=\"eb-button\"><div class=\"eb-button-inner-wrapper \"><a class=\"eb-button-anchor hvr-sink \" href=\"https:\/\/wa.me\/+971585081322\" rel=\"noopener\"><i icon=\"fab fa-whatsapp\" class=\"fab fa-whatsapp eb-button-icon eb-button-icon-left hvr-icon\"><\/i>Ask questions<\/a><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<div class=\"gsp_post_data\" \r\n\t data-post_type=\"page\" \r\n\t data-cat=\"\" \r\n\t data-modified=\"120\"\r\n\t data-created=\"1761357277\"\r\n\t data-title=\"What and how to learn in ECommerce and Digital Marketing – \u0633\u0648\u0634\u0644 \u0645\u06cc\u0688\u06cc\u0627 \u0645\u06cc\u06ba \u06a9\u06cc\u0627 \u0627\u0648\u0631 \u06a9\u06cc\u0633\u06d2 \u0633\u06cc\u06a9\u06be\u06cc\u06ba\" \r\n\t data-home=\"https:\/\/bysbs.cloud\/fog\"><\/div><div class=\"wps-pgfw-pdf-generate-icon__wrapper-frontend pgfw-icon-display pgfw-icon-display--default\" style=\"--pgfw-icon-justify:center;\"><a href=\"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/pages\/1872?action=genpdf&id=1872\" class=\"pgfw-single-pdf-download-button pgfw-single-pdf-download-button--default pgfw-single-pdf-download-button--icon-only\" title=\"Generate PDF\" style=\"--pgfw-icon-width:25px;--pgfw-icon-height:45px;\" aria-label=\"Download PDF\"><span class=\"pgfw-single-pdf-download-button__media\" aria-hidden=\"true\"><img src=\"https:\/\/bysbs.cloud\/fog\/wp-content\/plugins\/pdf-generator-for-wp\/admin\/src\/images\/PDF_Tray.svg\" alt=\"\" decoding=\"async\"><\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Learning Path Generator \u2014 Bilingual (EN \/ UR) \ud83c\udfaf E-Commerce & Social Media Marketing Learning Path Generator Answer 20 short questions to get your personalized bilingual roadmap (English + Urdu). 20 \u0645\u062e\u062a\u0635\u0631 \u0633\u0648\u0627\u0644\u0627\u062a \u06a9\u06d2 \u062c\u0648\u0627\u0628 \u062f\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u0622\u067e \u06a9\u0627 \u0630\u0627\u062a\u06cc \u062f\u0648 \u0644\u0633\u0627\u0646\u06cc \u0631\u0627\u0633\u062a\u06c1 \u0645\u0644 \u0633\u06a9\u06d2 (\u0627\u0646\u06af\u0631\u06cc\u0632\u06cc + \u0627\u0631\u062f\u0648) 1. What is your current experience level? […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"no-title","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-1872","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"@admin","author_link":"https:\/\/bysbs.cloud\/fog\/author\/admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Learning Path Generator \u2014 Bilingual (EN \/ UR) \ud83c\udfaf E-Commerce & Social Media Marketing Learning Path Generator Answer 20 short questions to get your personalized bilingual roadmap (English + Urdu). 20 \u0645\u062e\u062a\u0635\u0631 \u0633\u0648\u0627\u0644\u0627\u062a \u06a9\u06d2 \u062c\u0648\u0627\u0628 \u062f\u06cc\u06ba \u062a\u0627\u06a9\u06c1 \u0622\u067e \u06a9\u0627 \u0630\u0627\u062a\u06cc \u062f\u0648 \u0644\u0633\u0627\u0646\u06cc \u0631\u0627\u0633\u062a\u06c1 \u0645\u0644 \u0633\u06a9\u06d2 (\u0627\u0646\u06af\u0631\u06cc\u0632\u06cc + \u0627\u0631\u062f\u0648) 1. What is your current experience level?…","_links":{"self":[{"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/pages\/1872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/comments?post=1872"}],"version-history":[{"count":3,"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/pages\/1872\/revisions"}],"predecessor-version":[{"id":1878,"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/pages\/1872\/revisions\/1878"}],"wp:attachment":[{"href":"https:\/\/bysbs.cloud\/fog\/wp-json\/wp\/v2\/media?parent=1872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}