\u0424\u043e\u0440\u043c\u0430 \u0437\u0430 \u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 - \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #094260;\r\n \/* Deep Blue *\/\r\n --secondary: #1979ab;\r\n \/* Lighter Blue *\/\r\n --text: #000000;\r\n \/* Black *\/\r\n --accent: #FFFFFF;\r\n \/* White *\/\r\n --bg-color: #092C3E;\r\n \/* Dark Blue *\/\r\n --error: #e74c3c;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-color);\r\n font-family: 'Roboto', sans-serif;\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n color: var(--text);\r\n padding: 20px;\r\n }\r\n\r\n \/* Main Form Card *\/\r\n #regForm {\r\n background-color: var(--accent);\r\n padding: 40px;\r\n width: 100%;\r\n max-width: 600px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n position: relative;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 1.8rem;\r\n }\r\n\r\n p.subtitle {\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.95rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Input Styling *\/\r\n input,\r\n textarea,\r\n select {\r\n padding: 12px 15px;\r\n \/* Reduced vertical padding mainly for select *\/\r\n width: 100%;\r\n font-size: 16px;\r\n font-family: 'Roboto', sans-serif;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n margin-bottom: 20px;\r\n transition: border-color 0.3s;\r\n background-color: #f9f9f9;\r\n line-height: 1.5;\r\n \/* Ensure good line height *\/\r\n }\r\n\r\n \/* Specific fix for select to avoid cutting off text *\/\r\n select {\r\n height: auto;\r\n min-height: 48px;\r\n \/* Ensure sufficient height *\/\r\n padding-right: 30px;\r\n \/* Space for arrow *\/\r\n cursor: pointer;\r\n }\r\n\r\n input:focus,\r\n textarea:focus,\r\n select:focus {\r\n outline: none;\r\n border-color: var(--secondary);\r\n background-color: #fff;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: var(--primary);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .helper-text {\r\n font-size: 0.8rem;\r\n color: #666;\r\n margin-top: -15px;\r\n \/* Pull closer to input *\/\r\n margin-bottom: 20px;\r\n display: block;\r\n font-style: italic;\r\n }\r\n\r\n \/* Hide all steps by default *\/\r\n .tab {\r\n display: none;\r\n animation: fadeIn 0.5s;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Navigation Buttons *\/\r\n .form-navigation {\r\n overflow: auto;\r\n margin-top: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n button {\r\n background-color: var(--primary);\r\n color: #ffffff;\r\n border: none;\r\n padding: 12px 28px;\r\n font-size: 16px;\r\n font-family: 'Roboto', sans-serif;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n font-weight: 500;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n button:hover {\r\n background-color: var(--secondary);\r\n }\r\n\r\n #prevBtn {\r\n background-color: #e0e0e0;\r\n color: #333;\r\n }\r\n\r\n #prevBtn:hover {\r\n background-color: #d0d0d0;\r\n }\r\n\r\n \/* Progress Indicators *\/\r\n .step-indicator-container {\r\n text-align: center;\r\n margin-top: 0px;\r\n margin-bottom: 30px;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .step {\r\n height: 10px;\r\n width: 10px;\r\n background-color: #ddd;\r\n border: none;\r\n border-radius: 50%;\r\n display: inline-block;\r\n opacity: 0.5;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .step.active {\r\n opacity: 1;\r\n background-color: var(--secondary);\r\n transform: scale(1.2);\r\n }\r\n\r\n .step.finish {\r\n background-color: var(--primary);\r\n opacity: 1;\r\n }\r\n\r\n \/* Invalid input style *\/\r\n input.invalid,\r\n textarea.invalid,\r\n select.invalid {\r\n border-left: 5px solid var(--error);\r\n border-color: #f8b7b7;\r\n }\r\n\r\n \/* Specific section headers within form *\/\r\n .section-header {\r\n font-size: 1.3rem;\r\n color: var(--secondary);\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 10px;\r\n font-weight: 500;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <form id=\"regForm\" action=\"\/submit_page_placeholder\" method=\"post\">\r\n <h1>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u043d\u0435<\/h1>\r\n <p class=\"subtitle\">\u041d\u0435\u043a\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435, \u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043d\u0430 \u0434\u0430\u043d\u043d\u0438.<\/p>\r\n\r\n <div class=\"step-indicator-container\">\r\n <span class=\"step\"><\/span>\r\n <span class=\"step\"><\/span>\r\n <span class=\"step\"><\/span>\r\n <span class=\"step\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u041e\u0441\u043d\u043e\u0432\u043d\u0438 \u0434\u0430\u043d\u043d\u0438<\/div>\r\n\r\n <label for=\"businessName\">\u0418\u043c\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/label>\r\n <input type=\"text\" id=\"businessName\" placeholder=\"\u043d\u0430\u043f\u0440. PB Launch\" oninput=\"this.className = ''\"\r\n name=\"businessName\">\r\n\r\n <label for=\"websiteUrl\">\u0423\u0435\u0431\u0441\u0430\u0439\u0442 URL<\/label>\r\n <input type=\"text\" id=\"websiteUrl\" placeholder=\"\u043d\u0430\u043f\u0440. https:\/\/pblaunch.com\" oninput=\"this.className = ''\"\r\n name=\"websiteUrl\">\r\n\r\n <label for=\"businessdescription\">\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/label>\r\n <input type=\"text\" id=\"businessdescription\" placeholder=\"\u043d\u0430\u043f\u0440. \u0417\u0430\u043d\u0438\u043c\u0430\u0432\u0430\u043c\u0435 \u0441\u0435 \u0441\u044a\u0441 \u0433\u0440\u0430\u0434\u0438\u043d\u0430\u0440\u0441\u0442\u0432\u043e\" oninput=\"this.className = ''\"\r\n name=\"businessdescription\">\r\n\r\n <label for=\"teamRoles\">\u041a\u043e\u0439 \u0435 \u0432 \u0435\u043a\u0438\u043f\u0430? (\u0418\u043c\u0435\u043d\u0430 \u0438 \u0440\u043e\u043b\u0438)<\/label>\r\n <textarea id=\"teamRoles\" placeholder=\"\u043d\u0430\u043f\u0440. \u0418\u0432\u0430\u043d \u0418\u0432\u0430\u043d\u043e\u0432 (\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b), \u041c\u0430\u0440\u0438\u044f \u041f\u0435\u0442\u0440\u043e\u0432\u0430 (\u041b\u0438\u0446\u0435 \u0437\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442)\"\r\n oninput=\"this.className = ''\" name=\"teamRoles\"><\/textarea>\r\n\r\n <label for=\"igHandle\">Instagram \u043f\u0440\u043e\u0444\u0438\u043b (Link)<\/label>\r\n <input type=\"text\" id=\"igHandle\" placeholder=\"https:\/\/instagram.com\/username\" oninput=\"this.className = ''\"\r\n name=\"igHandle\">\r\n\r\n <label for=\"accountStatus\">\u0421\u0442\u0430\u0442\u0443\u0441 \u043d\u0430 \u0430\u043a\u0430\u0443\u043d\u0442\u0430<\/label>\r\n <select id=\"accountStatus\" oninput=\"this.className = ''\" name=\"accountStatus\">\r\n <option value=\"\" disabled selected>\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044f...<\/option>\r\n <option value=\"New\">\u041d\u043e\u0432 \u0430\u043a\u0430\u0443\u043d\u0442<\/option>\r\n <option value=\"Established\">\u0421\u044a\u0449\u0435\u0441\u0442\u0432\u0443\u0432\u0430\u0449 \u0430\u043a\u0430\u0443\u043d\u0442<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u0424\u043e\u0440\u043c\u0443\u043b\u0430 \u043d\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\u0442\u0430<\/div>\r\n <p style=\"font-size:0.85rem; color:#666; margin-bottom:20px;\">\u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043c\u0435 \u0442\u043e\u0432\u0430, \u0437\u0430 \u0434\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0435\u0442\u043e\r\n \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0430\u043d\u0435.<\/p>\r\n\r\n <label for=\"offerName\">\u0418\u043c\u0435 \u043d\u0430 \u0443\u0441\u043b\u0443\u0433\u0430\/\u0443\u0441\u043b\u0443\u0433\u0438<\/label>\r\n <input type=\"text\" id=\"offerName\" placeholder=\"\u043d\u0430\u043f\u0440. \u041f\u043e\u0434\u0433\u043e\u0442\u0432\u044f\u043d\u0435 \u043d\u0430 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0435\u043d \u0445\u0440\u0430\u043d\u0438\u0442\u0435\u043b\u0435\u043d \u0440\u0435\u0436\u0438\u043c\" oninput=\"this.className = ''\" name=\"offerName\">\r\n\r\n <label for=\"targetAudience\">\u0426\u0435\u043b\u0435\u0432\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f (\u0410\u0432\u0430\u0442\u0430\u0440)<\/label>\r\n <input type=\"text\" id=\"targetAudience\" placeholder=\"\u043d\u0430\u043f\u0440. \u0416\u0435\u043d\u0438 \u0441 \u043d\u0430\u0434\u043d\u043e\u0440\u043c\u0435\u043d\u043e \u0442\u0435\u0433\u043b\u043e\" oninput=\"this.className = ''\"\r\n name=\"targetAudience\">\r\n <span class=\"helper-text\">\u0417\u0430 \u043a\u043e\u0433\u043e \u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0442\u043e\u0432\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e?<\/span>\r\n\r\n <label for=\"currentStruggle\">\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0438 \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u0435\u043d\u0438\u044f \u043d\u0430 \u0446\u0435\u043b\u0435\u0432\u0430\u0442\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f (\u041f\u0440\u0435\u0434\u0438)<\/label>\r\n <textarea id=\"currentStruggle\" placeholder=\"\u043d\u0430\u043f\u0440. \u0411\u043e\u0440\u044f\u0442 \u0441\u0435 \u0441 \u043d\u0430\u0434\u043d\u043e\u0440\u043c\u0435\u043d\u043e \u0442\u0435\u0433\u043b\u043e...\" oninput=\"this.className = ''\"\r\n name=\"currentStruggle\"><\/textarea>\r\n \r\n\r\n <label for=\"desiredOutcome\">\u0416\u0435\u043b\u0430\u043d \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442 \u043d\u0430 \u0446\u0435\u043b\u0435\u0432\u0430\u0442\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f (\u0421\u043b\u0435\u0434)<\/label>\r\n <textarea id=\"desiredOutcome\" placeholder=\"\u043d\u0430\u043f\u0440. \u0421\u0432\u0430\u043b\u044f\u043d\u0435 \u043d\u0430 20+ \u043a\u0438\u043b\u043e\u0433\u0440\u0430\u043c\u0430...\" oninput=\"this.className = ''\"\r\n name=\"desiredOutcome\"><\/textarea>\r\n \r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u0415\u043c\u043e\u0446\u0438\u044f \u0438 \u041f\u044a\u0442<\/div>\r\n\r\n <label for=\"emotionalBenefit\">\u0415\u043c\u043e\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u043f\u043e\u043b\u0437\u0430<\/label>\r\n <textarea id=\"emotionalBenefit\" placeholder=\"\u043d\u0430\u043f\u0440. \u041f\u043e\u0432\u0438\u0448\u0435\u043d\u0430 \u0435\u043d\u0435\u0440\u0433\u0438\u044f \u0438 \u0443\u0432\u0435\u0440\u0435\u043d\u043e\u0441\u0442\" oninput=\"this.className = ''\"\r\n name=\"emotionalBenefit\"><\/textarea>\r\n <span class=\"helper-text\">\u041a\u0430\u043a \u0449\u0435 \u0441\u0435 \u0427\u0423\u0412\u0421\u0422\u0412\u0410\u0422 \u0441\u043b\u0435\u0434 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0430?<\/span>\r\n\r\n <label for=\"customerJourney\">\u0421\u0442\u044a\u043f\u043a\u0438 \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0430\u0442\u0430 \u043f\u044a\u0442\u0435\u043a\u0430<\/label>\r\n <textarea id=\"customerJourney\" placeholder=\"1. \u0413\u043b\u0435\u0434\u0430\u0442 Reel -> 2. \u041f\u0438\u0448\u0430\u0442 \u0434\u0443\u043c\u0430 \u043d\u0430 \u041b\u0421 -> 3. \u0413\u043b\u0435\u0434\u0430\u0442 VSL...\"\r\n oninput=\"this.className = ''\" name=\"customerJourney\"><\/textarea>\r\n <span class=\"helper-text\">\u041f\u044a\u0442\u044f\u0442 \u0441\u0442\u044a\u043f\u043a\u0430 \u043f\u043e \u0441\u0442\u044a\u043f\u043a\u0430 \u043e\u0442 \u043d\u0435\u043f\u043e\u0437\u043d\u0430\u0442 \u0434\u043e \u043a\u043b\u0438\u0435\u043d\u0442.<\/span>\r\n\r\n <label for=\"socialGoal\">\u0417\u0430\u0449\u043e \u0438\u0441\u043a\u0430\u0442\u0435 \u043b\u0438\u0439\u0434\u043e\u0432\u0435 \u043e\u0442 \u0441\u043e\u0446\u0438\u0430\u043b\u043d\u0438\u0442\u0435 \u043c\u0440\u0435\u0436\u0438?<\/label>\r\n <input type=\"text\" id=\"socialGoal\" placeholder=\"\u043d\u0430\u043f\u0440. \u0414\u0430 \u0441\u043f\u0440\u0430 \u0434\u0430 \u0440\u0430\u0437\u0447\u0438\u0442\u0430\u043c \u043d\u0430 \u0441\u0442\u0443\u0434\u0435\u043d\u0438 \u043e\u0431\u0430\u0436\u0434\u0430\u043d\u0438\u044f\"\r\n oninput=\"this.className = ''\" name=\"socialGoal\">\r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u041b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430 \u0438 \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438<\/div>\r\n\r\n <label for=\"package\">\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0432\u0430\u0448\u0438\u044f \u043f\u0430\u043a\u0435\u0442<\/label>\r\n <select id=\"package\" oninput=\"this.className = ''\" name=\"package\">\r\n <option value=\"\" disabled selected>\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u0430\u043a\u0435\u0442...<\/option>\r\n <option value=\"Grow\">Grow - 12 \u0412\u0438\u0434\u0435\u0430\/\u041c\u0435\u0441\u0435\u0446<\/option>\r\n <option value=\"Scale\">Scale - 16 \u0412\u0438\u0434\u0435\u0430\/\u041c\u0435\u0441\u0435\u0446<\/option>\r\n <option value=\"Dominate\">Dominate - 20 \u0412\u0438\u0434\u0435\u0430\/\u041c\u0435\u0441\u0435\u0446<\/option>\r\n <\/select>\r\n\r\n\r\n <div\r\n style=\"margin-top: 20px; padding: 15px; background: #eef7fc; border-radius: 6px; font-size: 0.9rem; color: var(--primary);\">\r\n <strong>\u0421\u043b\u0435\u0434\u0432\u0430\u0449\u0438 \u0441\u0442\u044a\u043f\u043a\u0438:<\/strong> \u0421\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u043d\u0430\u0442\u0438\u0441\u043d\u0435\u0442\u0435 \"\u0418\u0437\u043f\u0440\u0430\u0442\u0438\", \u0449\u0435 \u043f\u0440\u0435\u0433\u043b\u0435\u0434\u0430\u043c\u0435 \u043f\u0440\u043e\u0444\u0438\u043b\u0430 \u043d\u0430 \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0438 \u0449\u0435\r\n \u043d\u0430\u0441\u0440\u043e\u0447\u0438\u043c \u0432\u044a\u0432\u0435\u0436\u0434\u0430\u0449 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-navigation\">\r\n <button type=\"button\" id=\"prevBtn\" onclick=\"nextPrev(-1)\">\u041d\u0430\u0437\u0430\u0434<\/button>\r\n <button type=\"button\" id=\"nextBtn\" onclick=\"nextPrev(1)\">\u041d\u0430\u043f\u0440\u0435\u0434<\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <script>\r\n var currentTab = 0; \/\/ Current tab is set to be the first tab (0)\r\n showTab(currentTab); \/\/ Display the current tab\r\n\r\n function showTab(n) {\r\n var x = document.getElementsByClassName(\"tab\");\r\n x[n].style.display = \"block\";\r\n\r\n \/\/ Fix Previous\/Next buttons\r\n if (n == 0) {\r\n document.getElementById(\"prevBtn\").style.display = \"none\";\r\n } else {\r\n document.getElementById(\"prevBtn\").style.display = \"inline\";\r\n }\r\n\r\n if (n == (x.length - 1)) {\r\n document.getElementById(\"nextBtn\").innerHTML = \"\u0418\u0437\u043f\u0440\u0430\u0442\u0438\";\r\n } else {\r\n document.getElementById(\"nextBtn\").innerHTML = \"\u041d\u0430\u043f\u0440\u0435\u0434\";\r\n }\r\n\r\n \/\/ Update step indicators\r\n fixStepIndicator(n)\r\n }\r\n\r\n function nextPrev(n) {\r\n var x = document.getElementsByClassName(\"tab\");\r\n\r\n \/\/ Validate fields if moving forward\r\n if (n == 1 && !validateForm()) return false;\r\n\r\n \/\/ Hide current tab\r\n x[currentTab].style.display = \"none\";\r\n\r\n \/\/ Increase or decrease tab count\r\n currentTab = currentTab + n;\r\n\r\n \/\/ if you have reached the end of the form...\r\n if (currentTab >= x.length) {\r\n submitToWebhook();\r\n return false;\r\n }\r\n\r\n \/\/ Otherwise, display the correct tab\r\n showTab(currentTab);\r\n }\r\n\r\n function submitToWebhook() {\r\n const form = document.getElementById(\"regForm\");\r\n const formData = new FormData(form);\r\n const data = Object.fromEntries(formData.entries());\r\n\r\n const nextBtn = document.getElementById(\"nextBtn\");\r\n const originalText = nextBtn.innerHTML;\r\n nextBtn.innerHTML = \"\u0418\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435...\";\r\n nextBtn.disabled = true;\r\n\r\n fetch(\"https:\/\/skyagency-group.app\/webhook\/onboarding-form\", {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application\/json\"\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n form.innerHTML = \"<div style='text-align:center; padding:50px;animation:fadeIn 0.5s;'><h2>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0432\u0438!<\/h2><p style='margin-top:15px;color:#555;'>\u0412\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0431\u0435\u0448\u0435 \u0438\u0437\u043f\u0440\u0430\u0442\u0435\u043d\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e.<br>\u0429\u0435 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u043c \u0441 \u0432\u0430\u0441 \u0441\u043a\u043e\u0440\u043e.<\/p><\/div>\";\r\n } else {\r\n alert(\"\u0412\u044a\u0437\u043d\u0438\u043a\u043d\u0430 \u0433\u0440\u0435\u0448\u043a\u0430 \u043f\u0440\u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435\u0442\u043e. \u041c\u043e\u043b\u044f, \u043e\u043f\u0438\u0442\u0430\u0439\u0442\u0435 \u043e\u0442\u043d\u043e\u0432\u043e.\");\r\n nextBtn.innerHTML = originalText;\r\n nextBtn.disabled = false;\r\n }\r\n })\r\n .catch(error => {\r\n console.error(\"Error:\", error);\r\n alert(\"\u0412\u044a\u0437\u043d\u0438\u043a\u043d\u0430 \u0433\u0440\u0435\u0448\u043a\u0430 \u043f\u0440\u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435\u0442\u043e. \u041c\u043e\u043b\u044f, \u043e\u043f\u0438\u0442\u0430\u0439\u0442\u0435 \u043e\u0442\u043d\u043e\u0432\u043e.\");\r\n nextBtn.innerHTML = originalText;\r\n nextBtn.disabled = false;\r\n });\r\n }\r\n\r\n function validateForm() {\r\n var x, y, i, valid = true;\r\n x = document.getElementsByClassName(\"tab\");\r\n y = x[currentTab].getElementsByTagName(\"input\");\r\n z = x[currentTab].getElementsByTagName(\"textarea\");\r\n s = x[currentTab].getElementsByTagName(\"select\");\r\n\r\n \/\/ Check inputs\r\n for (i = 0; i < y.length; i++) {\r\n if (y[i].value == \"\") {\r\n y[i].className += \" invalid\";\r\n valid = false;\r\n }\r\n }\r\n \/\/ Check textareas\r\n for (i = 0; i < z.length; i++) {\r\n if (z[i].value == \"\") {\r\n z[i].className += \" invalid\";\r\n valid = false;\r\n }\r\n }\r\n \/\/ Check selects\r\n for (i = 0; i < s.length; i++) {\r\n if (s[i].value == \"\") {\r\n s[i].className += \" invalid\";\r\n valid = false;\r\n }\r\n }\r\n\r\n if (valid) {\r\n document.getElementsByClassName(\"step\")[currentTab].className += \" finish\";\r\n }\r\n return valid;\r\n }\r\n\r\n function fixStepIndicator(n) {\r\n var i, x = document.getElementsByClassName(\"step\");\r\n for (i = 0; i < x.length; i++) {\r\n x[i].className = x[i].className.replace(\" active\", \"\");\r\n }\r\n x[n].className += \" active\";\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0424\u043e\u0440\u043c\u0430 \u0437\u0430 \u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 – \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u043d\u0435 \u041d\u0435\u043a\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435, \u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043d\u0430 \u0434\u0430\u043d\u043d\u0438. \u041e\u0441\u043d\u043e\u0432\u043d\u0438 \u0434\u0430\u043d\u043d\u0438 \u0418\u043c\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0423\u0435\u0431\u0441\u0430\u0439\u0442 URL \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u041a\u043e\u0439 \u0435 \u0432 \u0435\u043a\u0438\u043f\u0430? (\u0418\u043c\u0435\u043d\u0430 \u0438 \u0440\u043e\u043b\u0438) Instagram \u043f\u0440\u043e\u0444\u0438\u043b (Link) \u0421\u0442\u0430\u0442\u0443\u0441 \u043d\u0430 \u0430\u043a\u0430\u0443\u043d\u0442\u0430 \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044f…\u041d\u043e\u0432 \u0430\u043a\u0430\u0443\u043d\u0442\u0421\u044a\u0449\u0435\u0441\u0442\u0432\u0443\u0432\u0430\u0449 \u0430\u043a\u0430\u0443\u043d\u0442 \u0424\u043e\u0440\u043c\u0443\u043b\u0430 \u043d\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\u0442\u0430 \u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043c\u0435 \u0442\u043e\u0432\u0430, \u0437\u0430 \u0434\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0435\u0442\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0430\u043d\u0435. \u0418\u043c\u0435 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"class_list":["post-24841","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/24841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/comments?post=24841"}],"version-history":[{"count":40,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/24841\/revisions"}],"predecessor-version":[{"id":24882,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/24841\/revisions\/24882"}],"wp:attachment":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/media?parent=24841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \u0424\u043e\u0440\u043c\u0430 \u0437\u0430 \u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 - \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #094260;\r\n \/* Deep Blue *\/\r\n --secondary: #1979ab;\r\n \/* Lighter Blue *\/\r\n --text: #000000;\r\n \/* Black *\/\r\n --accent: #FFFFFF;\r\n \/* White *\/\r\n --bg-color: #092C3E;\r\n \/* Dark Blue *\/\r\n --error: #e74c3c;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-color);\r\n font-family: 'Roboto', sans-serif;\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n color: var(--text);\r\n padding: 20px;\r\n }\r\n\r\n \/* Main Form Card *\/\r\n #regForm {\r\n background-color: var(--accent);\r\n padding: 40px;\r\n width: 100%;\r\n max-width: 600px;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n position: relative;\r\n }\r\n\r\n h1 {\r\n text-align: center;\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n font-size: 1.8rem;\r\n }\r\n\r\n p.subtitle {\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.95rem;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* Input Styling *\/\r\n input,\r\n textarea,\r\n select {\r\n padding: 12px 15px;\r\n \/* Reduced vertical padding mainly for select *\/\r\n width: 100%;\r\n font-size: 16px;\r\n font-family: 'Roboto', sans-serif;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n margin-bottom: 20px;\r\n transition: border-color 0.3s;\r\n background-color: #f9f9f9;\r\n line-height: 1.5;\r\n \/* Ensure good line height *\/\r\n }\r\n\r\n \/* Specific fix for select to avoid cutting off text *\/\r\n select {\r\n height: auto;\r\n min-height: 48px;\r\n \/* Ensure sufficient height *\/\r\n padding-right: 30px;\r\n \/* Space for arrow *\/\r\n cursor: pointer;\r\n }\r\n\r\n input:focus,\r\n textarea:focus,\r\n select:focus {\r\n outline: none;\r\n border-color: var(--secondary);\r\n background-color: #fff;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 100px;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n color: var(--primary);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .helper-text {\r\n font-size: 0.8rem;\r\n color: #666;\r\n margin-top: -15px;\r\n \/* Pull closer to input *\/\r\n margin-bottom: 20px;\r\n display: block;\r\n font-style: italic;\r\n }\r\n\r\n \/* Hide all steps by default *\/\r\n .tab {\r\n display: none;\r\n animation: fadeIn 0.5s;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* Navigation Buttons *\/\r\n .form-navigation {\r\n overflow: auto;\r\n margin-top: 20px;\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n button {\r\n background-color: var(--primary);\r\n color: #ffffff;\r\n border: none;\r\n padding: 12px 28px;\r\n font-size: 16px;\r\n font-family: 'Roboto', sans-serif;\r\n cursor: pointer;\r\n border-radius: 6px;\r\n font-weight: 500;\r\n transition: background-color 0.3s;\r\n }\r\n\r\n button:hover {\r\n background-color: var(--secondary);\r\n }\r\n\r\n #prevBtn {\r\n background-color: #e0e0e0;\r\n color: #333;\r\n }\r\n\r\n #prevBtn:hover {\r\n background-color: #d0d0d0;\r\n }\r\n\r\n \/* Progress Indicators *\/\r\n .step-indicator-container {\r\n text-align: center;\r\n margin-top: 0px;\r\n margin-bottom: 30px;\r\n display: flex;\r\n justify-content: center;\r\n gap: 10px;\r\n }\r\n\r\n .step {\r\n height: 10px;\r\n width: 10px;\r\n background-color: #ddd;\r\n border: none;\r\n border-radius: 50%;\r\n display: inline-block;\r\n opacity: 0.5;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .step.active {\r\n opacity: 1;\r\n background-color: var(--secondary);\r\n transform: scale(1.2);\r\n }\r\n\r\n .step.finish {\r\n background-color: var(--primary);\r\n opacity: 1;\r\n }\r\n\r\n \/* Invalid input style *\/\r\n input.invalid,\r\n textarea.invalid,\r\n select.invalid {\r\n border-left: 5px solid var(--error);\r\n border-color: #f8b7b7;\r\n }\r\n\r\n \/* Specific section headers within form *\/\r\n .section-header {\r\n font-size: 1.3rem;\r\n color: var(--secondary);\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 10px;\r\n font-weight: 500;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <form id=\"regForm\" action=\"\/submit_page_placeholder\" method=\"post\">\r\n <h1>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u043d\u0435<\/h1>\r\n <p class=\"subtitle\">\u041d\u0435\u043a\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435, \u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043d\u0430 \u0434\u0430\u043d\u043d\u0438.<\/p>\r\n\r\n <div class=\"step-indicator-container\">\r\n <span class=\"step\"><\/span>\r\n <span class=\"step\"><\/span>\r\n <span class=\"step\"><\/span>\r\n <span class=\"step\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u041e\u0441\u043d\u043e\u0432\u043d\u0438 \u0434\u0430\u043d\u043d\u0438<\/div>\r\n\r\n <label for=\"businessName\">\u0418\u043c\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/label>\r\n <input type=\"text\" id=\"businessName\" placeholder=\"\u043d\u0430\u043f\u0440. PB Launch\" oninput=\"this.className = ''\"\r\n name=\"businessName\">\r\n\r\n <label for=\"websiteUrl\">\u0423\u0435\u0431\u0441\u0430\u0439\u0442 URL<\/label>\r\n <input type=\"text\" id=\"websiteUrl\" placeholder=\"\u043d\u0430\u043f\u0440. https:\/\/pblaunch.com\" oninput=\"this.className = ''\"\r\n name=\"websiteUrl\">\r\n\r\n <label for=\"businessdescription\">\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430<\/label>\r\n <input type=\"text\" id=\"businessdescription\" placeholder=\"\u043d\u0430\u043f\u0440. \u0417\u0430\u043d\u0438\u043c\u0430\u0432\u0430\u043c\u0435 \u0441\u0435 \u0441\u044a\u0441 \u0433\u0440\u0430\u0434\u0438\u043d\u0430\u0440\u0441\u0442\u0432\u043e\" oninput=\"this.className = ''\"\r\n name=\"businessdescription\">\r\n\r\n <label for=\"teamRoles\">\u041a\u043e\u0439 \u0435 \u0432 \u0435\u043a\u0438\u043f\u0430? (\u0418\u043c\u0435\u043d\u0430 \u0438 \u0440\u043e\u043b\u0438)<\/label>\r\n <textarea id=\"teamRoles\" placeholder=\"\u043d\u0430\u043f\u0440. \u0418\u0432\u0430\u043d \u0418\u0432\u0430\u043d\u043e\u0432 (\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b), \u041c\u0430\u0440\u0438\u044f \u041f\u0435\u0442\u0440\u043e\u0432\u0430 (\u041b\u0438\u0446\u0435 \u0437\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442)\"\r\n oninput=\"this.className = ''\" name=\"teamRoles\"><\/textarea>\r\n\r\n <label for=\"igHandle\">Instagram \u043f\u0440\u043e\u0444\u0438\u043b (Link)<\/label>\r\n <input type=\"text\" id=\"igHandle\" placeholder=\"https:\/\/instagram.com\/username\" oninput=\"this.className = ''\"\r\n name=\"igHandle\">\r\n\r\n <label for=\"accountStatus\">\u0421\u0442\u0430\u0442\u0443\u0441 \u043d\u0430 \u0430\u043a\u0430\u0443\u043d\u0442\u0430<\/label>\r\n <select id=\"accountStatus\" oninput=\"this.className = ''\" name=\"accountStatus\">\r\n <option value=\"\" disabled selected>\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044f...<\/option>\r\n <option value=\"New\">\u041d\u043e\u0432 \u0430\u043a\u0430\u0443\u043d\u0442<\/option>\r\n <option value=\"Established\">\u0421\u044a\u0449\u0435\u0441\u0442\u0432\u0443\u0432\u0430\u0449 \u0430\u043a\u0430\u0443\u043d\u0442<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u0424\u043e\u0440\u043c\u0443\u043b\u0430 \u043d\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\u0442\u0430<\/div>\r\n <p style=\"font-size:0.85rem; color:#666; margin-bottom:20px;\">\u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043c\u0435 \u0442\u043e\u0432\u0430, \u0437\u0430 \u0434\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0435\u0442\u043e\r\n \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0430\u043d\u0435.<\/p>\r\n\r\n <label for=\"offerName\">\u0418\u043c\u0435 \u043d\u0430 \u0443\u0441\u043b\u0443\u0433\u0430\/\u0443\u0441\u043b\u0443\u0433\u0438<\/label>\r\n <input type=\"text\" id=\"offerName\" placeholder=\"\u043d\u0430\u043f\u0440. \u041f\u043e\u0434\u0433\u043e\u0442\u0432\u044f\u043d\u0435 \u043d\u0430 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0435\u043d \u0445\u0440\u0430\u043d\u0438\u0442\u0435\u043b\u0435\u043d \u0440\u0435\u0436\u0438\u043c\" oninput=\"this.className = ''\" name=\"offerName\">\r\n\r\n <label for=\"targetAudience\">\u0426\u0435\u043b\u0435\u0432\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f (\u0410\u0432\u0430\u0442\u0430\u0440)<\/label>\r\n <input type=\"text\" id=\"targetAudience\" placeholder=\"\u043d\u0430\u043f\u0440. \u0416\u0435\u043d\u0438 \u0441 \u043d\u0430\u0434\u043d\u043e\u0440\u043c\u0435\u043d\u043e \u0442\u0435\u0433\u043b\u043e\" oninput=\"this.className = ''\"\r\n name=\"targetAudience\">\r\n <span class=\"helper-text\">\u0417\u0430 \u043a\u043e\u0433\u043e \u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0442\u043e\u0432\u0430 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e?<\/span>\r\n\r\n <label for=\"currentStruggle\">\u041d\u0430\u0441\u0442\u043e\u044f\u0449\u0438 \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u0435\u043d\u0438\u044f \u043d\u0430 \u0446\u0435\u043b\u0435\u0432\u0430\u0442\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f (\u041f\u0440\u0435\u0434\u0438)<\/label>\r\n <textarea id=\"currentStruggle\" placeholder=\"\u043d\u0430\u043f\u0440. \u0411\u043e\u0440\u044f\u0442 \u0441\u0435 \u0441 \u043d\u0430\u0434\u043d\u043e\u0440\u043c\u0435\u043d\u043e \u0442\u0435\u0433\u043b\u043e...\" oninput=\"this.className = ''\"\r\n name=\"currentStruggle\"><\/textarea>\r\n \r\n\r\n <label for=\"desiredOutcome\">\u0416\u0435\u043b\u0430\u043d \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442 \u043d\u0430 \u0446\u0435\u043b\u0435\u0432\u0430\u0442\u0430 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044f (\u0421\u043b\u0435\u0434)<\/label>\r\n <textarea id=\"desiredOutcome\" placeholder=\"\u043d\u0430\u043f\u0440. \u0421\u0432\u0430\u043b\u044f\u043d\u0435 \u043d\u0430 20+ \u043a\u0438\u043b\u043e\u0433\u0440\u0430\u043c\u0430...\" oninput=\"this.className = ''\"\r\n name=\"desiredOutcome\"><\/textarea>\r\n \r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u0415\u043c\u043e\u0446\u0438\u044f \u0438 \u041f\u044a\u0442<\/div>\r\n\r\n <label for=\"emotionalBenefit\">\u0415\u043c\u043e\u0446\u0438\u043e\u043d\u0430\u043b\u043d\u0430 \u043f\u043e\u043b\u0437\u0430<\/label>\r\n <textarea id=\"emotionalBenefit\" placeholder=\"\u043d\u0430\u043f\u0440. \u041f\u043e\u0432\u0438\u0448\u0435\u043d\u0430 \u0435\u043d\u0435\u0440\u0433\u0438\u044f \u0438 \u0443\u0432\u0435\u0440\u0435\u043d\u043e\u0441\u0442\" oninput=\"this.className = ''\"\r\n name=\"emotionalBenefit\"><\/textarea>\r\n <span class=\"helper-text\">\u041a\u0430\u043a \u0449\u0435 \u0441\u0435 \u0427\u0423\u0412\u0421\u0422\u0412\u0410\u0422 \u0441\u043b\u0435\u0434 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0430?<\/span>\r\n\r\n <label for=\"customerJourney\">\u0421\u0442\u044a\u043f\u043a\u0438 \u043d\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438\u0442\u0435\u043b\u0441\u043a\u0430\u0442\u0430 \u043f\u044a\u0442\u0435\u043a\u0430<\/label>\r\n <textarea id=\"customerJourney\" placeholder=\"1. \u0413\u043b\u0435\u0434\u0430\u0442 Reel -> 2. \u041f\u0438\u0448\u0430\u0442 \u0434\u0443\u043c\u0430 \u043d\u0430 \u041b\u0421 -> 3. \u0413\u043b\u0435\u0434\u0430\u0442 VSL...\"\r\n oninput=\"this.className = ''\" name=\"customerJourney\"><\/textarea>\r\n <span class=\"helper-text\">\u041f\u044a\u0442\u044f\u0442 \u0441\u0442\u044a\u043f\u043a\u0430 \u043f\u043e \u0441\u0442\u044a\u043f\u043a\u0430 \u043e\u0442 \u043d\u0435\u043f\u043e\u0437\u043d\u0430\u0442 \u0434\u043e \u043a\u043b\u0438\u0435\u043d\u0442.<\/span>\r\n\r\n <label for=\"socialGoal\">\u0417\u0430\u0449\u043e \u0438\u0441\u043a\u0430\u0442\u0435 \u043b\u0438\u0439\u0434\u043e\u0432\u0435 \u043e\u0442 \u0441\u043e\u0446\u0438\u0430\u043b\u043d\u0438\u0442\u0435 \u043c\u0440\u0435\u0436\u0438?<\/label>\r\n <input type=\"text\" id=\"socialGoal\" placeholder=\"\u043d\u0430\u043f\u0440. \u0414\u0430 \u0441\u043f\u0440\u0430 \u0434\u0430 \u0440\u0430\u0437\u0447\u0438\u0442\u0430\u043c \u043d\u0430 \u0441\u0442\u0443\u0434\u0435\u043d\u0438 \u043e\u0431\u0430\u0436\u0434\u0430\u043d\u0438\u044f\"\r\n oninput=\"this.className = ''\" name=\"socialGoal\">\r\n <\/div>\r\n\r\n <div class=\"tab\">\r\n <div class=\"section-header\">\u041b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430 \u0438 \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438<\/div>\r\n\r\n <label for=\"package\">\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0432\u0430\u0448\u0438\u044f \u043f\u0430\u043a\u0435\u0442<\/label>\r\n <select id=\"package\" oninput=\"this.className = ''\" name=\"package\">\r\n <option value=\"\" disabled selected>\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u0430\u043a\u0435\u0442...<\/option>\r\n <option value=\"Grow\">Grow - 12 \u0412\u0438\u0434\u0435\u0430\/\u041c\u0435\u0441\u0435\u0446<\/option>\r\n <option value=\"Scale\">Scale - 16 \u0412\u0438\u0434\u0435\u0430\/\u041c\u0435\u0441\u0435\u0446<\/option>\r\n <option value=\"Dominate\">Dominate - 20 \u0412\u0438\u0434\u0435\u0430\/\u041c\u0435\u0441\u0435\u0446<\/option>\r\n <\/select>\r\n\r\n\r\n <div\r\n style=\"margin-top: 20px; padding: 15px; background: #eef7fc; border-radius: 6px; font-size: 0.9rem; color: var(--primary);\">\r\n <strong>\u0421\u043b\u0435\u0434\u0432\u0430\u0449\u0438 \u0441\u0442\u044a\u043f\u043a\u0438:<\/strong> \u0421\u043b\u0435\u0434 \u043a\u0430\u0442\u043e \u043d\u0430\u0442\u0438\u0441\u043d\u0435\u0442\u0435 \"\u0418\u0437\u043f\u0440\u0430\u0442\u0438\", \u0449\u0435 \u043f\u0440\u0435\u0433\u043b\u0435\u0434\u0430\u043c\u0435 \u043f\u0440\u043e\u0444\u0438\u043b\u0430 \u043d\u0430 \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0438 \u0449\u0435\r\n \u043d\u0430\u0441\u0440\u043e\u0447\u0438\u043c \u0432\u044a\u0432\u0435\u0436\u0434\u0430\u0449 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440.\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-navigation\">\r\n <button type=\"button\" id=\"prevBtn\" onclick=\"nextPrev(-1)\">\u041d\u0430\u0437\u0430\u0434<\/button>\r\n <button type=\"button\" id=\"nextBtn\" onclick=\"nextPrev(1)\">\u041d\u0430\u043f\u0440\u0435\u0434<\/button>\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <script>\r\n var currentTab = 0; \/\/ Current tab is set to be the first tab (0)\r\n showTab(currentTab); \/\/ Display the current tab\r\n\r\n function showTab(n) {\r\n var x = document.getElementsByClassName(\"tab\");\r\n x[n].style.display = \"block\";\r\n\r\n \/\/ Fix Previous\/Next buttons\r\n if (n == 0) {\r\n document.getElementById(\"prevBtn\").style.display = \"none\";\r\n } else {\r\n document.getElementById(\"prevBtn\").style.display = \"inline\";\r\n }\r\n\r\n if (n == (x.length - 1)) {\r\n document.getElementById(\"nextBtn\").innerHTML = \"\u0418\u0437\u043f\u0440\u0430\u0442\u0438\";\r\n } else {\r\n document.getElementById(\"nextBtn\").innerHTML = \"\u041d\u0430\u043f\u0440\u0435\u0434\";\r\n }\r\n\r\n \/\/ Update step indicators\r\n fixStepIndicator(n)\r\n }\r\n\r\n function nextPrev(n) {\r\n var x = document.getElementsByClassName(\"tab\");\r\n\r\n \/\/ Validate fields if moving forward\r\n if (n == 1 && !validateForm()) return false;\r\n\r\n \/\/ Hide current tab\r\n x[currentTab].style.display = \"none\";\r\n\r\n \/\/ Increase or decrease tab count\r\n currentTab = currentTab + n;\r\n\r\n \/\/ if you have reached the end of the form...\r\n if (currentTab >= x.length) {\r\n submitToWebhook();\r\n return false;\r\n }\r\n\r\n \/\/ Otherwise, display the correct tab\r\n showTab(currentTab);\r\n }\r\n\r\n function submitToWebhook() {\r\n const form = document.getElementById(\"regForm\");\r\n const formData = new FormData(form);\r\n const data = Object.fromEntries(formData.entries());\r\n\r\n const nextBtn = document.getElementById(\"nextBtn\");\r\n const originalText = nextBtn.innerHTML;\r\n nextBtn.innerHTML = \"\u0418\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435...\";\r\n nextBtn.disabled = true;\r\n\r\n fetch(\"https:\/\/skyagency-group.app\/webhook\/onboarding-form\", {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application\/json\"\r\n },\r\n body: JSON.stringify(data)\r\n })\r\n .then(response => {\r\n if (response.ok) {\r\n form.innerHTML = \"<div style='text-align:center; padding:50px;animation:fadeIn 0.5s;'><h2>\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u0438\u043c \u0432\u0438!<\/h2><p style='margin-top:15px;color:#555;'>\u0412\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0431\u0435\u0448\u0435 \u0438\u0437\u043f\u0440\u0430\u0442\u0435\u043d\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e.<br>\u0429\u0435 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u043c \u0441 \u0432\u0430\u0441 \u0441\u043a\u043e\u0440\u043e.<\/p><\/div>\";\r\n } else {\r\n alert(\"\u0412\u044a\u0437\u043d\u0438\u043a\u043d\u0430 \u0433\u0440\u0435\u0448\u043a\u0430 \u043f\u0440\u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435\u0442\u043e. \u041c\u043e\u043b\u044f, \u043e\u043f\u0438\u0442\u0430\u0439\u0442\u0435 \u043e\u0442\u043d\u043e\u0432\u043e.\");\r\n nextBtn.innerHTML = originalText;\r\n nextBtn.disabled = false;\r\n }\r\n })\r\n .catch(error => {\r\n console.error(\"Error:\", error);\r\n alert(\"\u0412\u044a\u0437\u043d\u0438\u043a\u043d\u0430 \u0433\u0440\u0435\u0448\u043a\u0430 \u043f\u0440\u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435\u0442\u043e. \u041c\u043e\u043b\u044f, \u043e\u043f\u0438\u0442\u0430\u0439\u0442\u0435 \u043e\u0442\u043d\u043e\u0432\u043e.\");\r\n nextBtn.innerHTML = originalText;\r\n nextBtn.disabled = false;\r\n });\r\n }\r\n\r\n function validateForm() {\r\n var x, y, i, valid = true;\r\n x = document.getElementsByClassName(\"tab\");\r\n y = x[currentTab].getElementsByTagName(\"input\");\r\n z = x[currentTab].getElementsByTagName(\"textarea\");\r\n s = x[currentTab].getElementsByTagName(\"select\");\r\n\r\n \/\/ Check inputs\r\n for (i = 0; i < y.length; i++) {\r\n if (y[i].value == \"\") {\r\n y[i].className += \" invalid\";\r\n valid = false;\r\n }\r\n }\r\n \/\/ Check textareas\r\n for (i = 0; i < z.length; i++) {\r\n if (z[i].value == \"\") {\r\n z[i].className += \" invalid\";\r\n valid = false;\r\n }\r\n }\r\n \/\/ Check selects\r\n for (i = 0; i < s.length; i++) {\r\n if (s[i].value == \"\") {\r\n s[i].className += \" invalid\";\r\n valid = false;\r\n }\r\n }\r\n\r\n if (valid) {\r\n document.getElementsByClassName(\"step\")[currentTab].className += \" finish\";\r\n }\r\n return valid;\r\n }\r\n\r\n function fixStepIndicator(n) {\r\n var i, x = document.getElementsByClassName(\"step\");\r\n for (i = 0; i < x.length; i++) {\r\n x[i].className = x[i].className.replace(\" active\", \"\");\r\n }\r\n x[n].className += \" active\";\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0424\u043e\u0440\u043c\u0430 \u0437\u0430 \u041e\u043d\u0431\u043e\u0440\u0434\u0438\u043d\u0433 – \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u0442\u0430\u0440\u0442\u0438\u0440\u0430\u043d\u0435 \u041d\u0435\u043a\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0430\u0442\u0430 \u0441\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u044f \u0437\u0430 \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435, \u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0430 \u043d\u0430 \u0434\u0430\u043d\u043d\u0438. \u041e\u0441\u043d\u043e\u0432\u043d\u0438 \u0434\u0430\u043d\u043d\u0438 \u0418\u043c\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0423\u0435\u0431\u0441\u0430\u0439\u0442 URL \u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u041a\u043e\u0439 \u0435 \u0432 \u0435\u043a\u0438\u043f\u0430? (\u0418\u043c\u0435\u043d\u0430 \u0438 \u0440\u043e\u043b\u0438) Instagram \u043f\u0440\u043e\u0444\u0438\u043b (Link) \u0421\u0442\u0430\u0442\u0443\u0441 \u043d\u0430 \u0430\u043a\u0430\u0443\u043d\u0442\u0430 \u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043e\u043f\u0446\u0438\u044f…\u041d\u043e\u0432 \u0430\u043a\u0430\u0443\u043d\u0442\u0421\u044a\u0449\u0435\u0441\u0442\u0432\u0443\u0432\u0430\u0449 \u0430\u043a\u0430\u0443\u043d\u0442 \u0424\u043e\u0440\u043c\u0443\u043b\u0430 \u043d\u0430 \u043e\u0444\u0435\u0440\u0442\u0430\u0442\u0430 \u0418\u0437\u043f\u043e\u043b\u0437\u0432\u0430\u043c\u0435 \u0442\u043e\u0432\u0430, \u0437\u0430 \u0434\u0430 \u0438\u0437\u0433\u0440\u0430\u0434\u0438\u043c \u0432\u0430\u0448\u0435\u0442\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u043e\u043d\u0438\u0440\u0430\u043d\u0435. \u0418\u043c\u0435 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"class_list":["post-24841","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/24841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/comments?post=24841"}],"version-history":[{"count":40,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/24841\/revisions"}],"predecessor-version":[{"id":24882,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/24841\/revisions\/24882"}],"wp:attachment":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/media?parent=24841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}