{"id":456,"date":"2025-10-28T15:33:43","date_gmt":"2025-10-28T15:33:43","guid":{"rendered":"https:\/\/marketing-coaching.uk\/?page_id=456"},"modified":"2026-04-07T05:20:22","modified_gmt":"2026-04-07T05:20:22","slug":"usp-uvp","status":"publish","type":"page","link":"https:\/\/marketing-coaching.uk\/en\/usp-uvp\/","title":{"rendered":"evaluate your project marketing"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n

\u0645\u0646\u0635\u0629 \u0631\u0627\u0626\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 | Entrepreneur Command Center<\/title><\/p>\n<p> \/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/<br \/>\n :root {<br \/>\n –bg-main: #f8fafc;<br \/>\n –bg-card: #ffffff;<br \/>\n –color-gold: #f59e0b;<br \/>\n –color-gold-dark: #b45309;<br \/>\n –color-black: #1f2937;<br \/>\n –color-grey: #64748b;<br \/>\n –border-color: #e2e8f0;<br \/>\n }<\/p>\n<p> body {<br \/>\n font-family: ‘Cairo’, sans-serif;<br \/>\n background-color: var(–bg-main);<br \/>\n color: var(–color-black);<br \/>\n overflow-x: hidden;<br \/>\n }<\/p>\n<p> \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062e\u0637\u0648\u0637 *\/<br \/>\n * { letter-spacing: 0 !important; } \/* \u0645\u0646\u0639 \u062a\u0628\u0627\u0639\u062f \u0627\u0644\u0623\u062d\u0631\u0641 *\/<\/p>\n<p> h1 { font-size: 40px !important; line-height: 1.6; font-weight: 900; color: var(–color-black); }<br \/>\n h2 { font-size: 30px !important; line-height: 1.5; font-weight: 800; color: var(–color-black); }<br \/>\n h3 { font-size: 25px !important; line-height: 1.5; font-weight: 700; color: var(–color-black); }<\/p>\n<p> .text-gold { color: var(–color-gold); }<br \/>\n .bg-gold { background-color: var(–color-gold); }<\/p>\n<p> \/* Input Styling *\/<br \/>\n .input-light {<br \/>\n background-color: #ffffff;<br \/>\n border: 1px solid #cbd5e1;<br \/>\n color: #1f2937;<br \/>\n transition: all 0.3s;<br \/>\n font-family: ‘Cairo’, sans-serif;<br \/>\n font-weight: 600;<br \/>\n }<br \/>\n .input-light:focus {<br \/>\n border-color: var(–color-gold);<br \/>\n outline: none;<br \/>\n box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);<br \/>\n }<\/p>\n<p> \/* Custom Scrollbar *\/<br \/>\n ::-webkit-scrollbar { width: 8px; }<br \/>\n ::-webkit-scrollbar-track { background: #f1f5f9; }<br \/>\n ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }<br \/>\n ::-webkit-scrollbar-thumb:hover { background: var(–color-gold); }<\/p>\n<p> \/* Animation *\/<br \/>\n .animate-float { animation: float 6s ease-in-out infinite; }<br \/>\n @keyframes float {<br \/>\n 0% { transform: translateY(0px); }<br \/>\n 50% { transform: translateY(-10px); }<br \/>\n 100% { transform: translateY(0px); }<br \/>\n }<\/p>\n<p> .shadow-soft {<br \/>\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);<br \/>\n }<\/p>\n<p> \/* \u0625\u0635\u0644\u0627\u062d \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0646\u0635 \u0627\u0644\u0645\u062a\u0642\u0637\u0639 *\/<br \/>\n .output-text {<br \/>\n line-height: 2.2 !important; \/* \u0645\u0633\u0627\u0641\u0629 \u0643\u0628\u064a\u0631\u0629 \u0628\u064a\u0646 \u0627\u0644\u0623\u0633\u0637\u0631 \u0644\u0645\u0646\u0639 \u0627\u0644\u062a\u062f\u0627\u062e\u0644 *\/<br \/>\n font-size: 1.8rem;<br \/>\n font-weight: 600;<br \/>\n color: #374151;<br \/>\n }<\/p>\n<p> \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0644\u064a\u0643\u0648\u0646 \u0648\u0627\u0636\u062d\u0627\u064b \u0648\u063a\u064a\u0631 \u0645\u062a\u062f\u0627\u062e\u0644 *\/<br \/>\n .highlight-word {<br \/>\n color: var(–color-gold-dark); \/* \u0644\u0648\u0646 \u0630\u0647\u0628\u064a \u063a\u0627\u0645\u0642 \u0644\u0644\u0646\u0635 *\/<br \/>\n font-weight: 900; \/* \u062e\u0637 \u0639\u0631\u064a\u0636 \u062c\u062f\u0627\u064b *\/<br \/>\n text-decoration: underline;<br \/>\n text-decoration-color: rgba(245, 158, 11, 0.4);<br \/>\n text-decoration-thickness: 3px;<br \/>\n padding: 0 4px;<br \/>\n display: inline-block; \/* \u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0627\u0644\u0643\u0644\u0645\u0629 \u0643\u0643\u062a\u0644\u0629 \u0648\u0627\u062d\u062f\u0629 *\/<br \/>\n }<\/p>\n<p> \/* \u062a\u062d\u0633\u064a\u0646 \u0645\u0638\u0647\u0631 \u062c\u062f\u0648\u0644 RACI *\/<br \/>\n .raci-cell {<br \/>\n cursor: pointer;<br \/>\n transition: all 0.2s;<br \/>\n user-select: none;<br \/>\n font-weight: 800;<br \/>\n font-size: 0.9rem;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n height: 36px;<br \/>\n border-radius: 8px;<br \/>\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);<br \/>\n }<br \/>\n .raci-cell:hover { transform: translateY(-2px); }<\/p>\n<p> <!-- Hero Section --><\/p>\n<header id=\"hero\" class=\"relative pt-20 pb-32 overflow-hidden flex items-center justify-center min-h-[60vh] text-center bg-white border-b border-gray-200\">\n<div class=\"absolute top-0 right-0 w-96 h-96 bg-orange-100 opacity-40 rounded-full blur-[80px]\"><\/div>\n<div class=\"absolute bottom-0 left-0 w-96 h-96 bg-blue-50 opacity-40 rounded-full blur-[80px]\"><\/div>\n<div class=\"relative z-10 max-w-4xl px-4 animate-float\">\n <span class=\"text-gold font-bold text-sm mb-6 block bg-orange-50 w-fit mx-auto px-4 py-1 rounded-full border border-orange-100\">\u0645\u0646 \u0627\u0644\u0641\u0643\u0631\u0629 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span><\/p>\n<h1 class=\"mb-8 leading-tight\">\n \u0635\u0645\u0651\u0645 <span class=\"text-gold\">\u0642\u064a\u0645\u062a\u0643.<\/span><br \/>\n \u0633\u064a\u0637\u0631 \u0639\u0644\u0649 <span class=\"text-gray-400\">\u0633\u0648\u0642\u0643.<\/span><br \/>\n <\/h1>\n<p class=\"text-gray-500 text-lg mb-10 max-w-2xl mx-auto leading-relaxed font-semibold\">\n \u0627\u0644\u0623\u062f\u0627\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0644\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637. \u0627\u062f\u0645\u062c \u0628\u064a\u0646 \u062f\u0642\u0629 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0639\u0645\u0644\u064a.\n <\/p>\n<div class=\"flex justify-center gap-4\">\n <button class=\"bg-gold text-white px-8 py-3 rounded-xl font-bold hover:bg-orange-600 transition shadow-lg shadow-gold\/30 transform hover:-translate-y-1\"><br \/>\n \u0627\u0628\u062f\u0623 \u0627\u0644\u062a\u062e\u0637\u064a\u0637<br \/>\n <\/button><br \/>\n <a href=\"https:\/\/marketing-coaching.uk\" target=\"_blank\" class=\"bg-white border border-gray-300 text-gray-700 px-8 py-3 rounded-xl font-bold hover:border-gold hover:text-gold transition shadow-sm\"><br \/>\n \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0645\u0648\u0642\u0639<br \/>\n <\/a>\n <\/div>\n<\/p><\/div>\n<\/header>\n<p> <!-- Main Content --><br \/>\n <main class=\"flex-grow pt-16 pb-20 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\"><\/p>\n<p> <!-- Strategy Engine Section --><\/p>\n<section id=\"strategy-engine\" class=\"mb-24\">\n<div class=\"flex items-center gap-3 mb-8\">\n<div class=\"w-1.5 h-8 bg-gold rounded-full\"><\/div>\n<h2 class=\"text-3xl font-bold\">\u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h2>\n<\/p><\/div>\n<div class=\"bg-white rounded-2xl border border-gray-200 overflow-hidden shadow-soft\">\n <!-- Tabs --><\/p>\n<div class=\"p-6 border-b border-gray-100 flex flex-col sm:flex-row justify-between items-center gap-4 bg-gray-50\/50\">\n<p class=\"text-gray-500 text-sm font-bold\">\u0623\u062f\u0627\u0629 \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629<\/p>\n<div class=\"bg-white p-1 rounded-lg border border-gray-200 flex shadow-sm\">\n <button id=\"tab-usp\" class=\"px-6 py-2 rounded-md text-sm font-bold transition text-gray-500 hover:text-gray-900\"><br \/>\n \u0627\u0644\u062a\u0645\u064a\u0632 (USP)<br \/>\n <\/button><br \/>\n <button id=\"tab-uvp\" class=\"px-6 py-2 rounded-md text-sm font-bold transition bg-orange-50 text-gold shadow-sm border border-orange-100\"><br \/>\n \u0627\u0644\u0642\u064a\u0645\u0629 (UVP)<br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-12 min-h-[500px]\">\n <!-- Inputs --><\/p>\n<div class=\"lg:col-span-5 bg-white p-8 border-l border-gray-100\">\n<div id=\"inputs-uvp\" class=\"space-y-6\">\n<h3 class=\"text-gold mb-6 text-lg border-b border-orange-100 pb-2 inline-block font-bold\">\u0628\u064a\u0627\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 \u0644\u0644\u0639\u0645\u064a\u0644<\/h3>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0646\u0642\u0637\u0629 \u0627\u0644\u0623\u0644\u0645 (\u0627\u0644\u0645\u0634\u0643\u0644\u0629)<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0642\u062a\u0631\u062d<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/label><\/p><\/div>\n<\/p><\/div>\n<div id=\"inputs-usp\" class=\"space-y-6 hidden\">\n<h3 class=\"text-gray-900 mb-6 text-lg border-b border-gray-100 pb-2 inline-block font-bold\">\u0628\u064a\u0627\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a<\/h3>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0627\u0644\u0641\u0626\u0629 \u0627\u0644\u0633\u0648\u0642\u064a\u0629<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0627\u0644\u0645\u0646\u0627\u0641\u0633 \u0627\u0644\u0645\u0628\u0627\u0634\u0631<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0646\u0642\u0637\u0629 \u0636\u0639\u0641\u0647\u0645<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 mb-2 block\">\u0645\u064a\u0632\u062a\u0643 \u0627\u0644\u062d\u0635\u0631\u064a\u0629<\/label><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <!-- Output --><\/p>\n<div class=\"lg:col-span-7 bg-gray-50 p-10 flex flex-col justify-center relative\">\n<div class=\"bg-white border border-gray-200 rounded-2xl p-10 shadow-lg relative overflow-hidden group hover:shadow-xl transition-all duration-300\">\n<div class=\"absolute top-0 right-0 w-24 h-24 bg-gold opacity-5 rounded-full blur-2xl -mr-10 -mt-10\"><\/div>\n<div class=\"relative z-10\">\n<div class=\"text-gold font-bold text-xs mb-8 uppercase flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-gold animate-pulse\"><\/span><br \/>\n <span id=\"output-label\">\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 (UVP)<\/span>\n <\/div>\n<p> <!-- Updated Output Text with new CSS class --><\/p>\n<div id=\"output-text-uvp\" class=\"output-text\">\n “\u0645\u0646 \u0623\u062c\u0644 <span class=\"highlight-word\" id=\"out-uvp-audience\">\u0627\u0644\u062c\u0645\u0647\u0648\u0631<\/span> \u0627\u0644\u0630\u064a\u0646 \u064a\u0639\u0627\u0646\u0648\u0646 \u0645\u0646 <span class=\"highlight-word\" id=\"out-uvp-pain\">\u0627\u0644\u0645\u0634\u0643\u0644\u0629<\/span>\u060c \u0645\u0646\u062a\u062c\u0646\u0627 \u0647\u0648 <span class=\"highlight-word\" id=\"out-uvp-solution\">\u0627\u0644\u062d\u0644<\/span> \u0627\u0644\u0630\u064a <span class=\"highlight-word\" id=\"out-uvp-benefit\">\u064a\u062d\u0642\u0642 \u0627\u0644\u0641\u0627\u0626\u062f\u0629<\/span>.”\n <\/div>\n<div id=\"output-text-usp\" class=\"output-text hidden\">\n “\u0646\u062d\u0646 <span class=\"highlight-word\" id=\"out-usp-category\">\u0627\u0644\u0641\u0626\u0629<\/span> \u0627\u0644\u0648\u062d\u064a\u062f\u0629 \u0627\u0644\u062a\u064a <span class=\"highlight-word\" id=\"out-usp-unique\">\u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0645\u064a\u0632\u0629<\/span>. \u0628\u062e\u0644\u0627\u0641 <span class=\"text-gray-400 line-through decoration-red-400 decoration-2\" id=\"out-usp-competitor\">\u0627\u0644\u0645\u0646\u0627\u0641\u0633<\/span> \u0627\u0644\u0630\u064a \u064a\u0633\u0628\u0628 <span class=\"text-gray-500 font-bold\" id=\"out-usp-weakness\">\u0627\u0644\u0636\u0639\u0641<\/span>.”\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Project Methodology Section --><\/p>\n<section id=\"project-methodology\" class=\"mb-24\">\n<div class=\"flex items-center gap-3 mb-8\">\n<div class=\"w-1.5 h-8 bg-gold rounded-full\"><\/div>\n<h2 class=\"text-3xl font-bold\">\u0645\u0646\u0647\u062c\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/h2>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <!-- RACI Matrix --><\/p>\n<div class=\"bg-white p-8 rounded-2xl border border-gray-200 shadow-soft flex flex-col\">\n<div class=\"flex justify-between items-center mb-4\">\n<h3 class=\"text-xl font-bold text-gray-800 flex items-center gap-2\">\n <span class=\"text-gold\">#<\/span> \u062c\u062f\u0648\u0644 \u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a<br \/>\n <\/h3>\n<div class=\"text-xs bg-orange-50 text-gold px-3 py-1 rounded-full border border-orange-100 font-bold\">\u062a\u0641\u0627\u0639\u0644\u064a<\/div>\n<\/p><\/div>\n<p> <!-- User Friendly Legend --><\/p>\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-2 mb-6 text-xs font-bold text-white text-center\">\n<div class=\"bg-gray-800 p-2 rounded shadow-sm\">R = \u0627\u0644\u0645\u0646\u0641\u0630<\/div>\n<div class=\"bg-yellow-500 p-2 rounded shadow-sm\">A = \u0627\u0644\u0645\u062f\u064a\u0631<\/div>\n<div class=\"bg-blue-500 p-2 rounded shadow-sm\">C = \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631<\/div>\n<div class=\"bg-gray-400 p-2 rounded shadow-sm\">I = \u0644\u0644\u0639\u0644\u0645<\/div>\n<\/p><\/div>\n<div class=\"overflow-x-auto flex-grow\">\n<table class=\"w-full text-sm text-center\">\n<thead class=\"bg-gray-50 text-gray-500 border-b border-gray-200\">\n<tr>\n<th class=\"p-3 text-right rounded-tr-lg w-1\/3\">\u0627\u0644\u0645\u0647\u0645\u0629<\/th>\n<th class=\"p-3 w-1\/4\">\u0623\u0646\u062a (\u0627\u0644\u0645\u0627\u0644\u0643)<\/th>\n<th class=\"p-3 w-1\/4\">\u0627\u0644\u0645\u0648\u0638\u0641\/\u0627\u0644\u0641\u0631\u064a\u0642<\/th>\n<th class=\"p-3 w-1\/6 rounded-tl-lg\">\u062e\u0627\u0631\u062c\u064a<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"divide-y divide-gray-100 text-gray-600\" id=\"raciBody\"><\/tbody>\n<\/table><\/div>\n<div class=\"mt-4 flex gap-2\">\n<p> <button class=\"bg-black text-white px-4 py-2 rounded text-sm hover:bg-gold transition font-bold shadow-lg\">\u0625\u0636\u0627\u0641\u0629<\/button>\n <\/div>\n<\/p><\/div>\n<p> <!-- Validation Tracker --><\/p>\n<div class=\"bg-white p-8 rounded-2xl border border-gray-200 shadow-soft flex flex-col\">\n<div class=\"flex justify-between items-center mb-6\">\n<h3 class=\"text-xl font-bold text-gray-800 flex items-center gap-2\">\n <span class=\"text-gold\">#<\/span> \u0645\u062a\u062a\u0628\u0639 \u0627\u0644\u0625\u0646\u062c\u0627\u0632<br \/>\n <\/h3>\n<div class=\"text-xl font-black text-gold\" id=\"progressText\">0%<\/div>\n<\/p><\/div>\n<div class=\"w-full bg-gray-100 rounded-full h-2.5 mb-8 overflow-hidden\">\n<div class=\"bg-gold h-2.5 rounded-full transition-all duration-500\" style=\"width: 0%\" id=\"progressBar\"><\/div>\n<\/p><\/div>\n<div class=\"space-y-4\">\n <label class=\"flex items-center gap-4 p-4 bg-white rounded-xl border border-gray-200 hover:border-gold cursor-pointer group\"><\/p>\n<div>\n<h4 class=\"font-bold text-gray-900 group-hover:text-gold\">\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h4>\n<p class=\"text-xs text-gray-500 font-medium\">\u0627\u062c\u0644\u0633 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0641\u0647\u0645 \u0645\u0634\u0643\u0644\u062a\u0647.<\/p>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-center gap-4 p-4 bg-white rounded-xl border border-gray-200 hover:border-gold cursor-pointer group\"><\/p>\n<div>\n<h4 class=\"font-bold text-gray-900 group-hover:text-gold\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0633\u0648\u0642<\/h4>\n<p class=\"text-xs text-gray-500 font-medium\">\u0647\u0644 \u0647\u0646\u0627\u0643 \u0637\u0644\u0628 \u062d\u0642\u064a\u0642\u064a\u061f (\u0635\u0641\u062d\u0629 \u0647\u0628\u0648\u0637\u060c \u0625\u0639\u0644\u0627\u0646).<\/p>\n<\/p><\/div>\n<p> <\/label><br \/>\n <label class=\"flex items-center gap-4 p-4 bg-white rounded-xl border border-gray-200 hover:border-gold cursor-pointer group\"><\/p>\n<div>\n<h4 class=\"font-bold text-gray-900 group-hover:text-gold\">\u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0623\u0648\u0644\u064a (MVP)<\/h4>\n<p class=\"text-xs text-gray-500 font-medium\">\u0627\u0628\u0646\u0650 \u0623\u0628\u0633\u0637 \u0646\u0633\u062e\u0629 \u0645\u0645\u0643\u0646\u0629 \u062a\u0641\u064a \u0628\u0627\u0644\u063a\u0631\u0636.<\/p>\n<\/p><\/div>\n<p> <\/label>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <!-- Market Data Section --><\/p>\n<section id=\"market-data\">\n<div class=\"bg-white rounded-2xl p-8 border border-gray-200 shadow-soft\">\n<div class=\"flex justify-between items-center mb-8 border-b border-gray-100 pb-6\">\n<div>\n<h2 class=\"text-2xl font-bold text-gray-900\">\u0645\u062d\u0627\u0643\u064a \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0646\u0645\u0648<\/h2>\n<p class=\"text-gray-500 text-sm mt-1 font-medium\">\u0623\u062f\u062e\u0644 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a<\/p>\n<\/p><\/div>\n<div class=\"text-left bg-orange-50 px-6 py-2 rounded-xl border border-orange-100\">\n <span class=\"text-3xl font-black text-gold block\" id=\"projectedRevenue\">0 $<\/span><br \/>\n <span class=\"text-xs text-gray-400 font-bold uppercase\">\u062a\u0648\u0642\u0639 \u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0628\u0639\u062f 5 \u0633\u0646\u0648\u0627\u062a<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <!-- Column 1: Competitor Analysis --><\/p>\n<div class=\"p-6 bg-gray-50 rounded-xl border border-gray-100\">\n<h4 class=\"text-lg font-bold text-gray-800 mb-6 flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-gold\"><\/span> \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629<br \/>\n <\/h4>\n<div class=\"mb-6 grid grid-cols-2 gap-x-8 gap-y-4 text-sm\">\n<div class=\"col-span-2 flex justify-between text-xs font-bold text-gray-400 mb-2 uppercase\">\n <span>\u062a\u0642\u064a\u064a\u0645\u0643 (\u0630\u0647\u0628\u064a)<\/span><br \/>\n <span>\u0627\u0644\u0645\u0646\u0627\u0641\u0633 (\u0631\u0645\u0627\u062f\u064a)<\/span>\n <\/div>\n<p> <!-- Sliders --><\/p>\n<div class=\"space-y-4 col-span-2\">\n<div>\n<div class=\"flex justify-between text-xs mb-1 font-bold\"><span>\u0627\u0644\u0633\u0639\u0631<\/span><\/div>\n<\/p><\/div>\n<div>\n<div class=\"flex justify-between text-xs mb-1 font-bold\"><span>\u0627\u0644\u062c\u0648\u062f\u0629<\/span><\/div>\n<\/p><\/div>\n<div>\n<div class=\"flex justify-between text-xs mb-1 font-bold\"><span>\u0627\u0644\u0633\u0631\u0639\u0629<\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"chart-container\" style=\"position: relative;height:300px;width:100%\"><\/div>\n<\/p><\/div>\n<p> <!-- Column 2: Financial Projection --><\/p>\n<div class=\"p-6 bg-gray-50 rounded-xl border border-gray-100\">\n<h4 class=\"text-lg font-bold text-gray-800 mb-6 flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-blue-500\"><\/span> \u062a\u0648\u0642\u0639\u0627\u062a \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0627\u0644\u064a<br \/>\n <\/h4>\n<div class=\"grid grid-cols-2 gap-4 mb-6\">\n<div>\n <label class=\"text-xs font-bold text-gray-500 block mb-1\">\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u062d\u0627\u0644\u064a ($)<\/label><\/p><\/div>\n<div>\n <label class=\"text-xs font-bold text-gray-500 block mb-1\">\u0646\u0633\u0628\u0629 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0646\u0648\u064a (%)<\/label><\/p><\/div>\n<\/p><\/div>\n<div class=\"chart-container\" style=\"position: relative;height:300px;width:100%\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/main><\/p>\n<p> <!-- Footer --><\/p>\n<footer class=\"bg-white text-gray-600 border-t border-gray-200 py-10 mt-12\">\n<div class=\"max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6\">\n<div class=\"text-lg font-bold text-gray-900\">Marketing <span class=\"text-gold\">Coaching<\/span><\/div>\n<div class=\"text-gray-500 text-sm\">\u00a9 2026 Marketing Coaching UK. All rights reserved.<\/div>\n<div class=\"flex gap-6 text-sm font-bold\">\n <a href=\"https:\/\/marketing-coaching.uk\/privacy-policy\/\" target=\"_blank\" class=\"hover:text-gold transition flex items-center gap-1\"><span>\ud83d\udd12<\/span> \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a><br \/>\n <a href=\"https:\/\/wa.me\/0201090769563\" target=\"_blank\" class=\"hover:text-gold transition flex items-center gap-1\"><span>\ud83d\udcac<\/span> \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 (WhatsApp)<\/a>\n <\/div>\n<\/p><\/div>\n<\/footer>\n<p> \/\/ — Global Variables for Charts —<br \/>\n let radarChartInstance = null;<br \/>\n let growthChartInstance = null;<\/p>\n<p> \/\/ — 1. Interactive RACI Logic —<br \/>\n const raciData = [<br \/>\n { task: “\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629”, owner: “A”, team: “R”, ext: “C” },<br \/>\n { task: “\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0646\u062a\u062c”, owner: “I”, team: “R”, ext: “N” },<br \/>\n { task: “\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u062a\u0633\u0648\u064a\u0642”, owner: “A”, team: “C”, ext: “R” }<br \/>\n ];<\/p>\n<p> const roles = {<br \/>\n ‘N’: { text: ‘-‘, class: ‘text-gray-300’ },<br \/>\n ‘R’: { text: ‘\u0627\u0644\u0645\u0646\u0641\u0630’, class: ‘bg-gray-800 text-white shadow-sm’ },<br \/>\n ‘A’: { text: ‘\u0627\u0644\u0645\u062f\u064a\u0631’, class: ‘bg-yellow-500 text-white shadow-sm’ },<br \/>\n ‘C’: { text: ‘\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631’, class: ‘bg-blue-500 text-white shadow-sm’ },<br \/>\n ‘I’: { text: ‘\u0644\u0644\u0639\u0644\u0645’, class: ‘bg-gray-400 text-white shadow-sm’ }<br \/>\n };<\/p>\n<p> const roleKeys = [‘N’, ‘R’, ‘A’, ‘C’, ‘I’];<\/p>\n<p> function renderRaci() {<br \/>\n const tbody = document.getElementById(‘raciBody’);<br \/>\n tbody.innerHTML = ”;<br \/>\n raciData.forEach((row, index) => {<br \/>\n const tr = document.createElement(‘tr’);<br \/>\n tr.innerHTML = `<\/p>\n<td class=\"p-3 text-right font-bold text-gray-800\">${row.task}<\/td>\n<td class=\"p-3\">\n<div class=\"raci-cell px-3 py-1 rounded inline-block ${roles[row.owner].class} w-full\">${roles[row.owner].text}<\/div>\n<\/td>\n<td class=\"p-3\">\n<div class=\"raci-cell px-3 py-1 rounded inline-block ${roles[row.team].class} w-full\">${roles[row.team].text}<\/div>\n<\/td>\n<td class=\"p-3\">\n<div class=\"raci-cell px-3 py-1 rounded inline-block ${roles[row.ext].class} w-full\">${roles[row.ext].text}<\/div>\n<\/td>\n<p> `;<br \/>\n tbody.appendChild(tr);<br \/>\n });<br \/>\n }<\/p>\n<p> function cycleRole(index, field) {<br \/>\n let current = raciData[index][field];<br \/>\n let nextIndex = (roleKeys.indexOf(current) + 1) % roleKeys.length;<br \/>\n raciData[index][field] = roleKeys[nextIndex];<br \/>\n renderRaci();<br \/>\n }<\/p>\n<p> function addTask() {<br \/>\n const input = document.getElementById(‘newTaskInput’);<br \/>\n if (input.value.trim()) {<br \/>\n raciData.push({ task: input.value, owner: ‘N’, team: ‘N’, ext: ‘N’ });<br \/>\n input.value = ”;<br \/>\n renderRaci();<br \/>\n }<br \/>\n }<br \/>\n renderRaci();<\/p>\n<p> \/\/ — 2. Validation Progress Logic —<br \/>\n function updateProgress() {<br \/>\n const checkboxes = document.querySelectorAll(‘input[type=”checkbox”]’);<br \/>\n const checked = document.querySelectorAll(‘input[type=”checkbox”]:checked’);<br \/>\n const progress = checkboxes.length > 0 ? (checked.length \/ checkboxes.length) * 100 : 0;<\/p>\n<p> const bar = document.getElementById(‘progressBar’);<br \/>\n const text = document.getElementById(‘progressText’);<\/p>\n<p> bar.style.width = `${progress}%`;<br \/>\n text.innerText = `${Math.round(progress)}%`;<\/p>\n<p> if (progress === 100) {<br \/>\n text.classList.add(‘text-green-600’);<br \/>\n bar.classList.replace(‘bg-gold’, ‘bg-green-500’);<br \/>\n } else {<br \/>\n text.classList.remove(‘text-green-600’);<br \/>\n bar.classList.replace(‘bg-green-500’, ‘bg-gold’);<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ — 3. Engine Switch Logic —<br \/>\n function switchEngine(mode) {<br \/>\n const btnUsp = document.getElementById(‘tab-usp’);<br \/>\n const btnUvp = document.getElementById(‘tab-uvp’);<br \/>\n const inputsUsp = document.getElementById(‘inputs-usp’);<br \/>\n const inputsUvp = document.getElementById(‘inputs-uvp’);<br \/>\n const outTextUsp = document.getElementById(‘output-text-usp’);<br \/>\n const outTextUvp = document.getElementById(‘output-text-uvp’);<br \/>\n const outLabel = document.getElementById(‘output-label’);<\/p>\n<p> if (mode === ‘usp’) {<br \/>\n btnUsp.className = “px-6 py-2 rounded-md text-sm font-bold transition bg-gray-100 text-gray-900 shadow-sm border border-gray-300”;<br \/>\n btnUvp.className = “px-6 py-2 rounded-md text-sm font-bold transition text-gray-500 hover:text-gray-900”;<br \/>\n inputsUsp.classList.remove(‘hidden’);<br \/>\n inputsUvp.classList.add(‘hidden’);<br \/>\n outTextUsp.classList.remove(‘hidden’);<br \/>\n outTextUvp.classList.add(‘hidden’);<br \/>\n outLabel.innerText = “\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 (USP)”;<br \/>\n } else {<br \/>\n btnUvp.className = “px-6 py-2 rounded-md text-sm font-bold transition bg-orange-50 text-gold shadow-sm border border-orange-100”;<br \/>\n btnUsp.className = “px-6 py-2 rounded-md text-sm font-bold transition text-gray-500 hover:text-gray-900”;<br \/>\n inputsUvp.classList.remove(‘hidden’);<br \/>\n inputsUsp.classList.add(‘hidden’);<br \/>\n outTextUvp.classList.remove(‘hidden’);<br \/>\n outTextUsp.classList.add(‘hidden’);<br \/>\n outLabel.innerText = “\u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 (UVP)”;<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ — 4. Live Update Text —<br \/>\n function setupLiveUpdate(inputId, outputId, defaultText) {<br \/>\n const input = document.getElementById(inputId);<br \/>\n const output = document.getElementById(outputId);<br \/>\n if(input && output) {<br \/>\n input.addEventListener(‘input’, () => {<br \/>\n output.innerText = input.value || defaultText;<br \/>\n });<br \/>\n }<br \/>\n }<br \/>\n setupLiveUpdate(‘uvp-audience’, ‘out-uvp-audience’, ‘\u0627\u0644\u062c\u0645\u0647\u0648\u0631’);<br \/>\n setupLiveUpdate(‘uvp-pain’, ‘out-uvp-pain’, ‘\u0627\u0644\u0645\u0634\u0643\u0644\u0629’);<br \/>\n setupLiveUpdate(‘uvp-solution’, ‘out-uvp-solution’, ‘\u0627\u0644\u062d\u0644’);<br \/>\n setupLiveUpdate(‘uvp-benefit’, ‘out-uvp-benefit’, ‘\u0627\u0644\u0641\u0627\u0626\u062f\u0629’);<br \/>\n setupLiveUpdate(‘usp-category’, ‘out-usp-category’, ‘\u0627\u0644\u0641\u0626\u0629’);<br \/>\n setupLiveUpdate(‘usp-competitor’, ‘out-usp-competitor’, ‘\u0627\u0644\u0645\u0646\u0627\u0641\u0633’);<br \/>\n setupLiveUpdate(‘usp-weakness’, ‘out-usp-weakness’, ‘\u0627\u0644\u0636\u0639\u0641’);<br \/>\n setupLiveUpdate(‘usp-unique’, ‘out-usp-unique’, ‘\u0627\u0644\u0645\u064a\u0632\u0629’);<\/p>\n<p> \/\/ — 5. Scroll Logic —<br \/>\n function scrollToSection(id) {<br \/>\n document.getElementById(id).scrollIntoView({ behavior: ‘smooth’ });<br \/>\n }<\/p>\n<p> \/\/ — 6. CHART UPDATES Logic —<br \/>\n function updateRadar() {<br \/>\n if (!radarChartInstance) return;<br \/>\n const youData = [<br \/>\n document.getElementById(‘radar-you-0’).value,<br \/>\n document.getElementById(‘radar-you-1’).value,<br \/>\n document.getElementById(‘radar-you-2’).value,<br \/>\n 80, 88<br \/>\n ];<br \/>\n const compData = [<br \/>\n document.getElementById(‘radar-comp-0’).value,<br \/>\n document.getElementById(‘radar-comp-1’).value,<br \/>\n document.getElementById(‘radar-comp-2’).value,<br \/>\n 50, 65<br \/>\n ];<br \/>\n radarChartInstance.data.datasets[0].data = youData;<br \/>\n radarChartInstance.data.datasets[1].data = compData;<br \/>\n radarChartInstance.update();<br \/>\n }<\/p>\n<p> function updateGrowth() {<br \/>\n if (!growthChartInstance) return;<br \/>\n const baseRevenue = parseFloat(document.getElementById(‘baseRevenue’).value) || 0;<br \/>\n const rate = parseFloat(document.getElementById(‘growthRate’).value) \/ 100 || 0;<br \/>\n const data = [];<br \/>\n let current = baseRevenue;<br \/>\n for(let i=0; i {<br \/>\n Chart.defaults.font.family = “‘Cairo’, sans-serif”;<br \/>\n Chart.defaults.color = “#64748b”;<br \/>\n Chart.defaults.borderColor = “#e2e8f0”;<\/p>\n<p> \/\/ Initialize Radar<br \/>\n const ctxRadar = document.getElementById(‘radarChart’).getContext(‘2d’);<br \/>\n radarChartInstance = new Chart(ctxRadar, {<br \/>\n type: ‘radar’,<br \/>\n data: {<br \/>\n labels: [‘\u0627\u0644\u0633\u0639\u0631’, ‘\u0627\u0644\u062c\u0648\u062f\u0629’, ‘\u0627\u0644\u0633\u0631\u0639\u0629’, ‘\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631’, ‘\u0627\u0644\u062e\u062f\u0645\u0629’],<br \/>\n datasets: [{<br \/>\n label: ‘\u0623\u0646\u062a’,<br \/>\n data: [80, 90, 70, 80, 88],<br \/>\n borderColor: ‘#f59e0b’,<br \/>\n backgroundColor: ‘rgba(245, 158, 11, 0.2)’,<br \/>\n borderWidth: 2,<br \/>\n pointBackgroundColor: ‘#f59e0b’<br \/>\n }, {<br \/>\n label: ‘\u0627\u0644\u0645\u0646\u0627\u0641\u0633’,<br \/>\n data: [60, 70, 85, 50, 65],<br \/>\n borderColor: ‘#94a3b8’,<br \/>\n backgroundColor: ‘rgba(148, 163, 184, 0.1)’,<br \/>\n borderWidth: 2,<br \/>\n pointBackgroundColor: ‘#94a3b8’<br \/>\n }]<br \/>\n },<br \/>\n options: {<br \/>\n responsive: true,<br \/>\n maintainAspectRatio: false,<br \/>\n scales: {<br \/>\n r: {<br \/>\n angleLines: { display: true },<br \/>\n suggestedMin: 0,<br \/>\n suggestedMax: 100,<br \/>\n ticks: { display: false }<br \/>\n }<br \/>\n },<br \/>\n plugins: { legend: { position: ‘bottom’ } }<br \/>\n }<br \/>\n });<\/p>\n<p> \/\/ Initialize Growth Bar Chart<br \/>\n const ctxGrowth = document.getElementById(‘marketChart’).getContext(‘2d’);<br \/>\n growthChartInstance = new Chart(ctxGrowth, {<br \/>\n type: ‘bar’,<br \/>\n data: {<br \/>\n labels: [‘\u0627\u0644\u0633\u0646\u0629 1’, ‘\u0627\u0644\u0633\u0646\u0629 2’, ‘\u0627\u0644\u0633\u0646\u0629 3’, ‘\u0627\u0644\u0633\u0646\u0629 4’, ‘\u0627\u0644\u0633\u0646\u0629 5’],<br \/>\n datasets: [{<br \/>\n label: ‘\u0627\u0644\u0625\u064a\u0631\u0627\u062f \u0627\u0644\u0645\u062a\u0648\u0642\u0639’,<br \/>\n data: [12000, 14400, 17280, 20736, 24883],<br \/>\n backgroundColor: ‘#f59e0b’,<br \/>\n borderRadius: 6<br \/>\n }]<br \/>\n },<br \/>\n options: {<br \/>\n responsive: true,<br \/>\n maintainAspectRatio: false,<br \/>\n plugins: { legend: { display: false } },<br \/>\n scales: {<br \/>\n y: { beginAtZero: true, grid: { borderDash: [4, 4] } },<br \/>\n x: { grid: { display: false } }<br \/>\n }<br \/>\n }<br \/>\n });<\/p>\n<p> updateGrowth();<br \/>\n });<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section><\/div>\n<p><!-- version:1770132834 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646\u0635\u0629 \u0631\u0627\u0626\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 | Entrepreneur Command Center \/* \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0623\u0644\u0648\u0627\u0646 *\/ :root { –bg-main: #f8fafc; –bg-card: #ffffff; –color-gold: #f59e0b; –color-gold-dark: #b45309; –color-black: #1f2937; –color-grey: #64748b; –border-color: #e2e8f0; } body { font-family: ‘Cairo’, sans-serif; background-color: var(–bg-main); color: var(–color-black); overflow-x: hidden; } \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062e\u0637\u0648\u0637 *\/ * { letter-spacing: 0 !important; } \/* \u0645\u0646\u0639 \u062a\u0628\u0627\u0639\u062f \u0627\u0644\u0623\u062d\u0631\u0641 *\/ […]<\/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":{"footnotes":""},"class_list":["post-456","page","type-page","status-publish","hentry"],"blocksy_meta":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/456","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=456"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/456\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}