\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a | \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n \n <style>\n body {\n font-family: 'Tajawal', sans-serif;\n background-color: #FAFAF9; \/* Stone 50 *\/\n color: #1C1917; \/* Stone 900 *\/\n }\n\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px; \n margin-left: auto;\n margin-right: auto;\n height: 300px; \n max-height: 400px;\n }\n\n @media (min-width: 768px) {\n .chart-container {\n height: 380px;\n }\n }\n\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #a8a29e; }\n <\/style>\n<\/head>\n<body class=\"min-h-screen\">\n\n \n <header class=\"bg-white shadow-lg p-6 sticky top-0 z-50 border-b border-stone-200\">\n <h1 class=\"text-3xl font-bold text-yellow-700\">Wedding Lens – \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h1>\n <p class=\"text-sm text-stone-500 mt-1\">\u0639\u0631\u0636 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062d\u062f \u0644\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a<\/p>\n <\/header>\n\n \n <main class=\"p-4 md:p-8 space-y-12 bg-stone-50\">\n \n \n <section id=\"overview\" class=\"content-section space-y-6 pt-4\">\n <div class=\"bg-white rounded-xl shadow-xl p-6 border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">1. \u0645\u0644\u062e\u0635 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629<\/h2>\n <p class=\"text-lg text-stone-600 leading-relaxed mb-6\">\n \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0625\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\u060c \n \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 (17-40 \u0639\u0627\u0645\u0627\u064b) \u0644\u062a\u062d\u0642\u064a\u0642 \u0647\u062f\u0641 \u0627\u0644\u0640 20 \u062d\u0641\u0644\u0629 \u0634\u0647\u0631\u064a\u0627\u064b \u0639\u0628\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u0631\u0643\u0632\u0629.\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6\">\n \n <div class=\"bg-yellow-50 p-4 rounded-lg border border-yellow-100\">\n <h3 class=\"font-bold text-yellow-800 mb-2\">\u0647\u062f\u0641 \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0634\u0647\u0631\u064a (KPI)<\/h3>\n <p class=\"text-sm text-stone-700\">\u062a\u062d\u0642\u064a\u0642 20 \u062d\u062c\u0632\u0627\u064b \u0634\u0647\u0631\u064a\u0627\u064b \u0639\u0628\u0631 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\n <\/div>\n \n <div class=\"bg-stone-100 p-4 rounded-lg border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 mb-2\">\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0633\u0648\u0642\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\n <p class=\"text-sm text-stone-700\">\u0627\u0644\u0643\u0648\u064a\u062a – \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 17-40 (\u062e\u062f\u0645\u0627\u062a \u0641\u0627\u062e\u0631\u0629).<\/p>\n <\/div>\n \n <div class=\"bg-red-50 p-4 rounded-lg border border-red-100\">\n <h3 class=\"font-bold text-red-800 mb-2\">\u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642<\/h3>\n <p class=\"text-sm text-stone-700\">\u0628\u0646\u0627\u0621 “\u0627\u0644\u062b\u0642\u0629” \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0633\u0648\u0642 \u062a\u0646\u0627\u0641\u0633\u064a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"drivers\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">2. \u0645\u062d\u062f\u062f\u0627\u062a \u0633\u0648\u0642 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u064a\u062a\u062d\u0643\u0645 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u0634\u0627\u0628\u0643\u0629 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u0627\u0644\u064a\u062f \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0627\u0644\u0631\u0627\u0633\u062e\u0629 \n \u0648\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u0641\u0647\u0645 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0647\u0648 \u0645\u0641\u062a\u0627\u062d \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0644\u0633\u0648\u0642.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"p-6 rounded-xl shadow-sm border-t-4 border-yellow-500 bg-stone-50\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"bg-yellow-100 p-2 rounded-full text-xl\">\ud83d\udcb0<\/div>\n <h3 class=\"text-lg font-bold text-stone-800\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0644\u0648\u0643 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-stone-600 text-sm\">\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0643\u0623\u0648\u0644\u0648\u064a\u0629:<\/strong> \u0627\u0644\u0645\u064a\u0644 \u0627\u0644\u0639\u0627\u0644\u064a \u0644\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a \u0643\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u0630\u0627\u0643\u0631\u0629 \u0648\u0627\u0644\u0645\u0643\u0627\u0646\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629.\n <\/li>\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0645\u0648\u0633\u0645\u064a\u0629 \u0627\u0644\u062f\u0641\u0639:<\/strong> \u062a\u0632\u0627\u064a\u062f \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0641\u064a \u0645\u0648\u0627\u0633\u0645 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0648\u0642\u0628\u0644 \u0627\u0644\u0623\u0639\u064a\u0627\u062f.\n <\/li>\n <li>\n <strong>\u0627\u0644\u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631:<\/strong> \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0633\u062a\u0639\u062f \u0644\u0644\u062f\u0641\u0639 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0644\u0643\u0646\u0647 \u064a\u0628\u062d\u062b \u0639\u0646 “\u062a\u0645\u064a\u0632” \u064a\u0628\u0631\u0631 \u0627\u0644\u0633\u0639\u0631.\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl shadow-sm border-t-4 border-stone-600 bg-stone-50\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"bg-stone-100 p-2 rounded-full text-xl\">\ud83d\udd4c<\/div>\n <h3 class=\"text-lg font-bold text-stone-800\">\u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-stone-600 text-sm\">\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 (\u0639\u0646\u0635\u0631 \u062d\u0627\u0633\u0645):<\/strong> \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0635\u0627\u0631\u0645\u0629 \u0628\u0634\u0623\u0646 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 “\u0627\u0644\u062b\u0642\u0629” \u0623\u0647\u0645 \u0645\u0646 \u0627\u0644\u0633\u0639\u0631.\n <\/li>\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0627\u0644\u062a\u0632\u0643\u064a\u0629 (Word of Mouth):<\/strong> \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0643\u0644\u064a \u0639\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0623\u0642\u0627\u0631\u0628 \u0648\u0627\u0644\u0623\u0635\u062f\u0642\u0627\u0621 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0635\u0648\u0631.\n <\/li>\n <li>\n <strong>\u0627\u0644\u0645\u0638\u0627\u0647\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629:<\/strong> \u0627\u0644\u0631\u063a\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0628\u0627\u0647\u064a \u0628\u062a\u063a\u0637\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0644\u064a\u0642 \u0628\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0636\u064a\u0648\u0641 \u0648\u0627\u0644\u062a\u0631\u062a\u064a\u0628\u0627\u062a.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"audience\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">3. \u062a\u062d\u0644\u064a\u0644 \u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0647\u0645<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (17-40 \u0639\u0627\u0645\u0627\u064b) \u064a\u062a\u0637\u0644\u0628 \u0641\u0647\u0645\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b \u0644\u0645\u0646 \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 \u0648\u0645\u0646 \u064a\u062a\u062e\u0630 \u0642\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0621.\n <\/p>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n <div class=\"lg:col-span-1 space-y-4\">\n <div class=\"bg-stone-50 p-5 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-stone-800 mb-2\">\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 (24-35 \u0639\u0627\u0645\u0627\u064b)<\/h3>\n <p class=\"text-sm text-stone-600\">\n \u062a\u0645\u062b\u0644 \u0627\u0644\u0639\u0631\u0627\u0626\u0633 \u0641\u064a \u0633\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0632\u0648\u0627\u062c. \u062a\u062a\u0645\u064a\u0632 \u0628\u0642\u0648\u0629 \u0634\u0631\u0627\u0626\u064a\u0629 \u0630\u0627\u062a\u064a\u0629 \u0623\u0648 \u0645\u062f\u0639\u0648\u0645\u0629\u060c \u0648\u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0628\u0631\u0633\u062a\u064a\u062c.\n <\/p>\n <\/div>\n <div class=\"bg-stone-50 p-5 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-stone-800 mb-2\">\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 (17-23 \u0639\u0627\u0645\u0627\u064b)<\/h3>\n <p class=\"text-sm text-stone-600\">\n \u063a\u0627\u0644\u0628\u0627\u064b \u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c \u0623\u0648 \u0627\u0644\u062e\u0637\u0648\u0628\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629. \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0647\u0646\u0627 “\u0639\u0627\u0637\u0641\u064a” \u0648\u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u063a\u0627\u0644\u0628\u0627\u064b \u0628\u064a\u062f \u0627\u0644\u0623\u0647\u0644\u060c \u0644\u0643\u0646\u0647\u0646 \u0627\u0644\u0645\u0624\u062b\u0631 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0639\u0628\u0631 \u062a\u064a\u0643 \u062a\u0648\u0643.\n <\/p>\n <\/div>\n <div class=\"bg-yellow-50 p-5 rounded-xl border border-yellow-200 cursor-pointer hover:bg-yellow-100 transition-colors\" onclick=\"updateAudienceChart('spending')\">\n <h3 class=\"font-bold text-yellow-800 mb-1\">\u0632\u0631 \u0627\u0644\u062a\u062d\u0648\u064a\u0644: \u0639\u0631\u0636 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-xs text-stone-700\">\u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u0639\u0631\u0636 \u062a\u0648\u0632\u064a\u0639 “\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629” \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u062f\u062f\u064a.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-2 bg-stone-50 p-6 rounded-xl shadow-md\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-4 text-center\" id=\"audience-chart-title\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0646\u0633\u0628\u064a)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"audienceChart\"><\/canvas>\n <\/div>\n <div class=\"flex justify-center gap-4 mt-4\">\n <button onclick=\"updateAudienceChart('count')\" class=\"px-3 py-1 text-sm rounded-full bg-stone-200 hover:bg-stone-300 text-stone-700\">\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0646\u0633\u0628\u064a<\/button>\n <button onclick=\"updateAudienceChart('spending')\" class=\"px-3 py-1 text-sm rounded-full bg-yellow-200 hover:bg-yellow-300 text-yellow-800\">\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"competition\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">4. \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0645\u0648\u0636\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u064a\u0646 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u064a\u0643\u0634\u0641 \u0639\u0646 \u0641\u062c\u0648\u0627\u062a \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u063a\u0644\u0627\u0644\u0647\u0627 \u0644\u062a\u0639\u0632\u064a\u0632 \u062d\u0635\u062a\u0646\u0627 \u0627\u0644\u0633\u0648\u0642\u064a\u0629.\n <\/p>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n <div class=\"lg:col-span-1 space-y-4\">\n <div class=\"bg-stone-800 text-white p-6 rounded-xl shadow-md\">\n <h4 class=\"font-bold text-yellow-400 text-lg mb-2\">\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0646\u0627<\/h4>\n <ul class=\"space-y-3 text-sm\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-green-400\">\u2713<\/span> \n <span><strong>\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645:<\/strong> \u062a\u062c\u0627\u0648\u0632 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0639.<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-green-400\">\u2713<\/span> \n <span><strong>\u0623\u0644\u0628\u0648\u0645\u0627\u062a \u062d\u0635\u0631\u064a\u0629:<\/strong> \u062a\u0642\u062f\u064a\u0645 \u062a\u0635\u0627\u0645\u064a\u0645 \u0644\u0627 \u062a\u062a\u0648\u0641\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a.<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-green-400\">\u2713<\/span> \n <span><strong>\u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629:<\/strong> \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 “\u0627\u0644\u0642\u0635\u0629” \u0648\u0644\u064a\u0633 \u0641\u0642\u0637 \u0627\u0644\u062a\u0648\u062b\u064a\u0642.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-2 bg-stone-50 p-6 rounded-xl shadow-md\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-4 text-center\">\u0627\u0644\u0631\u0627\u062f\u0627\u0631 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a: \u0645\u0642\u0627\u0631\u0646\u0629 \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u0636\u0639\u0641<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"competitorRadar\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-stone-400 mt-2\">\u0627\u0644\u0642\u064a\u0645 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-stone-50 rounded-xl shadow-sm overflow-hidden mt-6 border border-stone-200\">\n <h3 class=\"text-xl font-bold text-stone-800 p-4 border-b border-stone-200 bg-stone-100\">\u062a\u062d\u0644\u064a\u0644 \u0641\u062c\u0648\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/h3>\n <table class=\"w-full text-right\">\n <thead class=\"bg-stone-100 text-stone-700 hidden md:table-header-group\">\n <tr>\n <th class=\"p-4\">\u0627\u0644\u0639\u0627\u0645\u0644<\/th>\n <th class=\"p-4\">\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)<\/th>\n <th class=\"p-4\">\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-stone-200 text-stone-600\">\n <tr>\n <td data-label=\"\u0627\u0644\u0639\u0627\u0645\u0644\" class=\"p-4 font-bold block md:table-cell border-t md:border-t-0\">\u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629<\/td>\n <td data-label=\"\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)\" class=\"p-4 block md:table-cell\">\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0642\u062f \u0628\u062f\u0642\u0629\u060c \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0635\u0648\u0631.<\/td>\n <td data-label=\"\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)\" class=\"p-4 block md:table-cell text-green-700 font-medium\">\u0639\u0642\u0648\u062f \u0648\u0627\u0636\u062d\u0629 + \u0636\u0645\u0627\u0646\u0627\u062a \u0633\u0631\u064a\u0629 \u0645\u0634\u062f\u062f\u0629.<\/td>\n <\/tr>\n <tr>\n <td data-label=\"\u0627\u0644\u0639\u0627\u0645\u0644\" class=\"p-4 font-bold block md:table-cell\">\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/td>\n <td data-label=\"\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)\" class=\"p-4 block md:table-cell\">\u062a\u0635\u0648\u064a\u0631 \u0645\u0639 \u0628\u0631\u0627\u0646\u062f \u0645\u0639\u0631\u0648\u0641\u060c \u0644\u0642\u0637\u0627\u062a \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629.<\/td>\n <td data-label=\"\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)\" class=\"p-4 block md:table-cell text-green-700 font-medium\">\u0639\u0631\u0636 “\u0627\u0644\u0628\u0631\u0648\u0645\u0648” \u0648\u0644\u0642\u0637\u0627\u062a \u0627\u0644\u062f\u0631\u0648\u0646 \u0643\u062e\u062f\u0645\u0629 \u0642\u064a\u0627\u0633\u064a\u0629.<\/td>\n <\/tr>\n <tr>\n <td data-label=\"\u0627\u0644\u0639\u0627\u0645\u0644\" class=\"p-4 font-bold block md:table-cell\">\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644<\/td>\n <td data-label=\"\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)\" class=\"p-4 block md:table-cell\">\u0645\u0639\u0627\u0645\u0644\u0629 \u0631\u0627\u0642\u064a\u0629\u060c \u0631\u0627\u062d\u0629 \u0627\u0644\u0628\u0627\u0644.<\/td>\n <td data-label=\"\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)\" class=\"p-4 block md:table-cell text-green-700 font-medium\">\u0645\u062f\u064a\u0631 \u062d\u0633\u0627\u0628 \u0645\u062e\u0635\u0635 \u0644\u0644\u0639\u0631\u0648\u0633.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n \n <section id=\"marketing\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">5. \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0642\u0646\u0648\u0627\u062a<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0641\u0639\u0627\u0644 \u0644\u0645\u0646\u0635\u0627\u062a (\u062a\u064a\u0643 \u062a\u0648\u0643\u060c \u0625\u0646\u0633\u062a\u062c\u0631\u0627\u0645\u060c \u0633\u0646\u0627\u0628 \u0634\u0627\u062a) \u0647\u0648 \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u062d\u062c\u0648\u0632\u0627\u062a.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"space-y-4\">\n <h3 class=\"text-xl font-bold text-stone-800 border-b pb-2\">\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0641\u0627\u0639\u0644\u0627\u064b (Content Pillars)<\/h3>\n \n <div class=\"social-card p-4 rounded-lg bg-stone-50 border border-stone-200 shadow-sm transition-all hover:border-pink-300\" id=\"content-tiktok\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-stone-800\">\u0643\u0648\u0627\u0644\u064a\u0633 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0639\u0645\u0644<\/h4>\n <p class=\"text-sm text-stone-600 mt-1\">\u064a\u0638\u0647\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a.<\/p>\n <\/div>\n <span class=\"bg-black text-white text-xs px-2 py-1 rounded\">TikTok + Reels<\/span>\n <\/div>\n <\/div>\n\n <div class=\"social-card p-4 rounded-lg bg-stone-50 border border-stone-200 shadow-sm transition-all hover:border-purple-300\" id=\"content-reviews\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-stone-800\">\u0627\u0644\u062a\u0632\u0643\u064a\u0629 \u0648\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0635\u0648\u0631\u0629<\/h4>\n <p class=\"text-sm text-stone-600 mt-1\">\u0639\u0646\u0635\u0631 “\u0627\u0644\u062b\u0642\u0629” \u0627\u0644\u0623\u0647\u0645. \u0645\u0634\u0627\u0631\u0643\u0629 \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0634\u0643\u0631 (\u0645\u0639 \u0637\u0645\u0633 \u0627\u0644\u0623\u0633\u0645\u0627\u0621).<\/p>\n <\/div>\n <span class=\"bg-yellow-500 text-white text-xs px-2 py-1 rounded\">Stories + Snap<\/span>\n <\/div>\n <\/div>\n\n <div class=\"social-card p-4 rounded-lg bg-stone-50 border border-stone-200 shadow-sm transition-all hover:border-blue-300\" id=\"content-portfolio\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-stone-800\">\u0639\u0631\u0636 \u0623\u0644\u0628\u0648\u0645\u0627\u062a \u0627\u0644\u0640 High-End<\/h4>\n <p class=\"text-sm text-stone-600 mt-1\">\u0645\u0642\u062a\u0637\u0641\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0628\u0647\u0631\u0629 \u0644\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0639\u0631\u0633 (\u0627\u0644\u0632\u0641\u0629\u060c \u0627\u0644\u0643\u0648\u0634\u0629).<\/p>\n <\/div>\n <span class=\"bg-pink-600 text-white text-xs px-2 py-1 rounded\">Instagram Feed<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-stone-50 p-6 rounded-xl shadow-md flex flex-col items-center\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-4\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0646\u0633\u0628\u064a\u0629 \u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"socialChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-stone-500 mt-4\">\u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0646\u0633\u0628\u064a\u0629 \u0644\u0643\u0644 \u0645\u0646\u0635\u0629 \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"kpi\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">6. \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0646\u062c\u0627\u062d<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u0644\u0642\u064a\u0627\u0633 \u0646\u062c\u0627\u062d \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a (20 \u062d\u0641\u0644\u0629)\u060c \u0633\u0646\u0631\u0627\u0642\u0628 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0628\u062f\u0642\u0629.\n <\/p>\n\n \n <div class=\"bg-gradient-to-l from-yellow-700 to-yellow-600 text-white p-8 rounded-2xl shadow-lg flex flex-col md:flex-row justify-between items-center\">\n <div class=\"mb-4 md:mb-0 text-center md:text-right\">\n <h3 class=\"text-2xl font-bold text-white\">\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a \u0644\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u0624\u0643\u062f\u0629<\/h3>\n <p class=\"text-yellow-200 mt-1\">\u0639\u062f\u062f \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u062a\u062d\u0642\u064a\u0642\u0647\u0627 \u0634\u0647\u0631\u064a\u0627\u064b<\/p>\n <\/div>\n <div class=\"text-4xl md:text-5xl font-bold\">\n 20 <span class=\"text-base md:text-xl font-normal text-yellow-100\">\u062d\u0641\u0644\u0629\/\u0634\u0647\u0631<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mt-6\">\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u0645\u0639\u062f\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\" id=\"kpi-conversion\">15%<\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-green-500 h-2 rounded-full\" style=\"width: 15%\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u0632\u0645\u0646 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\">3-4 <span class=\"text-xs font-normal\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span><\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-yellow-500 h-2 rounded-full\" style=\"width: 80%\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u062a\u0642\u064a\u064a\u0645 \u0631\u0636\u0627 \u0627\u0644\u0639\u0631\u0627\u0626\u0633<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\">4.8\/5<\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-purple-500 h-2 rounded-full\" style=\"width: 96%\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0627\u062a<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\">\u0639\u0627\u0644\u064a<\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-blue-400 h-2 rounded-full\" style=\"width: 70%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-yellow-50 p-6 rounded-xl border border-yellow-200 mt-6\">\n <h3 class=\"font-bold text-stone-800 mb-4\">\ud83d\udcdd \u062d\u0627\u0633\u0628\u0629 \u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/h3>\n <div class=\"flex flex-col md:flex-row gap-4 items-end\">\n <div class=\"flex-1 w-full\">\n <label class=\"block text-xs text-stone-600 mb-1\">\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 (Leads)<\/label>\n <input type=\"number\" id=\"leadsInput\" value=\"150\" class=\"w-full p-2 rounded border border-stone-300 text-left\" oninput=\"calculateProjection()\">\n <\/div>\n <div class=\"flex-1 w-full\">\n <label class=\"block text-xs text-stone-600 mb-1\">\u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 (%)<\/label>\n <input type=\"number\" id=\"conversionInput\" value=\"15\" class=\"w-full p-2 rounded border border-stone-300 text-left\" oninput=\"calculateProjection()\">\n <\/div>\n <div class=\"bg-white p-3 rounded border border-stone-300 flex-1 w-full text-center\">\n <div class=\"text-xs text-stone-500\">\u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/div>\n <div class=\"text-xl font-bold text-yellow-600\" id=\"resultProjection\">22<\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-stone-500 mt-2 text-left\" id=\"goal-feedback\">\ud83c\udf89 \u0647\u0630\u0627 \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u064a\u062d\u0642\u0642 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a (20 \u062d\u0641\u0644\u0629)!<\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <script>\n \/\/ --- State Management ---\n const state = {\n audienceView: 'count' \/\/ 'count' or 'spending'\n };\n\n \/\/ --- Chart Configurations ---\n \n \/\/ 1. Audience Chart (Bar)\n let audienceChartInstance = null;\n \n const audienceData = {\n labels: ['17-23 (\u0627\u0644\u0646\u0627\u0634\u0626\u0629)', '24-30 (\u0627\u0644\u0630\u0647\u0628\u064a\u0629 1)', '31-40 (\u0627\u0644\u0630\u0647\u0628\u064a\u0629 2)'],\n datasets: [{\n label: '\u062d\u062c\u0645 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0633\u0628\u064a',\n data: [30, 50, 20],\n backgroundColor: ['#E7E5E4', '#D4AF37', '#A8A29E'],\n borderWidth: 0,\n borderRadius: 4\n }]\n };\n\n const spendingData = [20, 90, 80]; \n\n function initAudienceChart() {\n const ctx = document.getElementById('audienceChart').getContext('2d');\n audienceChartInstance = new Chart(ctx, {\n type: 'bar',\n data: audienceData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return state.audienceView === 'count' ? `\u0627\u0644\u0646\u0633\u0628\u0629: ${context.raw}%` : `\u0645\u0624\u0634\u0631 \u0627\u0644\u0625\u0646\u0641\u0627\u0642: ${context.raw}\/100`;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n grid: { color: '#f5f5f4' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n }\n\n function updateAudienceChart(viewType) {\n state.audienceView = viewType;\n const title = document.getElementById('audience-chart-title');\n \n if (viewType === 'spending') {\n audienceChartInstance.data.datasets[0].data = spendingData;\n audienceChartInstance.data.datasets[0].label = '\u0645\u0624\u0634\u0631 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629';\n audienceChartInstance.data.datasets[0].backgroundColor = ['#fca5a5', '#D4AF37', '#D4AF37']; \n title.innerText = \"\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 (\u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629)\";\n } else {\n audienceChartInstance.data.datasets[0].data = [30, 50, 20];\n audienceChartInstance.data.datasets[0].label = '\u062d\u062c\u0645 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0633\u0628\u064a';\n audienceChartInstance.data.datasets[0].backgroundColor = ['#E7E5E4', '#D4AF37', '#A8A29E'];\n title.innerText = \"\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0646\u0633\u0628\u064a)\";\n }\n audienceChartInstance.update();\n }\n\n \/\/ 2. Competitor Radar Chart\n function initRadarChart() {\n const ctx = document.getElementById('competitorRadar').getContext('2d');\n new Chart(ctx, {\n type: 'radar',\n data: {\n labels: ['\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631', '\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645', '\u0627\u0644\u0633\u0639\u0631', '\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0648\u0646\/\u0627\u0644\u0633\u064a\u0646\u0645\u0627', '\u0627\u0644\u062b\u0642\u0629\/\u0627\u0644\u0639\u0642\u0648\u062f', '\u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a'],\n datasets: [{\n label: '\u0639\u0645\u064a\u0644\u0646\u0627 (\u0646\u062d\u0646)',\n data: [90, 95, 80, 85, 85, 70], \n fill: true,\n backgroundColor: 'rgba(212, 175, 55, 0.2)',\n borderColor: '#D4AF37',\n pointBackgroundColor: '#D4AF37',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#D4AF37'\n }, {\n label: '\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646',\n data: [85, 60, 70, 75, 80, 90], \n fill: true,\n backgroundColor: 'rgba(168, 162, 158, 0.2)',\n borderColor: '#A8A29E',\n pointBackgroundColor: '#A8A29E',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#A8A29E',\n borderDash: [5, 5]\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n elements: {\n line: { borderWidth: 3 }\n },\n scales: {\n r: {\n angleLines: { color: '#e5e7eb' },\n grid: { color: '#f5f5f4' },\n pointLabels: {\n font: { size: 12, family: 'Tajawal' },\n color: '#44403c'\n },\n suggestedMin: 0,\n suggestedMax: 100\n }\n }\n }\n });\n }\n\n \/\/ 3. Social Media Doughnut\n function initSocialChart() {\n const ctx = document.getElementById('socialChart').getContext('2d');\n new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['TikTok (\u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631)', 'Instagram (\u0627\u0644\u0645\u0639\u0631\u0636)', 'Snapchat (\u0627\u0644\u064a\u0648\u0645\u064a\u0627\u062a)'],\n datasets: [{\n data: [40, 35, 25],\n backgroundColor: [\n '#000000', \n '#be185d', \n '#fbbf24' \n ],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `\u0627\u0644\u0623\u0647\u0645\u064a\u0629: ${context.raw}%`;\n }\n }\n },\n }\n }\n });\n }\n\n \/\/ --- KPI Calculator Logic ---\n function calculateProjection() {\n const leads = parseFloat(document.getElementById('leadsInput').value) || 0;\n const conversion = parseFloat(document.getElementById('conversionInput').value) || 0;\n \n const bookings = Math.floor(leads * (conversion \/ 100));\n const feedbackEl = document.getElementById('goal-feedback');\n const resultEl = document.getElementById('resultProjection');\n\n resultEl.innerText = bookings;\n\n if (bookings >= 20) {\n feedbackEl.innerHTML = \"\ud83c\udf89 <span class='text-green-600 font-bold'>\u0645\u0645\u062a\u0627\u0632!<\/span> \u0647\u0630\u0627 \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u064a\u062d\u0642\u0642 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a.\";\n resultEl.className = \"text-xl font-bold text-green-600\";\n } else {\n feedbackEl.innerHTML = \"\u26a0\ufe0f <span class='text-red-600 font-bold'>\u062a\u0646\u0628\u064a\u0647:<\/span> \u0646\u062d\u062a\u0627\u062c \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644.\";\n resultEl.className = \"text-xl font-bold text-red-600\";\n }\n }\n\n \/\/ --- Initialization ---\n window.onload = function() {\n initAudienceChart();\n initRadarChart();\n initSocialChart();\n calculateProjection(); \n };\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a | \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 Wedding Lens – \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0639\u0631\u0636 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062d\u062f \u0644\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a 1. \u0645\u0644\u062e\u0635 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0625\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 (17-40 \u0639\u0627\u0645\u0627\u064b) \u0644\u062a\u062d\u0642\u064a\u0642 \u0647\u062f\u0641 \u0627\u0644\u0640 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-727","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=727"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/727\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>\n\n\n\n\n\n \n \n \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a | \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/title>\n \n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n \n <style>\n body {\n font-family: 'Tajawal', sans-serif;\n background-color: #FAFAF9; \/* Stone 50 *\/\n color: #1C1917; \/* Stone 900 *\/\n }\n\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px; \n margin-left: auto;\n margin-right: auto;\n height: 300px; \n max-height: 400px;\n }\n\n @media (min-width: 768px) {\n .chart-container {\n height: 380px;\n }\n }\n\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #d6d3d1; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #a8a29e; }\n <\/style>\n<\/head>\n<body class=\"min-h-screen\">\n\n \n <header class=\"bg-white shadow-lg p-6 sticky top-0 z-50 border-b border-stone-200\">\n <h1 class=\"text-3xl font-bold text-yellow-700\">Wedding Lens – \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/h1>\n <p class=\"text-sm text-stone-500 mt-1\">\u0639\u0631\u0636 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062d\u062f \u0644\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a<\/p>\n <\/header>\n\n \n <main class=\"p-4 md:p-8 space-y-12 bg-stone-50\">\n \n \n <section id=\"overview\" class=\"content-section space-y-6 pt-4\">\n <div class=\"bg-white rounded-xl shadow-xl p-6 border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">1. \u0645\u0644\u062e\u0635 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629<\/h2>\n <p class=\"text-lg text-stone-600 leading-relaxed mb-6\">\n \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0625\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\u060c \n \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 (17-40 \u0639\u0627\u0645\u0627\u064b) \u0644\u062a\u062d\u0642\u064a\u0642 \u0647\u062f\u0641 \u0627\u0644\u0640 20 \u062d\u0641\u0644\u0629 \u0634\u0647\u0631\u064a\u0627\u064b \u0639\u0628\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u0631\u0643\u0632\u0629.\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 mt-6\">\n \n <div class=\"bg-yellow-50 p-4 rounded-lg border border-yellow-100\">\n <h3 class=\"font-bold text-yellow-800 mb-2\">\u0647\u062f\u0641 \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0634\u0647\u0631\u064a (KPI)<\/h3>\n <p class=\"text-sm text-stone-700\">\u062a\u062d\u0642\u064a\u0642 20 \u062d\u062c\u0632\u0627\u064b \u0634\u0647\u0631\u064a\u0627\u064b \u0639\u0628\u0631 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629.<\/p>\n <\/div>\n \n <div class=\"bg-stone-100 p-4 rounded-lg border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 mb-2\">\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0633\u0648\u0642\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h3>\n <p class=\"text-sm text-stone-700\">\u0627\u0644\u0643\u0648\u064a\u062a – \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 17-40 (\u062e\u062f\u0645\u0627\u062a \u0641\u0627\u062e\u0631\u0629).<\/p>\n <\/div>\n \n <div class=\"bg-red-50 p-4 rounded-lg border border-red-100\">\n <h3 class=\"font-bold text-red-800 mb-2\">\u0627\u0644\u062a\u062d\u062f\u064a \u0627\u0644\u0623\u0643\u0628\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642<\/h3>\n <p class=\"text-sm text-stone-700\">\u0628\u0646\u0627\u0621 “\u0627\u0644\u062b\u0642\u0629” \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 \u0641\u064a \u0633\u0648\u0642 \u062a\u0646\u0627\u0641\u0633\u064a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"drivers\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">2. \u0645\u062d\u062f\u062f\u0627\u062a \u0633\u0648\u0642 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u064a\u062a\u062d\u0643\u0645 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u0648\u0627\u0644\u062e\u0644\u064a\u062c\u064a \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u062a\u0634\u0627\u0628\u0643\u0629 \u0628\u064a\u0646 \u0627\u0644\u062a\u0642\u0627\u0644\u064a\u062f \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0627\u0644\u0631\u0627\u0633\u062e\u0629 \n \u0648\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629. \u0641\u0647\u0645 \u0647\u0630\u0647 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0647\u0648 \u0645\u0641\u062a\u0627\u062d \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u0644\u0633\u0648\u0642.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <div class=\"p-6 rounded-xl shadow-sm border-t-4 border-yellow-500 bg-stone-50\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"bg-yellow-100 p-2 rounded-full text-xl\">\ud83d\udcb0<\/div>\n <h3 class=\"text-lg font-bold text-stone-800\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0644\u0648\u0643 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a \u0644\u0644\u0639\u0645\u0644\u0627\u0621<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-stone-600 text-sm\">\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629 \u0643\u0623\u0648\u0644\u0648\u064a\u0629:<\/strong> \u0627\u0644\u0645\u064a\u0644 \u0627\u0644\u0639\u0627\u0644\u064a \u0644\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0627\u062a \u0643\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u0630\u0627\u0643\u0631\u0629 \u0648\u0627\u0644\u0645\u0643\u0627\u0646\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629.\n <\/li>\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0645\u0648\u0633\u0645\u064a\u0629 \u0627\u0644\u062f\u0641\u0639:<\/strong> \u062a\u0632\u0627\u064a\u062f \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0628\u0634\u0643\u0644 \u0645\u0644\u062d\u0648\u0638 \u0641\u064a \u0645\u0648\u0627\u0633\u0645 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0648\u0642\u0628\u0644 \u0627\u0644\u0623\u0639\u064a\u0627\u062f.\n <\/li>\n <li>\n <strong>\u0627\u0644\u0642\u064a\u0645\u0629 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0633\u0639\u0631:<\/strong> \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0633\u062a\u0639\u062f \u0644\u0644\u062f\u0641\u0639 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0644\u0643\u0646\u0647 \u064a\u0628\u062d\u062b \u0639\u0646 “\u062a\u0645\u064a\u0632” \u064a\u0628\u0631\u0631 \u0627\u0644\u0633\u0639\u0631.\n <\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"p-6 rounded-xl shadow-sm border-t-4 border-stone-600 bg-stone-50\">\n <div class=\"flex items-center gap-3 mb-4\">\n <div class=\"bg-stone-100 p-2 rounded-full text-xl\">\ud83d\udd4c<\/div>\n <h3 class=\"text-lg font-bold text-stone-800\">\u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629<\/h3>\n <\/div>\n <ul class=\"space-y-3 text-stone-600 text-sm\">\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629 (\u0639\u0646\u0635\u0631 \u062d\u0627\u0633\u0645):<\/strong> \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0635\u0627\u0631\u0645\u0629 \u0628\u0634\u0623\u0646 \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0645\u0645\u0627 \u064a\u062c\u0639\u0644 “\u0627\u0644\u062b\u0642\u0629” \u0623\u0647\u0645 \u0645\u0646 \u0627\u0644\u0633\u0639\u0631.\n <\/li>\n <li class=\"pb-2 border-b border-stone-200\">\n <strong>\u0627\u0644\u062a\u0632\u0643\u064a\u0629 (Word of Mouth):<\/strong> \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0643\u0644\u064a \u0639\u0644\u0649 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0623\u0642\u0627\u0631\u0628 \u0648\u0627\u0644\u0623\u0635\u062f\u0642\u0627\u0621 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0635\u0648\u0631.\n <\/li>\n <li>\n <strong>\u0627\u0644\u0645\u0638\u0627\u0647\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629:<\/strong> \u0627\u0644\u0631\u063a\u0628\u0629 \u0641\u064a \u0627\u0644\u062a\u0628\u0627\u0647\u064a \u0628\u062a\u063a\u0637\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0644\u064a\u0642 \u0628\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0636\u064a\u0648\u0641 \u0648\u0627\u0644\u062a\u0631\u062a\u064a\u0628\u0627\u062a.\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"audience\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">3. \u062a\u062d\u0644\u064a\u0644 \u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0647\u062a\u0645\u0627\u0645\u0627\u062a\u0647\u0645<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (17-40 \u0639\u0627\u0645\u0627\u064b) \u064a\u062a\u0637\u0644\u0628 \u0641\u0647\u0645\u0627\u064b \u062f\u0642\u064a\u0642\u0627\u064b \u0644\u0645\u0646 \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 \u0648\u0645\u0646 \u064a\u062a\u062e\u0630 \u0642\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0621.\n <\/p>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n <div class=\"lg:col-span-1 space-y-4\">\n <div class=\"bg-stone-50 p-5 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-stone-800 mb-2\">\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 (24-35 \u0639\u0627\u0645\u0627\u064b)<\/h3>\n <p class=\"text-sm text-stone-600\">\n \u062a\u0645\u062b\u0644 \u0627\u0644\u0639\u0631\u0627\u0626\u0633 \u0641\u064a \u0633\u0646 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0632\u0648\u0627\u062c. \u062a\u062a\u0645\u064a\u0632 \u0628\u0642\u0648\u0629 \u0634\u0631\u0627\u0626\u064a\u0629 \u0630\u0627\u062a\u064a\u0629 \u0623\u0648 \u0645\u062f\u0639\u0648\u0645\u0629\u060c \u0648\u062a\u0628\u062d\u062b \u0639\u0646 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0628\u0631\u0633\u062a\u064a\u062c.\n <\/p>\n <\/div>\n <div class=\"bg-stone-50 p-5 rounded-xl shadow-sm\">\n <h3 class=\"font-bold text-stone-800 mb-2\">\u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0627\u0634\u0626\u0629 (17-23 \u0639\u0627\u0645\u0627\u064b)<\/h3>\n <p class=\"text-sm text-stone-600\">\n \u063a\u0627\u0644\u0628\u0627\u064b \u062d\u0641\u0644\u0627\u062a \u0627\u0644\u062a\u062e\u0631\u062c \u0623\u0648 \u0627\u0644\u062e\u0637\u0648\u0628\u0629 \u0627\u0644\u0645\u0628\u0643\u0631\u0629. \u0627\u0644\u062a\u0623\u062b\u064a\u0631 \u0647\u0646\u0627 “\u0639\u0627\u0637\u0641\u064a” \u0648\u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u063a\u0627\u0644\u0628\u0627\u064b \u0628\u064a\u062f \u0627\u0644\u0623\u0647\u0644\u060c \u0644\u0643\u0646\u0647\u0646 \u0627\u0644\u0645\u0624\u062b\u0631 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631 \u0639\u0628\u0631 \u062a\u064a\u0643 \u062a\u0648\u0643.\n <\/p>\n <\/div>\n <div class=\"bg-yellow-50 p-5 rounded-xl border border-yellow-200 cursor-pointer hover:bg-yellow-100 transition-colors\" onclick=\"updateAudienceChart('spending')\">\n <h3 class=\"font-bold text-yellow-800 mb-1\">\u0632\u0631 \u0627\u0644\u062a\u062d\u0648\u064a\u0644: \u0639\u0631\u0636 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629<\/h3>\n <p class=\"text-xs text-stone-700\">\u0627\u0636\u063a\u0637 \u0647\u0646\u0627 \u0644\u0639\u0631\u0636 \u062a\u0648\u0632\u064a\u0639 “\u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629” \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u062f\u062f\u064a.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:col-span-2 bg-stone-50 p-6 rounded-xl shadow-md\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-4 text-center\" id=\"audience-chart-title\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0646\u0633\u0628\u064a)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"audienceChart\"><\/canvas>\n <\/div>\n <div class=\"flex justify-center gap-4 mt-4\">\n <button onclick=\"updateAudienceChart('count')\" class=\"px-3 py-1 text-sm rounded-full bg-stone-200 hover:bg-stone-300 text-stone-700\">\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0646\u0633\u0628\u064a<\/button>\n <button onclick=\"updateAudienceChart('spending')\" class=\"px-3 py-1 text-sm rounded-full bg-yellow-200 hover:bg-yellow-300 text-yellow-800\">\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0625\u0646\u0641\u0627\u0642<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"competition\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">4. \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062a\u0645\u0648\u0636\u0639 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u064a\u0646 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0643\u0648\u064a\u062a\u064a \u064a\u0643\u0634\u0641 \u0639\u0646 \u0641\u062c\u0648\u0627\u062a \u064a\u0645\u0643\u0646 \u0627\u0633\u062a\u063a\u0644\u0627\u0644\u0647\u0627 \u0644\u062a\u0639\u0632\u064a\u0632 \u062d\u0635\u062a\u0646\u0627 \u0627\u0644\u0633\u0648\u0642\u064a\u0629.\n <\/p>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n \n <div class=\"lg:col-span-1 space-y-4\">\n <div class=\"bg-stone-800 text-white p-6 rounded-xl shadow-md\">\n <h4 class=\"font-bold text-yellow-400 text-lg mb-2\">\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u0645\u064a\u0632 \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0646\u0627<\/h4>\n <ul class=\"space-y-3 text-sm\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-green-400\">\u2713<\/span> \n <span><strong>\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645:<\/strong> \u062a\u062c\u0627\u0648\u0632 \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0633\u0631\u064a\u0639.<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-green-400\">\u2713<\/span> \n <span><strong>\u0623\u0644\u0628\u0648\u0645\u0627\u062a \u062d\u0635\u0631\u064a\u0629:<\/strong> \u062a\u0642\u062f\u064a\u0645 \u062a\u0635\u0627\u0645\u064a\u0645 \u0644\u0627 \u062a\u062a\u0648\u0641\u0631 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a.<\/span>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-green-400\">\u2713<\/span> \n <span><strong>\u0627\u0644\u062c\u0648\u062f\u0629 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629:<\/strong> \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 “\u0627\u0644\u0642\u0635\u0629” \u0648\u0644\u064a\u0633 \u0641\u0642\u0637 \u0627\u0644\u062a\u0648\u062b\u064a\u0642.<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div class=\"lg:col-span-2 bg-stone-50 p-6 rounded-xl shadow-md\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-4 text-center\">\u0627\u0644\u0631\u0627\u062f\u0627\u0631 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a: \u0645\u0642\u0627\u0631\u0646\u0629 \u0646\u0642\u0627\u0637 \u0627\u0644\u0642\u0648\u0629 \u0648\u0627\u0644\u0636\u0639\u0641<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"competitorRadar\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-stone-400 mt-2\">\u0627\u0644\u0642\u064a\u0645 \u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-stone-50 rounded-xl shadow-sm overflow-hidden mt-6 border border-stone-200\">\n <h3 class=\"text-xl font-bold text-stone-800 p-4 border-b border-stone-200 bg-stone-100\">\u062a\u062d\u0644\u064a\u0644 \u0641\u062c\u0648\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629<\/h3>\n <table class=\"w-full text-right\">\n <thead class=\"bg-stone-100 text-stone-700 hidden md:table-header-group\">\n <tr>\n <th class=\"p-4\">\u0627\u0644\u0639\u0627\u0645\u0644<\/th>\n <th class=\"p-4\">\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)<\/th>\n <th class=\"p-4\">\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)<\/th>\n <\/tr>\n <\/thead>\n <tbody class=\"divide-y divide-stone-200 text-stone-600\">\n <tr>\n <td data-label=\"\u0627\u0644\u0639\u0627\u0645\u0644\" class=\"p-4 font-bold block md:table-cell border-t md:border-t-0\">\u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629<\/td>\n <td data-label=\"\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)\" class=\"p-4 block md:table-cell\">\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0642\u062f \u0628\u062f\u0642\u0629\u060c \u062e\u0635\u0648\u0635\u064a\u0629 \u0627\u0644\u0635\u0648\u0631.<\/td>\n <td data-label=\"\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)\" class=\"p-4 block md:table-cell text-green-700 font-medium\">\u0639\u0642\u0648\u062f \u0648\u0627\u0636\u062d\u0629 + \u0636\u0645\u0627\u0646\u0627\u062a \u0633\u0631\u064a\u0629 \u0645\u0634\u062f\u062f\u0629.<\/td>\n <\/tr>\n <tr>\n <td data-label=\"\u0627\u0644\u0639\u0627\u0645\u0644\" class=\"p-4 font-bold block md:table-cell\">\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/td>\n <td data-label=\"\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)\" class=\"p-4 block md:table-cell\">\u062a\u0635\u0648\u064a\u0631 \u0645\u0639 \u0628\u0631\u0627\u0646\u062f \u0645\u0639\u0631\u0648\u0641\u060c \u0644\u0642\u0637\u0627\u062a \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629.<\/td>\n <td data-label=\"\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)\" class=\"p-4 block md:table-cell text-green-700 font-medium\">\u0639\u0631\u0636 “\u0627\u0644\u0628\u0631\u0648\u0645\u0648” \u0648\u0644\u0642\u0637\u0627\u062a \u0627\u0644\u062f\u0631\u0648\u0646 \u0643\u062e\u062f\u0645\u0629 \u0642\u064a\u0627\u0633\u064a\u0629.<\/td>\n <\/tr>\n <tr>\n <td data-label=\"\u0627\u0644\u0639\u0627\u0645\u0644\" class=\"p-4 font-bold block md:table-cell\">\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0639\u0645\u064a\u0644<\/td>\n <td data-label=\"\u0645\u0627 \u064a\u0628\u062d\u062b \u0639\u0646\u0647 \u0627\u0644\u0639\u0645\u064a\u0644 (\u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c)\" class=\"p-4 block md:table-cell\">\u0645\u0639\u0627\u0645\u0644\u0629 \u0631\u0627\u0642\u064a\u0629\u060c \u0631\u0627\u062d\u0629 \u0627\u0644\u0628\u0627\u0644.<\/td>\n <td data-label=\"\u0643\u064a\u0641 \u0646\u062a\u0641\u0648\u0642\u061f (\u0627\u0644\u062d\u0644)\" class=\"p-4 block md:table-cell text-green-700 font-medium\">\u0645\u062f\u064a\u0631 \u062d\u0633\u0627\u0628 \u0645\u062e\u0635\u0635 \u0644\u0644\u0639\u0631\u0648\u0633.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n \n <section id=\"marketing\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">5. \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0648\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0642\u0646\u0648\u0627\u062a<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0641\u0639\u0627\u0644 \u0644\u0645\u0646\u0635\u0627\u062a (\u062a\u064a\u0643 \u062a\u0648\u0643\u060c \u0625\u0646\u0633\u062a\u062c\u0631\u0627\u0645\u060c \u0633\u0646\u0627\u0628 \u0634\u0627\u062a) \u0647\u0648 \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u062d\u062c\u0648\u0632\u0627\u062a.\n <\/p>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n \n <div class=\"space-y-4\">\n <h3 class=\"text-xl font-bold text-stone-800 border-b pb-2\">\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0641\u0627\u0639\u0644\u0627\u064b (Content Pillars)<\/h3>\n \n <div class=\"social-card p-4 rounded-lg bg-stone-50 border border-stone-200 shadow-sm transition-all hover:border-pink-300\" id=\"content-tiktok\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-stone-800\">\u0643\u0648\u0627\u0644\u064a\u0633 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0639\u0645\u0644<\/h4>\n <p class=\"text-sm text-stone-600 mt-1\">\u064a\u0638\u0647\u0631 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0625\u0636\u0627\u0621\u0629 \u0648\u0627\u0644\u0645\u0639\u062f\u0627\u062a.<\/p>\n <\/div>\n <span class=\"bg-black text-white text-xs px-2 py-1 rounded\">TikTok + Reels<\/span>\n <\/div>\n <\/div>\n\n <div class=\"social-card p-4 rounded-lg bg-stone-50 border border-stone-200 shadow-sm transition-all hover:border-purple-300\" id=\"content-reviews\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-stone-800\">\u0627\u0644\u062a\u0632\u0643\u064a\u0629 \u0648\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0635\u0648\u0631\u0629<\/h4>\n <p class=\"text-sm text-stone-600 mt-1\">\u0639\u0646\u0635\u0631 “\u0627\u0644\u062b\u0642\u0629” \u0627\u0644\u0623\u0647\u0645. \u0645\u0634\u0627\u0631\u0643\u0629 \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0634\u0643\u0631 (\u0645\u0639 \u0637\u0645\u0633 \u0627\u0644\u0623\u0633\u0645\u0627\u0621).<\/p>\n <\/div>\n <span class=\"bg-yellow-500 text-white text-xs px-2 py-1 rounded\">Stories + Snap<\/span>\n <\/div>\n <\/div>\n\n <div class=\"social-card p-4 rounded-lg bg-stone-50 border border-stone-200 shadow-sm transition-all hover:border-blue-300\" id=\"content-portfolio\">\n <div class=\"flex justify-between items-start\">\n <div>\n <h4 class=\"font-bold text-stone-800\">\u0639\u0631\u0636 \u0623\u0644\u0628\u0648\u0645\u0627\u062a \u0627\u0644\u0640 High-End<\/h4>\n <p class=\"text-sm text-stone-600 mt-1\">\u0645\u0642\u062a\u0637\u0641\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0628\u0647\u0631\u0629 \u0644\u0644\u062d\u0638\u0627\u062a \u0627\u0644\u0639\u0631\u0633 (\u0627\u0644\u0632\u0641\u0629\u060c \u0627\u0644\u0643\u0648\u0634\u0629).<\/p>\n <\/div>\n <span class=\"bg-pink-600 text-white text-xs px-2 py-1 rounded\">Instagram Feed<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-stone-50 p-6 rounded-xl shadow-md flex flex-col items-center\">\n <h3 class=\"text-lg font-bold text-stone-800 mb-4\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0646\u0633\u0628\u064a\u0629 \u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"socialChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-center text-stone-500 mt-4\">\u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0627\u0644\u0646\u0633\u0628\u064a\u0629 \u0644\u0643\u0644 \u0645\u0646\u0635\u0629 \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"kpi\" class=\"content-section space-y-6 bg-white p-6 md:p-8 rounded-xl shadow-xl border border-stone-100\">\n <h2 class=\"text-3xl font-extrabold text-stone-800 mb-4 border-r-4 border-yellow-600 pr-3\">6. \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0646\u062c\u0627\u062d<\/h2>\n <p class=\"text-stone-600 mt-2\">\n \u0644\u0642\u064a\u0627\u0633 \u0646\u062c\u0627\u062d \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a (20 \u062d\u0641\u0644\u0629)\u060c \u0633\u0646\u0631\u0627\u0642\u0628 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0628\u062f\u0642\u0629.\n <\/p>\n\n \n <div class=\"bg-gradient-to-l from-yellow-700 to-yellow-600 text-white p-8 rounded-2xl shadow-lg flex flex-col md:flex-row justify-between items-center\">\n <div class=\"mb-4 md:mb-0 text-center md:text-right\">\n <h3 class=\"text-2xl font-bold text-white\">\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a \u0644\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u0624\u0643\u062f\u0629<\/h3>\n <p class=\"text-yellow-200 mt-1\">\u0639\u062f\u062f \u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u062a\u062d\u0642\u064a\u0642\u0647\u0627 \u0634\u0647\u0631\u064a\u0627\u064b<\/p>\n <\/div>\n <div class=\"text-4xl md:text-5xl font-bold\">\n 20 <span class=\"text-base md:text-xl font-normal text-yellow-100\">\u062d\u0641\u0644\u0629\/\u0634\u0647\u0631<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mt-6\">\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u0645\u0639\u062f\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\" id=\"kpi-conversion\">15%<\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-green-500 h-2 rounded-full\" style=\"width: 15%\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u0632\u0645\u0646 \u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0635\u0648\u0631 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\">3-4 <span class=\"text-xs font-normal\">\u0623\u0633\u0627\u0628\u064a\u0639<\/span><\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-yellow-500 h-2 rounded-full\" style=\"width: 80%\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u062a\u0642\u064a\u064a\u0645 \u0631\u0636\u0627 \u0627\u0644\u0639\u0631\u0627\u0626\u0633<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\">4.8\/5<\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-purple-500 h-2 rounded-full\" style=\"width: 96%\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-stone-50 p-4 rounded-xl shadow-sm border border-stone-200\">\n <div class=\"text-stone-400 text-sm mb-1\">\u0645\u0624\u0634\u0631 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0639\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0627\u062a<\/div>\n <div class=\"text-xl md:text-2xl font-bold text-stone-800\">\u0639\u0627\u0644\u064a<\/div>\n <div class=\"w-full bg-stone-200 h-2 rounded-full mt-2\">\n <div class=\"bg-blue-400 h-2 rounded-full\" style=\"width: 70%\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-yellow-50 p-6 rounded-xl border border-yellow-200 mt-6\">\n <h3 class=\"font-bold text-stone-800 mb-4\">\ud83d\udcdd \u062d\u0627\u0633\u0628\u0629 \u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629<\/h3>\n <div class=\"flex flex-col md:flex-row gap-4 items-end\">\n <div class=\"flex-1 w-full\">\n <label class=\"block text-xs text-stone-600 mb-1\">\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 (Leads)<\/label>\n <input type=\"number\" id=\"leadsInput\" value=\"150\" class=\"w-full p-2 rounded border border-stone-300 text-left\" oninput=\"calculateProjection()\">\n <\/div>\n <div class=\"flex-1 w-full\">\n <label class=\"block text-xs text-stone-600 mb-1\">\u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 (%)<\/label>\n <input type=\"number\" id=\"conversionInput\" value=\"15\" class=\"w-full p-2 rounded border border-stone-300 text-left\" oninput=\"calculateProjection()\">\n <\/div>\n <div class=\"bg-white p-3 rounded border border-stone-300 flex-1 w-full text-center\">\n <div class=\"text-xs text-stone-500\">\u0627\u0644\u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/div>\n <div class=\"text-xl font-bold text-yellow-600\" id=\"resultProjection\">22<\/div>\n <\/div>\n <\/div>\n <p class=\"text-xs text-stone-500 mt-2 text-left\" id=\"goal-feedback\">\ud83c\udf89 \u0647\u0630\u0627 \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u064a\u062d\u0642\u0642 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a (20 \u062d\u0641\u0644\u0629)!<\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <script>\n \/\/ --- State Management ---\n const state = {\n audienceView: 'count' \/\/ 'count' or 'spending'\n };\n\n \/\/ --- Chart Configurations ---\n \n \/\/ 1. Audience Chart (Bar)\n let audienceChartInstance = null;\n \n const audienceData = {\n labels: ['17-23 (\u0627\u0644\u0646\u0627\u0634\u0626\u0629)', '24-30 (\u0627\u0644\u0630\u0647\u0628\u064a\u0629 1)', '31-40 (\u0627\u0644\u0630\u0647\u0628\u064a\u0629 2)'],\n datasets: [{\n label: '\u062d\u062c\u0645 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0633\u0628\u064a',\n data: [30, 50, 20],\n backgroundColor: ['#E7E5E4', '#D4AF37', '#A8A29E'],\n borderWidth: 0,\n borderRadius: 4\n }]\n };\n\n const spendingData = [20, 90, 80]; \n\n function initAudienceChart() {\n const ctx = document.getElementById('audienceChart').getContext('2d');\n audienceChartInstance = new Chart(ctx, {\n type: 'bar',\n data: audienceData,\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { display: false },\n tooltip: {\n callbacks: {\n label: function(context) {\n return state.audienceView === 'count' ? `\u0627\u0644\u0646\u0633\u0628\u0629: ${context.raw}%` : `\u0645\u0624\u0634\u0631 \u0627\u0644\u0625\u0646\u0641\u0627\u0642: ${context.raw}\/100`;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n grid: { color: '#f5f5f4' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n }\n\n function updateAudienceChart(viewType) {\n state.audienceView = viewType;\n const title = document.getElementById('audience-chart-title');\n \n if (viewType === 'spending') {\n audienceChartInstance.data.datasets[0].data = spendingData;\n audienceChartInstance.data.datasets[0].label = '\u0645\u0624\u0634\u0631 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629';\n audienceChartInstance.data.datasets[0].backgroundColor = ['#fca5a5', '#D4AF37', '#D4AF37']; \n title.innerText = \"\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 (\u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0639\u0644\u0649 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0641\u0627\u062e\u0631\u0629)\";\n } else {\n audienceChartInstance.data.datasets[0].data = [30, 50, 20];\n audienceChartInstance.data.datasets[0].label = '\u062d\u062c\u0645 \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0646\u0633\u0628\u064a';\n audienceChartInstance.data.datasets[0].backgroundColor = ['#E7E5E4', '#D4AF37', '#A8A29E'];\n title.innerText = \"\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0634\u0631\u0627\u0626\u062d \u0627\u0644\u0639\u0645\u0631\u064a\u0629 (\u0627\u0644\u0639\u062f\u062f \u0627\u0644\u0646\u0633\u0628\u064a)\";\n }\n audienceChartInstance.update();\n }\n\n \/\/ 2. Competitor Radar Chart\n function initRadarChart() {\n const ctx = document.getElementById('competitorRadar').getContext('2d');\n new Chart(ctx, {\n type: 'radar',\n data: {\n labels: ['\u062c\u0648\u062f\u0629 \u0627\u0644\u062a\u0635\u0648\u064a\u0631', '\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0633\u0644\u064a\u0645', '\u0627\u0644\u0633\u0639\u0631', '\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062f\u0631\u0648\u0646\/\u0627\u0644\u0633\u064a\u0646\u0645\u0627', '\u0627\u0644\u062b\u0642\u0629\/\u0627\u0644\u0639\u0642\u0648\u062f', '\u0627\u0644\u062d\u0636\u0648\u0631 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a'],\n datasets: [{\n label: '\u0639\u0645\u064a\u0644\u0646\u0627 (\u0646\u062d\u0646)',\n data: [90, 95, 80, 85, 85, 70], \n fill: true,\n backgroundColor: 'rgba(212, 175, 55, 0.2)',\n borderColor: '#D4AF37',\n pointBackgroundColor: '#D4AF37',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#D4AF37'\n }, {\n label: '\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646',\n data: [85, 60, 70, 75, 80, 90], \n fill: true,\n backgroundColor: 'rgba(168, 162, 158, 0.2)',\n borderColor: '#A8A29E',\n pointBackgroundColor: '#A8A29E',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: '#A8A29E',\n borderDash: [5, 5]\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n elements: {\n line: { borderWidth: 3 }\n },\n scales: {\n r: {\n angleLines: { color: '#e5e7eb' },\n grid: { color: '#f5f5f4' },\n pointLabels: {\n font: { size: 12, family: 'Tajawal' },\n color: '#44403c'\n },\n suggestedMin: 0,\n suggestedMax: 100\n }\n }\n }\n });\n }\n\n \/\/ 3. Social Media Doughnut\n function initSocialChart() {\n const ctx = document.getElementById('socialChart').getContext('2d');\n new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['TikTok (\u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631)', 'Instagram (\u0627\u0644\u0645\u0639\u0631\u0636)', 'Snapchat (\u0627\u0644\u064a\u0648\u0645\u064a\u0627\u062a)'],\n datasets: [{\n data: [40, 35, 25],\n backgroundColor: [\n '#000000', \n '#be185d', \n '#fbbf24' \n ],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: {\n callbacks: {\n label: function(context) {\n return `\u0627\u0644\u0623\u0647\u0645\u064a\u0629: ${context.raw}%`;\n }\n }\n },\n }\n }\n });\n }\n\n \/\/ --- KPI Calculator Logic ---\n function calculateProjection() {\n const leads = parseFloat(document.getElementById('leadsInput').value) || 0;\n const conversion = parseFloat(document.getElementById('conversionInput').value) || 0;\n \n const bookings = Math.floor(leads * (conversion \/ 100));\n const feedbackEl = document.getElementById('goal-feedback');\n const resultEl = document.getElementById('resultProjection');\n\n resultEl.innerText = bookings;\n\n if (bookings >= 20) {\n feedbackEl.innerHTML = \"\ud83c\udf89 <span class='text-green-600 font-bold'>\u0645\u0645\u062a\u0627\u0632!<\/span> \u0647\u0630\u0627 \u0627\u0644\u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u064a\u062d\u0642\u0642 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0634\u0647\u0631\u064a.\";\n resultEl.className = \"text-xl font-bold text-green-600\";\n } else {\n feedbackEl.innerHTML = \"\u26a0\ufe0f <span class='text-red-600 font-bold'>\u062a\u0646\u0628\u064a\u0647:<\/span> \u0646\u062d\u062a\u0627\u062c \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0623\u0648 \u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644.\";\n resultEl.className = \"text-xl font-bold text-red-600\";\n }\n }\n\n \/\/ --- Initialization ---\n window.onload = function() {\n initAudienceChart();\n initRadarChart();\n initSocialChart();\n calculateProjection(); \n };\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a | \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0634\u0627\u0645\u0644\u0629 Wedding Lens – \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0639\u0631\u0636 \u0634\u0627\u0645\u0644 \u0648\u0645\u0648\u062d\u062f \u0644\u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a 1. \u0645\u0644\u062e\u0635 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u064a\u0647\u062f\u0641 \u0647\u0630\u0627 \u0627\u0644\u062a\u0642\u0631\u064a\u0631 \u0625\u0644\u0649 \u062a\u062d\u0644\u064a\u0644 \u0633\u0648\u0642 \u062a\u0635\u0648\u064a\u0631 \u0627\u0644\u062d\u0641\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0639\u0631\u0627\u0633 \u0641\u064a \u0627\u0644\u0643\u0648\u064a\u062a\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 (17-40 \u0639\u0627\u0645\u0627\u064b) \u0644\u062a\u062d\u0642\u064a\u0642 \u0647\u062f\u0641 \u0627\u0644\u0640 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-727","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=727"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/727\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}