{"id":17018,"date":"2025-08-18T15:45:29","date_gmt":"2025-08-18T15:45:29","guid":{"rendered":"https:\/\/turning-point.ae\/?page_id=17018"},"modified":"2025-08-22T13:45:17","modified_gmt":"2025-08-22T13:45:17","slug":"email-capture-form","status":"publish","type":"page","link":"https:\/\/turning-point.ae\/ar\/email-capture-form\/","title":{"rendered":"Email Capture Form"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"17018\" class=\"elementor elementor-17018\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-652f6dc e-flex e-con-boxed e-con e-parent\" data-id=\"652f6dc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54db28f elementor-widget__width-auto elementor-widget elementor-widget-html\" data-id=\"54db28f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" dir=\"ltr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Content Preferences - Turning Point<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            \r\n        \r\n        }\r\n        .form-checkbox {\r\n            transition: all 0.2s ease;\r\n        }\r\n        .form-checkbox:checked {\r\n            background-color: #4F46E5;\r\n            border-color: #4F46E5;\r\n        }\r\n        .submit-btn {\r\n            transition: all 0.3s ease;\r\n            background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 100%);\r\n        }\r\n        .submit-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(79, 70, 229, 0.3);\r\n        }\r\n        .success-message {\r\n            display: none;\r\n            animation: fadeIn 0.5s ease-out;\r\n        }\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .checkbox-wrapper {\r\n            transition: all 0.2s ease;\r\n        }\r\n        .checkbox-wrapper:hover {\r\n            background-color: rgba(79, 70, 229, 0.05);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 min-h-screen flex items-center justify-center p-4\">\r\n    <div class=\"w-full max-w-md\">\r\n        <!-- Header -->\r\n        <div class=\"text-center mb-8\">\r\n            <h1 class=\"text-2xl font-bold text-gray-800 mb-3\">\u0627\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u062a\u0635\u0627\u0644 \u0645\u0639 \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u062d\u0648\u0644!<\/h1>\r\n            <p class=\"text-gray-600\">\r\n                \u0627\u062e\u062a\u0631 \u0646\u0648\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0630\u064a \u064a\u062b\u064a\u0631 \u0627\u0647\u062a\u0645\u0627\u0645\u0643\u060c \u0648\u0633\u0646\u0631\u0633\u0644 \u0625\u0644\u064a\u0643 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0645\u0648\u0627\u0631\u062f \u0648\u062d\u0644\u0642\u0627\u062a \u0628\u0648\u062f\u0643\u0627\u0633\u062a \u0645\u062e\u0635\u0635\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0648\u0627\u0631\u062f \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- Form Container -->\r\n        <div class=\"bg-white rounded-xl shadow-md p-6\">\r\n            <form id=\"preferencesForm\" action=\"https:\/\/formspree.io\/f\/xnnzydzy\" method=\"POST\">\r\n                <!-- Topics Selection -->\r\n                <div class=\"mb-6\">\r\n                    <label class=\"block text-gray-700 font-medium mb-3\">\u0645\u0627 \u0647\u064a \u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639 \u0627\u0644\u062a\u064a \u062a\u0647\u0645\u0643\u061f<\/label>\r\n                    <div class=\"space-y-3\">\r\n                        <div class=\"checkbox-wrapper flex items-center p-3 rounded-lg border border-gray-200\">\r\n                            <input \r\n                                type=\"checkbox\" \r\n                                id=\"holistic\" \r\n                                name=\"topics\" \r\n                                value=\"Holistic Training\"\r\n                                class=\"form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                            >\r\n                            <label for=\"holistic\" class=\"ml-3 text-gray-700 cursor-pointer\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0634\u0627\u0645\u0644<\/label>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"checkbox-wrapper flex items-center p-3 rounded-lg border border-gray-200\">\r\n                            <input \r\n                                type=\"checkbox\" \r\n                                id=\"stress\" \r\n                                name=\"topics\" \r\n                                value=\"Stress Management\"\r\n                                class=\"form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                            >\r\n                            <label for=\"stress\" class=\"ml-3 text-gray-700 cursor-pointer\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0625\u062c\u0647\u0627\u062f<\/label>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"checkbox-wrapper flex items-center p-3 rounded-lg border border-gray-200\">\r\n                            <input \r\n                                type=\"checkbox\" \r\n                                id=\"exam\" \r\n                                name=\"topics\" \r\n                                value=\"Exam Preparation\"\r\n                                class=\"form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                            >\r\n                            <label for=\"exam\" class=\"ml-3 text-gray-700 cursor-pointer\">\u0627\u0644\u062a\u062d\u0636\u064a\u0631 \u0644\u0644\u0627\u0645\u062a\u062d\u0627\u0646  (e.g., PMP)<\/label>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"checkbox-wrapper flex items-center p-3 rounded-lg border border-gray-200\">\r\n                            <input \r\n                                type=\"checkbox\" \r\n                                id=\"corporate\" \r\n                                name=\"topics\" \r\n                                value=\"Corporate Training\"\r\n                                class=\"form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                            >\r\n                            <label for=\"corporate\" class=\"ml-3 text-gray-700 cursor-pointer\">\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/label>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"checkbox-wrapper flex items-center p-3 rounded-lg border border-gray-200\">\r\n                            <input \r\n                                type=\"checkbox\" \r\n                                id=\"podcast\" \r\n                                name=\"topics\" \r\n                                value=\"Podcast Updates\"\r\n                                class=\"form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                            >\r\n                            <label for=\"podcast\" class=\"ml-3 text-gray-700 cursor-pointer\">\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0628\u0648\u062f\u0643\u0627\u0633\u062a<\/label>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"checkbox-wrapper flex items-center p-3 rounded-lg border border-gray-200\">\r\n                            <input \r\n                                type=\"checkbox\" \r\n                                id=\"newsletter\" \r\n                                name=\"topics\" \r\n                                value=\"Monthly Newsletter\"\r\n                                class=\"form-checkbox h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                            >\r\n                            <label for=\"newsletter\" class=\"ml-3 text-gray-700 cursor-pointer\">\u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0627\u0644\u0634\u0647\u0631\u064a\u0629<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Email Address -->\r\n                <div class=\"mb-6\">\r\n                    <label for=\"email\" class=\"block text-gray-700 font-medium mb-2\">\r\n                        \u0639\u0646\u0648\u0627\u0646 \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=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition\"\r\n                        placeholder=\"your@email.com\"\r\n                    >\r\n                <\/div>\r\n\r\n                <!-- Consent Checkbox -->\r\n                <div class=\"mb-7\">\r\n                    <div class=\"flex items-start\">\r\n                        <input \r\n                            type=\"checkbox\" \r\n                            id=\"consent\" \r\n                            name=\"consent\"\r\n                            required\r\n class=\"form-checkbox mt-1 h-5 w-5 text-indigo-600 rounded focus:ring-indigo-500\"\r\n                        >\r\n                        <label for=\"consent\" class=\"ml-3 text-gray-700 text-sm cursor-pointer\">\r\n                            \u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u062a\u0644\u0642\u064a \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0646 \u0646\u0642\u0637\u0629 \u062a\u062d\u0648\u0644 \u0648\u0623\u062a\u0641\u0647\u0645 \u0623\u0646\u0647 \u064a\u0645\u0643\u0646\u0646\u064a \u0625\u0644\u063a\u0627\u0621 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0641\u064a \u0623\u064a \u0648\u0642\u062a.\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Submit Button -->\r\n                <div class=\"text-center\">\r\n                    <button \r\n                        type=\"submit\"\r\n                        class=\"submit-btn w-full text-white font-medium py-3 px-6 rounded-lg focus:outline-none focus:ring-4 focus:ring-indigo-300\"\r\n                    >\r\n                        \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643 \u0641\u064a \u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n\r\n            <!-- Success Message -->\r\n            <div id=\"successMessage\" class=\"success-message mt-6 p-4 bg-green-50 border border-green-200 text-green-700 rounded-lg\">\r\n                <div class=\"flex items-center\">\r\n                    <svg class=\"w-5 h-5 mr-2\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"><\/path>\r\n                    <\/svg>\r\n                    <span class=\"font-medium\">\u0634\u0643\u0631\u0627 \u0644\u0643 \u0639\u0644\u0649 \u0627\u0644\u0627\u0634\u062a\u0631\u0627\u0643!<\/span>\r\n                <\/div>\r\n                <p class=\"mt-2 text-sm\">\u0644\u0642\u062f \u062a\u0644\u0642\u064a\u0646\u0627 \u062a\u0641\u0636\u064a\u0644\u0627\u062a\u0643 \u0648\u0633\u0646\u0642\u0648\u0645 \u0628\u0625\u0631\u0633\u0627\u0644 \u0645\u062d\u062a\u0648\u0649 \u0645\u062e\u0635\u0635 \u0625\u0644\u0649 \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0648\u0627\u0631\u062f \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.getElementById('preferencesForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Validate at least one topic is selected\r\n            const topics = document.querySelectorAll('input[name=\"topics\"]:checked');\r\n            if (topics.length === 0) {\r\n                alert('Please select at least one topic you\\'re interested in.');\r\n                return;\r\n            }\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                <svg class=\"animate-spin h-5 w-5 mx-auto\" 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            `;\r\n            submitBtn.disabled = true;\r\n            \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                } else {\r\n                    throw new Error('Submission failed');\r\n                }\r\n            })\r\n            .catch(error => {\r\n                alert('Sorry, there was an error submitting your preferences. Please try again.');\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    <\/script>\r\n<\/body>\r\n<\/html>\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>Content Preferences &#8211; Turning Point Stay Connected with Turning Point! Choose the type of content you&#8217;re most interested in, and we\u2019ll send you tailored updates, resources, and podcast episodes straight to your inbox. What topics are you interested in? Holistic Training Stress Management Exam Preparation (e.g., PMP) Corporate Training Podcast Updates Monthly Newsletter Email Address&#8230;<\/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-17018","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/17018","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=17018"}],"version-history":[{"count":0,"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/pages\/17018\/revisions"}],"wp:attachment":[{"href":"https:\/\/turning-point.ae\/ar\/wp-json\/wp\/v2\/media?parent=17018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}