\u0637\u0644\u0628 \u062a\u062f\u0631\u064a\u0628 \u0645\u0624\u0633\u0633\u064a - \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n .form-input {\r\n transition: all 0.3s ease;\r\n }\r\n .form-input:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n .submit-btn {\r\n transition: all 0.3s ease;\r\n background: linear-gradient(135deg, #D946EF 0%, #8B5CF6 50%, #4F46E5 100%);\r\n }\r\n .submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(139, 92, 246, 0.3);\r\n }\r\n .success-message {\r\n display: none;\r\n animation: slideIn 0.5s ease-out;\r\n }\r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n .header-gradient {\r\n background: linear-gradient(135deg, #D946EF 0%, #8B5CF6 50%, #4F46E5 100%);\r\n }\r\n .welcome-box {\r\n background-color: rgba(217, 70, 239, 0.1);\r\n border-right: 4px solid #D946EF;\r\n }\r\n .form-input:focus {\r\n border-color: #8B5CF6;\r\n box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);\r\n }\r\n .magenta-square {\r\n background-color: #D946EF;\r\n }\r\n .indigo-square {\r\n background-color: #4F46E5;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 min-h-screen\">\r\n <div class=\"container mx-auto px-4 py-8 max-w-2xl\">\r\n \r\n <header class=\"text-center mb-8\">\r\n <h1 class=\"text-3xl font-bold text-gray-800 mb-2\">\u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/h1>\r\n <p class=\"text-gray-600\">\u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0641\u0636\u0644 \u0628\u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/p>\r\n <\/header>\r\n \r\n <div class=\"welcome-box p-6 rounded-lg mb-8\">\r\n <h2 class=\"text-xl font-semibold text-purple-900 mb-3\">\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643\u0645 \u0641\u064a \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/h2>\r\n <p class=\"text-purple-800 leading-relaxed\">\r\n \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0628\u064a\u0627\u0646 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646. \u0646\u0648\u062f \u0625\u0639\u0644\u0627\u0645\u0643\u0645 \u0623\u0646\u0647 \u0641\u064a \u062d\u0627\u0644 \u0644\u0645 \u062a\u0643\u0646 \u0644\u062f\u064a\u0643\u0645 \u0645\u062e\u0631\u062c\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0641\u0642\u0637 \u062a\u0639\u0628\u0626\u0629 \u0639\u0646\u0648\u0627\u0646 \u0623\u0648 \u0645\u062c\u0627\u0644 \u0627\u0644\u062f\u0648\u0631\u0629\u060c \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0644\u0627\u062d\u0642\u064b\u0627 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644. \u0634\u0643\u0631\u064b\u0627 \u0644\u0643\u0645 \u0639\u0644\u0649 \u062b\u0642\u062a\u0643\u0645.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8\">\r\n <form id=\"trainingForm\" action=\"https:\/\/formspree.io\/f\/xnnzydzy\" method=\"POST\">\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"organization\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629 <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"organization\" \r\n name=\"organization\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"email\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"email\" \r\n id=\"email\" \r\n name=\"email\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"example@company.com\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"contact\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 (\u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644) <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"contact\" \r\n name=\"contact\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"\u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f - 05xxxxxxxx\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"trainingType\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0627 \u0647\u0648 \u0646\u0648\u0639 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"trainingType\" \r\n name=\"trainingType\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n >\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/option>\r\n <option value=\"\u062a\u062f\u0631\u064a\u0628 \u0642\u0635\u064a\u0631\">\u062a\u062f\u0631\u064a\u0628 \u0642\u0635\u064a\u0631<\/option>\r\n <option value=\"\u062a\u062f\u0631\u064a\u0628 \u0637\u0648\u064a\u0644\">\u062a\u062f\u0631\u064a\u0628 \u0637\u0648\u064a\u0644<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"language\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"language\" \r\n name=\"language\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n >\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0644\u063a\u0629<\/option>\r\n <option value=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/option>\r\n <option value=\"\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\">\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"outcomes\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0627 \u0647\u064a \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u061f <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"outcomes\" \r\n name=\"outcomes\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u0623\u0648 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062f\u0648\u0631\u0629\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"experience\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0627 \u0647\u064a \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629 \u0644\u062f\u0649 \u0627\u0644\u0645\u062a\u062f\u0631\u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u064a\u0646 \u0628\u0627\u0644\u062a\u062f\u0631\u064a\u0628\u061f <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"experience\" \r\n name=\"experience\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n >\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u0628\u0631\u0629<\/option>\r\n <option value=\"\u0645\u062a\u0642\u062f\u0645\">\u0645\u062a\u0642\u062f\u0645<\/option>\r\n <option value=\"\u0645\u062a\u0648\u0633\u0637\">\u0645\u062a\u0648\u0633\u0637<\/option>\r\n <option value=\"\u0645\u0628\u062a\u062f\u0626\">\u0645\u0628\u062a\u062f\u0626<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"mb-8\">\r\n <label for=\"notes\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0647\u0644 \u062a\u0648\u062c\u062f \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0647\u0645\u0629 \u062a\u0648\u062f \u0630\u0643\u0631\u0647\u0627\u061f <span class=\"text-gray-500\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span>\r\n <\/label>\r\n <textarea \r\n id=\"notes\" \r\n name=\"notes\"\r\n rows=\"4\"\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none resize-none\"\r\n placeholder=\"\u0623\u062f\u062e\u0644 \u0623\u064a \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629...\"\r\n ><\/textarea>\r\n <\/div>\r\n \r\n <div class=\"text-center\">\r\n <button \r\n type=\"submit\"\r\n class=\"submit-btn text-white font-semibold px-8 py-4 rounded-lg focus:outline-none focus:ring-4 focus:ring-purple-300\"\r\n >\r\n <span class=\"flex items-center justify-center\">\r\n <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"><\/path>\r\n <\/svg>\r\n \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n \r\n <div id=\"successMessage\" class=\"success-message mt-6 p-4 bg-green-100 border border-green-400 text-green-700 rounded-lg\">\r\n <div class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 ml-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <footer class=\"text-center mt-8 text-gray-600\">\r\n <p>© 2024 \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\r\n <\/footer>\r\n <\/div>\r\n <script>\r\n \/\/ Form submission handling\r\n document.getElementById('trainingForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Show loading state\r\n const submitBtn = this.querySelector('button[type=\"submit\"]');\r\n const originalText = submitBtn.innerHTML;\r\n submitBtn.innerHTML = `\r\n <span class=\"flex items-center justify-center\">\r\n <svg class=\"animate-spin w-5 h-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\r\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\r\n <\/svg>\r\n \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...\r\n <\/span>\r\n `;\r\n submitBtn.disabled = true;\r\n \/\/ Submit form using Formspree\r\n fetch(this.action, {\r\n method: 'POST',\r\n body: new FormData(this),\r\n headers: {\r\n 'Accept': 'application\/json'\r\n }\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n \/\/ Hide form and show success message\r\n this.style.display = 'none';\r\n document.getElementById('successMessage').style.display = 'block';\r\n \r\n \/\/ Scroll to success message\r\n document.getElementById('successMessage').scrollIntoView({ behavior: 'smooth' });\r\n } else {\r\n throw new Error('\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644');\r\n }\r\n })\r\n .catch(error => {\r\n alert('\u0639\u0630\u0631\u064b\u0627\u060c \u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.');\r\n console.error('Error:', error);\r\n \r\n \/\/ Reset button\r\n submitBtn.innerHTML = originalText;\r\n submitBtn.disabled = false;\r\n });\r\n });\r\n \/\/ Add input validation feedback\r\n const inputs = document.querySelectorAll('input[required], select[required]');\r\n inputs.forEach(input => {\r\n input.addEventListener('blur', function() {\r\n if (this.value.trim() === '') {\r\n this.classList.add('border-red-500');\r\n } else {\r\n this.classList.remove('border-red-500');\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0637\u0644\u0628 \u062a\u062f\u0631\u064a\u0628 \u0645\u0624\u0633\u0633\u064a – \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0641\u0636\u0644 \u0628\u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643\u0645 \u0641\u064a \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0628\u064a\u0627\u0646 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646. \u0646\u0648\u062f \u0625\u0639\u0644\u0627\u0645\u0643\u0645 \u0623\u0646\u0647 \u0641\u064a \u062d\u0627\u0644 \u0644\u0645 \u062a\u0643\u0646 \u0644\u062f\u064a\u0643\u0645 \u0645\u062e\u0631\u062c\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0641\u0642\u0637 \u062a\u0639\u0628\u0626\u0629 \u0639\u0646\u0648\u0627\u0646 \u0623\u0648 \u0645\u062c\u0627\u0644 \u0627\u0644\u062f\u0648\u0631\u0629\u060c \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0644\u0627\u062d\u0642\u064b\u0627 \u0644\u0645\u0646\u0627\u0642\u0634\u0629…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-16998","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/comments?post=16998"}],"version-history":[{"count":0,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16998\/revisions"}],"wp:attachment":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/media?parent=16998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0637\u0644\u0628 \u062a\u062f\u0631\u064a\u0628 \u0645\u0624\u0633\u0633\u064a - \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Tajawal', sans-serif;\r\n }\r\n .form-input {\r\n transition: all 0.3s ease;\r\n }\r\n .form-input:focus {\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n .submit-btn {\r\n transition: all 0.3s ease;\r\n background: linear-gradient(135deg, #D946EF 0%, #8B5CF6 50%, #4F46E5 100%);\r\n }\r\n .submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(139, 92, 246, 0.3);\r\n }\r\n .success-message {\r\n display: none;\r\n animation: slideIn 0.5s ease-out;\r\n }\r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n .header-gradient {\r\n background: linear-gradient(135deg, #D946EF 0%, #8B5CF6 50%, #4F46E5 100%);\r\n }\r\n .welcome-box {\r\n background-color: rgba(217, 70, 239, 0.1);\r\n border-right: 4px solid #D946EF;\r\n }\r\n .form-input:focus {\r\n border-color: #8B5CF6;\r\n box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1);\r\n }\r\n .magenta-square {\r\n background-color: #D946EF;\r\n }\r\n .indigo-square {\r\n background-color: #4F46E5;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 min-h-screen\">\r\n <div class=\"container mx-auto px-4 py-8 max-w-2xl\">\r\n \r\n <header class=\"text-center mb-8\">\r\n <h1 class=\"text-3xl font-bold text-gray-800 mb-2\">\u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/h1>\r\n <p class=\"text-gray-600\">\u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0641\u0636\u0644 \u0628\u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631<\/p>\r\n <\/header>\r\n \r\n <div class=\"welcome-box p-6 rounded-lg mb-8\">\r\n <h2 class=\"text-xl font-semibold text-purple-900 mb-3\">\u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643\u0645 \u0641\u064a \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628<\/h2>\r\n <p class=\"text-purple-800 leading-relaxed\">\r\n \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0628\u064a\u0627\u0646 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646. \u0646\u0648\u062f \u0625\u0639\u0644\u0627\u0645\u0643\u0645 \u0623\u0646\u0647 \u0641\u064a \u062d\u0627\u0644 \u0644\u0645 \u062a\u0643\u0646 \u0644\u062f\u064a\u0643\u0645 \u0645\u062e\u0631\u062c\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0641\u0642\u0637 \u062a\u0639\u0628\u0626\u0629 \u0639\u0646\u0648\u0627\u0646 \u0623\u0648 \u0645\u062c\u0627\u0644 \u0627\u0644\u062f\u0648\u0631\u0629\u060c \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0644\u0627\u062d\u0642\u064b\u0627 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644. \u0634\u0643\u0631\u064b\u0627 \u0644\u0643\u0645 \u0639\u0644\u0649 \u062b\u0642\u062a\u0643\u0645.\r\n <\/p>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg p-8\">\r\n <form id=\"trainingForm\" action=\"https:\/\/formspree.io\/f\/xnnzydzy\" method=\"POST\">\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"organization\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629 <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"organization\" \r\n name=\"organization\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645 \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"email\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"email\" \r\n id=\"email\" \r\n name=\"email\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"example@company.com\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"contact\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0633\u0624\u0648\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 (\u0627\u0644\u0627\u0633\u0645 \u0648\u0631\u0642\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644) <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"contact\" \r\n name=\"contact\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"\u0623\u062d\u0645\u062f \u0645\u062d\u0645\u062f - 05xxxxxxxx\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"trainingType\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0627 \u0647\u0648 \u0646\u0648\u0639 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"trainingType\" \r\n name=\"trainingType\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n >\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u062a\u062f\u0631\u064a\u0628<\/option>\r\n <option value=\"\u062a\u062f\u0631\u064a\u0628 \u0642\u0635\u064a\u0631\">\u062a\u062f\u0631\u064a\u0628 \u0642\u0635\u064a\u0631<\/option>\r\n <option value=\"\u062a\u062f\u0631\u064a\u0628 \u0637\u0648\u064a\u0644\">\u062a\u062f\u0631\u064a\u0628 \u0637\u0648\u064a\u0644<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"language\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"language\" \r\n name=\"language\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n >\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0644\u063a\u0629<\/option>\r\n <option value=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/option>\r\n <option value=\"\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\">\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"outcomes\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0627 \u0647\u064a \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u061f <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"outcomes\" \r\n name=\"outcomes\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n placeholder=\"\u0627\u0643\u062a\u0628 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 \u0623\u0648 \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u062f\u0648\u0631\u0629\"\r\n >\r\n <\/div>\r\n \r\n <div class=\"mb-6\">\r\n <label for=\"experience\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0645\u0627 \u0647\u064a \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062e\u0628\u0631\u0629 \u0644\u062f\u0649 \u0627\u0644\u0645\u062a\u062f\u0631\u0628\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u064a\u0646 \u0628\u0627\u0644\u062a\u062f\u0631\u064a\u0628\u061f <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"experience\" \r\n name=\"experience\"\r\n required\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none\"\r\n >\r\n <option value=\"\">\u0627\u062e\u062a\u0631 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062e\u0628\u0631\u0629<\/option>\r\n <option value=\"\u0645\u062a\u0642\u062f\u0645\">\u0645\u062a\u0642\u062f\u0645<\/option>\r\n <option value=\"\u0645\u062a\u0648\u0633\u0637\">\u0645\u062a\u0648\u0633\u0637<\/option>\r\n <option value=\"\u0645\u0628\u062a\u062f\u0626\">\u0645\u0628\u062a\u062f\u0626<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"mb-8\">\r\n <label for=\"notes\" class=\"block text-gray-700 font-medium mb-2\">\r\n \u0647\u0644 \u062a\u0648\u062c\u062f \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0645\u0647\u0645\u0629 \u062a\u0648\u062f \u0630\u0643\u0631\u0647\u0627\u061f <span class=\"text-gray-500\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span>\r\n <\/label>\r\n <textarea \r\n id=\"notes\" \r\n name=\"notes\"\r\n rows=\"4\"\r\n class=\"form-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none resize-none\"\r\n placeholder=\"\u0623\u062f\u062e\u0644 \u0623\u064a \u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0625\u0636\u0627\u0641\u064a\u0629...\"\r\n ><\/textarea>\r\n <\/div>\r\n \r\n <div class=\"text-center\">\r\n <button \r\n type=\"submit\"\r\n class=\"submit-btn text-white font-semibold px-8 py-4 rounded-lg focus:outline-none focus:ring-4 focus:ring-purple-300\"\r\n >\r\n <span class=\"flex items-center justify-center\">\r\n <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 19l9 2-9-18-9 18 9-2zm0 0v-8\"><\/path>\r\n <\/svg>\r\n \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628\r\n <\/span>\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n \r\n <div id=\"successMessage\" class=\"success-message mt-6 p-4 bg-green-100 border border-green-400 text-green-700 rounded-lg\">\r\n <div class=\"flex items-center\">\r\n <svg class=\"w-6 h-6 ml-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n <footer class=\"text-center mt-8 text-gray-600\">\r\n <p>© 2024 \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\r\n <\/footer>\r\n <\/div>\r\n <script>\r\n \/\/ Form submission handling\r\n document.getElementById('trainingForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Show loading state\r\n const submitBtn = this.querySelector('button[type=\"submit\"]');\r\n const originalText = submitBtn.innerHTML;\r\n submitBtn.innerHTML = `\r\n <span class=\"flex items-center justify-center\">\r\n <svg class=\"animate-spin w-5 h-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\">\r\n <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\r\n <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\r\n <\/svg>\r\n \u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...\r\n <\/span>\r\n `;\r\n submitBtn.disabled = true;\r\n \/\/ Submit form using Formspree\r\n fetch(this.action, {\r\n method: 'POST',\r\n body: new FormData(this),\r\n headers: {\r\n 'Accept': 'application\/json'\r\n }\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n \/\/ Hide form and show success message\r\n this.style.display = 'none';\r\n document.getElementById('successMessage').style.display = 'block';\r\n \r\n \/\/ Scroll to success message\r\n document.getElementById('successMessage').scrollIntoView({ behavior: 'smooth' });\r\n } else {\r\n throw new Error('\u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0631\u0633\u0627\u0644');\r\n }\r\n })\r\n .catch(error => {\r\n alert('\u0639\u0630\u0631\u064b\u0627\u060c \u062d\u062f\u062b \u062e\u0637\u0623 \u0623\u062b\u0646\u0627\u0621 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628. \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649.');\r\n console.error('Error:', error);\r\n \r\n \/\/ Reset button\r\n submitBtn.innerHTML = originalText;\r\n submitBtn.disabled = false;\r\n });\r\n });\r\n \/\/ Add input validation feedback\r\n const inputs = document.querySelectorAll('input[required], select[required]');\r\n inputs.forEach(input => {\r\n input.addEventListener('blur', function() {\r\n if (this.value.trim() === '') {\r\n this.classList.add('border-red-500');\r\n } else {\r\n this.classList.remove('border-red-500');\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0637\u0644\u0628 \u062a\u062f\u0631\u064a\u0628 \u0645\u0624\u0633\u0633\u064a – \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u0646\u062d\u0648 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0641\u0636\u0644 \u0628\u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0631\u062d\u0628\u064b\u0627 \u0628\u0643\u0645 \u0641\u064a \u0645\u0639\u0647\u062f \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644 \u0644\u0644\u062a\u062f\u0631\u064a\u0628 \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u0627\u0633\u062a\u0628\u064a\u0627\u0646 \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0648\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u064a\u0646. \u0646\u0648\u062f \u0625\u0639\u0644\u0627\u0645\u0643\u0645 \u0623\u0646\u0647 \u0641\u064a \u062d\u0627\u0644 \u0644\u0645 \u062a\u0643\u0646 \u0644\u062f\u064a\u0643\u0645 \u0645\u062e\u0631\u062c\u0627\u062a \u062a\u062f\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0636\u062d\u0629\u060c \u064a\u0645\u0643\u0646\u0643\u0645 \u0641\u0642\u0637 \u062a\u0639\u0628\u0626\u0629 \u0639\u0646\u0648\u0627\u0646 \u0623\u0648 \u0645\u062c\u0627\u0644 \u0627\u0644\u062f\u0648\u0631\u0629\u060c \u0648\u0633\u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643\u0645 \u0644\u0627\u062d\u0642\u064b\u0627 \u0644\u0645\u0646\u0627\u0642\u0634\u0629…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-16998","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/comments?post=16998"}],"version-history":[{"count":0,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/16998\/revisions"}],"wp:attachment":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/media?parent=16998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}