{"id":647,"date":"2025-11-17T13:24:43","date_gmt":"2025-11-17T13:24:43","guid":{"rendered":"https:\/\/marketing-coaching.uk\/?p=647"},"modified":"2026-04-07T06:58:45","modified_gmt":"2026-04-07T06:58:45","slug":"%d8%b3%d8%a8%d8%a8-%d9%81%d8%b4%d9%84-%d8%ad%d9%85%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a8%d9%85%d8%b5%d8%b1-%d9%88%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a%d8%a9","status":"publish","type":"post","link":"https:\/\/marketing-coaching.uk\/en\/%d8%b3%d8%a8%d8%a8-%d9%81%d8%b4%d9%84-%d8%ad%d9%85%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a8%d9%85%d8%b5%d8%b1-%d9%88%d8%a7%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a%d8%a9\/","title":{"rendered":"\u0633\u0628\u0628 \u0641\u0634\u0644 \u062d\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u0645\u0635\u0631 \u0648\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629"},"content":{"rendered":"
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n

\u0644\u064a\u0647 \u0634\u0631\u0643\u0627\u062a \u0643\u062a\u064a\u0631 \u0641\u064a \u0645\u0635\u0631 \u0648\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u062a\u0641\u0634\u0644 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u2026 \u0631\u063a\u0645 \u0625\u0646\u0647\u0627 \u0628\u062a\u0635\u0631\u0641 \u0643\u0648\u064a\u0633\u061f<\/h1>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n

\u0645\u0645\u0643\u0646 \u062a\u0642\u0648\u0644<\/span><\/h2>\n

\u201c\u0644\u0623\u2026 \u0645\u0634 \u0647\u0643\u0645\u0644 \u0634\u063a\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u201d<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

\u0642\u0635\u0629 \u062d\u0642\u064a\u0642\u064a\u0629<\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/span><\/div>\n
\n
\n
\n

\u0644\u0623\u0646 \u0631\u063a\u0645 \u0627\u0646 \u0627\u0644\u0634\u063a\u0644 \u064a\u0628\u062f\u0648 \u0638\u0627\u0647\u0631\u064a\u0627\u064b \u0646\u0627\u062c\u062d \u0648\u0645\u0645\u062a\u0627\u0632 \u061f \u0627\u0644\u0627 \u0627\u0646 \u0644\u0627 \u064a\u0648\u062c\u062f \u0645\u0646\u0638\u0648\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u0628\u0646\u064a \u0646\u0645\u0648 \u062d\u0642\u064a\u0642\u064a \u060c\u0644\u0644\u0634\u0631\u0643\u0629 \u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0627\u0648 \u062e\u0637\u0629 \u0627\u0644\u0628\u0632\u0646\u0633 \u0644<\/strong>\u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0627\u0644\u0628\u0632\u0646\u0633 <\/strong>\u0646\u0641\u0633\u0647.\u0648\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0625\u0646 \u062f\u0647 \u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0641\u064a \u0646\u062c\u0627\u062d \u0623\u064a \u062d\u0645\u0644\u0629 <\/strong>\u0639\u0644\u0627\u0646\u064a\u0629 \u062f\u0639\u0627\u0626\u064a\u0629<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

\u0628\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a <\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

\u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0643\u0628\u064a\u0631\u0629<\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n

\u0642\u0635\u0629<\/span><\/p>\n

\u062d\u0642\u064a\u0642\u064a\u0629 <\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

\u0627\u0644\u063a\u0631\u064a\u0628 \u0625\u0646 \u062f\u0647 \u062d\u0635\u0644 \u0641\u0639\u0644\u0627.\u0643\u0646\u062a \u0634\u063a\u0627\u0644 \u0645\u0639 \u0628\u0631\u0627\u0646\u062f \u0641\u064a <\/span>\u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062f\u0627\u062e\u0644\u064a<\/strong> <\/span> \u0627\u0633\u0645 \u0645\u0639\u0631\u0648\u0641 \u0648<\/span>\u0642\u0648\u064a \u0648\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0633\u0648\u0642 \u062c\u064a\u062f\u0629 <\/span> <\/strong>\u0648\u0627\u062f\u0627\u0621 \u0627\u0644\u0627\u0639\u0644\u0627\u0646\u0627\u062a <\/strong> \u062a\u0645\u0627\u0645\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0629 \u0643\u0627\u0646\u062a \u0645\u062d\u0642\u0642\u0629<\/span> \u0646\u062a\u0627\u0626\u062c \u0645\u0645\u062a\u0627\u0632\u0629 \u0642\u0635\u064a\u0631\u0629 \u0627\u0644\u0645\u062f\u064a<\/strong><\/p>\n

\u0648\u0645\u0639 \u0630\u0644\u0643\u2026 \u0648\u0642\u0641\u0646\u0627 \u0627\u0644\u0634\u063a\u0644.<\/span><\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
\n
\n
\n

\u0627\u0644\u064a\u0643 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

\u0644\u064a\u0647\u061f<\/span><\/h4>\n

\u0644\u0623\u0646 \u0639\u0644\u0649 \u0642\u062f\u0631 \u0645\u0627 \u0627\u0644\u0634\u063a\u0644 \u0643\u0627\u0646 \u0645\u0627\u0634\u064a \u0643\u0648\u064a\u0633 \u0645\u0646 \u0628\u0631\u0651\u0627\u060c <\/span><\/p>\n

\u0625\u0644\u0627 \u0625\u0646 <\/span>\u062c\u0648\u0647 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0627\u0643\u0627\u0646\u0634 \u0641\u064a\u0647 \u0623\u064a \u0627\u0647\u062a\u0645\u0627\u0645 \u062d\u0642\u064a\u0642\u064a \u0628\u0627\u0644\u0640 <\/strong><\/p>\n

Sales Process<\/strong><\/span>\u2026<\/span><\/p>\n

\u0648\u0644\u0627 \u0643\u0627\u0646 \u0641\u064a\u0647 \u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0627\u0644\u0628\u0632\u0646\u0633 \u0646\u0641\u0633\u0647.<\/span><\/h5>\n
\u0648\u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0625\u0646 \u062f\u0647 \u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0641\u064a \u0646\u062c\u0627\u062d \u0623\u064a \u062d\u0645\u0644\u0629.\u0623\u062d\u0646\u0627 \u0645\u0634 \u0628\u0634\u062a\u063a\u0644 \u0644\u0645\u062c\u0631\u062f \u0625\u0646 \u0641\u064a\u0647 \u0641\u0644\u0648\u0633 \u062f\u0627\u062e\u0644\u0629.\u0627\u0644\u0641\u0644\u0648\u0633 \u0645\u0647\u0645\u0629\u061f \u0623\u0643\u064a\u062f.\u0628\u0633 \u0645\u0634 \u0647\u064a \u0627\u0644\u0647\u062f\u0641<\/span><\/h5>\n
.\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u2014 \u0648\u0627\u0644\u0644\u064a \u0639\u0644\u0649 \u0623\u0633\u0627\u0633\u0647 \u0628\u0646\u0643\u0645\u0644 <\/span><\/h5>\n
\u2014\u0625\u0646 <\/span>\u0627\u0644\u0634\u0631\u0643\u0629 \u062a\u0643\u0648\u0646 \u0641\u0627\u0647\u0645\u0629 \u0625\u0646\u0647\u0627 \u0634\u0631\u064a\u0643 \u0641\u064a \u0627\u0644\u0646\u062c\u0627\u062d<\/strong>\u060c \u0648\u0625\u0646 \u0634\u063a\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0645\u0634 \u201c\u0632\u0631\u0627\u0631\u201d\u2026\u062f\u064a \u0645\u0646\u0638\u0648\u0645\u0629 \u0643\u0627\u0645\u0644\u0629 \u0644\u0627\u0632\u0645 \u062a\u062a\u0637\u0648\u0631<\/span><\/h5>\n
.\u0644\u0648 \u0645\u0627\u0643\u0627\u0646\u0634 \u0641\u064a\u0647 \u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0648\u062a\u0641\u0627\u0639\u0644\u060c \u0648\u062a\u062d\u0633\u064a\u0646 \u062d\u0642\u064a\u0642\u064a \u0645\u0646 \u062c\u0627\u0646\u0628 \u0627\u0644\u0634\u0631\u0643\u0629\u2026\u064a\u0628\u0642\u0649 \u0645\u0647\u0645\u0627 \u0639\u0645\u0644\u062a \u0627\u0639\u0644\u0627\u0646\u0627\u062a \u060c \u0648\u0645\u0647\u0645\u0627 \u062c\u0628\u062a \u0639\u0645\u0644\u0627\u0621 \u060c\u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0647\u062a\u0641\u0636\u0644 \u0648\u0627\u0642\u0641\u0629 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0646\u0642\u0637\u0629.<\/span><\/h5>\n

\u0639\u0634\u0627\u0646 \u0643\u062f\u0647\u060c \u0644\u0645\u0627 \u0644\u0642\u064a\u062a \u0625\u0646 \u0645\u0627\u0641\u064a\u0634 \u0646\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0628\u064a\u0639\u064a\u0629 \u0648\u0644\u0627 \u0627\u0644\u0628\u0632\u0646\u0633\u060c\u0642\u0644\u062a \u0628\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0645:<\/span><\/p>\n

\u201c\u062e\u0644\u064a\u0646\u0627 \u0646\u0642\u0641 \u0647\u0646\u0627.\u201d<\/strong><\/p>\n

\u0623\u062d\u0646\u0627 \u0628\u0634\u062a\u063a\u0644 \u0639\u0634\u0627\u0646 \u0646\u0643\u0628\u0631 \u0627\u0644\u0634\u063a\u0644\u2026 \u0645\u0634 \u0639\u0634\u0627\u0646 \u0643\u0627\u0634 \u0643\u0644 \u0627\u0648\u0644 \u0634\u0647\u0631.<\/span><\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n
\n
\n
\n
\n
\n
\n

\u0644\u062a\u0642\u064a\u0645 \u0627\u062f\u0627\u0621 \u0645\u0634\u0631\u0648\u0639\u0643 \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0627\u0633\u062a\u0639\u0627\u0646\u0629 \u0628\u0627\u0644\u0627\u062f\u0627\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 <\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
\n
\n

\u0627\u0644\u0645\u0642\u0627\u0644\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629: \u0645\u062f\u0631\u0628 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/title><\/p>\n<p> body {<br \/>\n font-family: ‘Inter’, sans-serif;<br \/>\n background-color: #f8f7f4; \/* Light off-white *\/<br \/>\n color: #333;<br \/>\n }<br \/>\n \/* Custom styles from the original design *\/<br \/>\n .tab-button {<br \/>\n transition: all 0.3s ease;<br \/>\n }<br \/>\n .tab-button.active {<br \/>\n background-color: #FACC15; \/* Yellow from the image *\/<br \/>\n color: #000000; \/* Black text for active tab *\/<br \/>\n }<br \/>\n .matrix-quadrant, .ooda-stage {<br \/>\n transition: all 0.3s ease;<br \/>\n cursor: pointer;<br \/>\n }<br \/>\n .matrix-quadrant:hover, .ooda-stage:hover {<br \/>\n transform: translateY(-4px);<br \/>\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);<br \/>\n }<br \/>\n .timeline-item.active .timeline-dot {<br \/>\n background-color: #FACC15; \/* Yellow from the image *\/<br \/>\n transform: scale(1.5);<br \/>\n }<br \/>\n .timeline-item.active .timeline-content h3 {<br \/>\n color: #FACC15; \/* Yellow from the image *\/<br \/>\n }<br \/>\n .timeline-dot {<br \/>\n transition: all 0.3s ease;<br \/>\n }<br \/>\n .chart-container {<br \/>\n position: relative;<br \/>\n width: 100%;<br \/>\n max-width: 800px;<br \/>\n margin-left: auto;<br \/>\n margin-right: auto;<br \/>\n height: 400px;<br \/>\n max-height: 50vh;<br \/>\n }<br \/>\n \/* Color Overrides to maintain the yellow\/black theme *\/<br \/>\n .text-green-500 {<br \/>\n color: #FACC15; \/* Yellow checkmarks *\/<br \/>\n }<br \/>\n .bg-purple-100 {<br \/>\n background-color: #FACC15; \/* Yellow background for icons *\/<br \/>\n }<br \/>\n .text-purple-600 {<br \/>\n color: #333; \/* Dark text on yellow background for icons *\/<br \/>\n }<br \/>\n .text-purple-700 {<br \/>\n color: #FACC15;<br \/>\n }<br \/>\n .text-purple-800 {<br \/>\n color: #D97706; \/* A slightly darker yellow\/orange for emphasis *\/<br \/>\n }<br \/>\n .bg-purple-50 {<br \/>\n background-color: #FFFBEB; \/* Very light yellow *\/<br \/>\n }<br \/>\n .border-purple-500 {<br \/>\n border-color: #FACC15; \/* Yellow border *\/<br \/>\n }<\/p>\n<p> \/* Matrix quadrant colors *\/<br \/>\n #matrix-q1 { background-color: #D97706; color: #FFF; } \/* Dark Orange for urgent\/important *\/<br \/>\n #matrix-q2 { background-color: #4CAF50; color: #FFF; } \/* Green for important\/not urgent *\/<br \/>\n #matrix-q3 { background-color: #FACC15; color: #000; } \/* Yellow for urgent\/not important *\/<br \/>\n #matrix-q4 { background-color: #9E9E9E; color: #FFF; } \/* Gray for not urgent\/not important *\/<\/p>\n<p> \/* OODA loop colors (Agile Loop) *\/<br \/>\n #ooda-observe { background-color: #D97706; color: #000; } \/* Plan – Darker Yellow *\/<br \/>\n #ooda-orient { background-color: #FACC15; color: #000; } \/* Execute – Yellow *\/<br \/>\n #ooda-decide { background-color: #FFEB3B; color: #000; } \/* Analyze – Lighter Yellow *\/<br \/>\n #ooda-act { background-color: #4CAF50; color: #FFF; } \/* Learn\/Improve – Green *\/<\/p>\n<p> \/* Stress slider custom colors *\/<br \/>\n #stress-impact-display {<br \/>\n background-color: #FFFBEB;<br \/>\n border-color: #FACC15;<br \/>\n }<br \/>\n #stress-impact-title {<br \/>\n color: #D97706;<br \/>\n }<br \/>\n #stress-impact-text {<br \/>\n color: #D97706;<br \/>\n }<\/p>\n<p> <!-- The interactive article content starts immediately after the body tag. --><br \/>\n <main class=\"container mx-auto px-6 py-12\"><\/p>\n<section id=\"hero\" class=\"text-center mb-24\">\n<h2 class=\"text-4xl md:text-5xl font-extrabold mb-4 text-gray-800\" id=\"hero-title\">\u0625\u062a\u0642\u0627\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645<\/h2>\n<p class=\"text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\" id=\"hero-text\">\n \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0647\u064a \u062f\u0644\u064a\u0644\u0643 \u0644\u0644\u062a\u062d\u0648\u0644 \u0645\u0646 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0625\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629. \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0623\u0637\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0641\u0647\u0645 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0648\u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0641\u0639\u0627\u0644\u064a\u0629.\n <\/p>\n<\/section>\n<section id=\"principles\" class=\"mb-24 scroll-mt-20\">\n<div class=\"text-center mb-12\">\n<h2 class=\"text-3xl font-bold text-gray-800\" id=\"principles-title\">\u062a\u062d\u0648\u0644 \u0646\u0645\u0648\u0630\u062c\u064a: \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b<\/h2>\n<p class=\"mt-2 text-gray-600 max-w-2xl mx-auto\" id=\"principles-text\">\u0644\u0642\u062f \u062a\u063a\u064a\u0631\u062a \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u0639\u0628\u0629. \u0628\u064a\u0646\u0645\u0627 \u064a\u0631\u0643\u0632 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062c\u0645\u0627\u0647\u064a\u0631\u064a\u060c \u064a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b \u0627\u0644\u062c\u0645\u0627\u0647\u064a\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u064a\u062a\u0641\u0627\u0639\u0644 \u0645\u0639\u0647\u0627. \u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u064a\u0633\u0644\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0633\u0628\u0628 \u0643\u0648\u0646 \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0623\u0643\u062b\u0631 \u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u064a\u0648\u0645. \u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0645\u062e\u0637\u0637 \u0644\u062a\u0631\u0649 \u0627\u0644\u062a\u0628\u0627\u064a\u0646.<\/p>\n<\/p><\/div>\n<div class=\"bg-white rounded-xl shadow-lg p-4 md:p-8\">\n<div class=\"chart-container\"><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"frameworks\" class=\"mb-24 scroll-mt-20\">\n<div class=\"text-center mb-12\">\n<h2 class=\"text-3xl font-bold text-gray-800\" id=\"frameworks-title\">\u0623\u0637\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h2>\n<p class=\"mt-2 text-gray-600 max-w-2xl mx-auto\" id=\"frameworks-text\">\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0641\u0639\u0627\u0644 \u0639\u0644\u0649 \u0623\u0637\u0631 \u0639\u0645\u0644 \u0645\u062b\u0628\u062a\u0629 \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0639\u0629. \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0633\u062a\u062f\u0627\u0645\u0629. \u0627\u062e\u062a\u0631 \u0625\u0637\u0627\u0631 \u0639\u0645\u0644 \u0623\u062f\u0646\u0627\u0647 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0647\u064a\u0643\u0644\u0647 \u0648\u062a\u0637\u0628\u064a\u0642\u0647.<\/p>\n<\/p><\/div>\n<div class=\"flex justify-center mb-8\">\n<div class=\"flex space-x-2 bg-gray-200 rounded-full p-1\" id=\"tab-buttons\">\n <button class=\"tab-button px-4 py-2 rounded-full active\" data-tab=\"content-rhythm\" id=\"tab-content-rhythm\">\u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/button><br \/>\n <button class=\"tab-button px-4 py-2 rounded-full\" data-tab=\"eisenhower-matrix\" id=\"tab-eisenhower-matrix\">\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0645<\/button><br \/>\n <button class=\"tab-button px-4 py-2 rounded-full\" data-tab=\"agile-loop\" id=\"tab-agile-loop\">\u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0634\u064a\u0642\u0629<\/button>\n <\/div>\n<\/p><\/div>\n<div id=\"frameworks-content\" class=\"bg-white rounded-xl shadow-lg p-6 md:p-10\">\n <\/div>\n<\/section>\n<section id=\"timeline\" class=\"mb-24 scroll-mt-20\">\n<div class=\"text-center mb-16\">\n<h2 class=\"text-3xl font-bold text-gray-800\" id=\"timeline-title\">\u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u0639\u0645\u064a\u0644<\/h2>\n<p class=\"mt-2 text-gray-600 max-w-2xl mx-auto\" id=\"timeline-text\">\u0641\u0647\u0645 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0633\u0645\u062d \u0644\u0643 \u0628\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u0645\u0646 \u0623\u0648\u0644 \u062a\u0641\u0627\u0639\u0644 \u0644\u0644\u0639\u0645\u064a\u0644 \u0645\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0625\u0644\u0649 \u0623\u0646 \u064a\u0635\u0628\u062d \u0645\u062f\u0627\u0641\u0639\u064b\u0627 \u0639\u0646\u0647\u0627\u060c \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0623\u0647\u062f\u0627\u0641\u0647\u0627 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0644\u0641\u0647\u0645\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.<\/p>\n<\/p><\/div>\n<div class=\"relative\">\n<div class=\"absolute left-1\/2 h-full w-0.5 bg-gray-300 hidden md:block\" id=\"timeline-line\"><\/div>\n<div id=\"timeline-items\" class=\"space-y-12 md:space-y-0\">\n <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"human-element\" class=\"mb-24 scroll-mt-20\">\n<div class=\"text-center mb-12\">\n<h2 class=\"text-3xl font-bold text-gray-800\" id=\"human-element-title\">\u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0628\u0634\u0631\u064a: \u0641\u0647\u0645 \u0634\u062e\u0635\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h2>\n<p class=\"mt-2 text-gray-600 max-w-2xl mx-auto\" id=\"human-element-text\">\u0641\u0639\u0627\u0644\u064a\u0629 \u0623\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u062a\u062a\u062d\u062f\u062f \u0628\u0641\u0647\u0645\u0643 \u0644\u0644\u0639\u0645\u064a\u0644. \u064a\u0624\u062b\u0631 \u0641\u0647\u0645 \u0646\u0642\u0627\u0637 \u0627\u0644\u0623\u0644\u0645 \u0648\u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u0635\u064a\u0627\u063a\u0629 \u0631\u0633\u0627\u0644\u062a\u0643. \u064a\u0633\u0627\u0639\u062f\u0643 \u0647\u0630\u0627 \u0627\u0644\u0634\u0631\u064a\u0637 \u0641\u064a \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0643\u064a\u0641 \u062a\u0624\u062b\u0631 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u062c\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0646\u0647\u062c\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a.<\/p>\n<\/p><\/div>\n<div class=\"bg-white rounded-xl shadow-lg p-6 md:p-8 flex flex-col md:flex-row items-center gap-8\">\n<div class=\"w-full md:w-1\/3\">\n <label for=\"stress-slider\" class=\"block text-center font-medium text-gray-700 mb-2\" id=\"stress-slider-label\">\u0636\u0628\u0637 \u0645\u0633\u062a\u0648\u0649 \u062d\u0627\u062c\u0629 \u0627\u0644\u0639\u0645\u064a\u0644<\/label><\/p>\n<div class=\"flex justify-between text-sm text-gray-500 mt-1\">\n <span id=\"stress-low\">\u0642\u0644\u064a\u0644<\/span><br \/>\n <span id=\"stress-moderate\">\u0645\u062a\u0648\u0633\u0637<\/span><br \/>\n <span id=\"stress-high\">\u0643\u0628\u064a\u0631<\/span>\n <\/div>\n<\/p><\/div>\n<div class=\"w-full md:w-2\/3\">\n<div id=\"stress-impact-display\" class=\"bg-purple-50 border-r-4 border-purple-500 p-4 rounded-l-lg\">\n<h4 class=\"font-bold text-purple-800 mb-2\" id=\"stress-impact-title\">\u0646\u0647\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647<\/h4>\n<p id=\"stress-impact-text\" class=\"text-purple-700\">\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"enablers\" class=\"mb-24 scroll-mt-20\">\n<div class=\"text-center mb-12\">\n<h2 class=\"text-3xl font-bold text-gray-800\" id=\"enablers-title\">\u0627\u0644\u0645\u064f\u0645\u0643\u0650\u0651\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0641\u0639\u0627\u0644<\/h2>\n<p class=\"mt-2 text-gray-600 max-w-2xl mx-auto\" id=\"enablers-text\">\u064a\u062a\u0637\u0644\u0628 \u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0643\u0628\u064a\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062c\u064a\u062f\u0629\u061b \u0628\u0644 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0645\u0643\u0646\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u0646\u064a \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0648\u062a\u0633\u0631\u0639 \u0627\u0644\u0639\u0645\u0644. \u0647\u0630\u0647 \u0627\u0644\u0645\u0645\u0643\u0646\u0627\u062a – \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u062a – \u0647\u064a \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0627\u0644\u0642\u0648\u0629 \u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629.<\/p>\n<\/p><\/div>\n<div class=\"grid md:grid-cols-3 gap-8\" id=\"enablers-cards\">\n <\/div>\n<\/section>\n<section id=\"recommendations\" class=\"scroll-mt-20\">\n<div class=\"text-center mb-12\">\n<h2 class=\"text-3xl font-bold text-gray-800\" id=\"recommendations-title\">\u062a\u0648\u0635\u064a\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630<\/h2>\n<p class=\"mt-2 text-gray-600 max-w-2xl mx-auto\" id=\"recommendations-text\">\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u062e\u0627\u0631\u0637\u0629 \u0637\u0631\u064a\u0642 \u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0645\u0633\u062a\u062f\u0627\u0645.<\/p>\n<\/p><\/div>\n<div class=\"bg-white rounded-xl shadow-lg p-6 md:p-8\">\n<ul class=\"space-y-4\" id=\"recommendations-list\">\n <\/ul>\n<\/p><\/div>\n<\/section>\n<p> <\/main><\/p>\n<p>document.addEventListener(‘DOMContentLoaded’, function () {<br \/>\n let currentLang = ‘ar’; \/\/ Default language is Arabic<\/p>\n<p> const languageData = {<br \/>\n ar: {<br \/>\n appTitle: ‘\u0645\u062f\u0631\u0628 \u0627\u0644\u062a\u0633\u0648\u064a\u0642’,<br \/>\n navLinks: { \/* Kept for data completeness, though UI elements are removed *\/<br \/>\n principles: ‘\u0627\u0644\u0645\u0628\u0627\u062f\u0626’,<br \/>\n frameworks: ‘\u0623\u0637\u0631 \u0627\u0644\u0639\u0645\u0644’,<br \/>\n timeline: ‘\u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644’,<br \/>\n ‘human-element’: ‘\u0634\u062e\u0635\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621’,<br \/>\n enablers: ‘\u0627\u0644\u0645\u064f\u0645\u0643\u0650\u0651\u0646\u0627\u062a’<br \/>\n },<br \/>\n hero: {<br \/>\n title: ‘\u0625\u062a\u0642\u0627\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645’,<br \/>\n text: ‘\u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0647\u064a \u062f\u0644\u064a\u0644\u0643 \u0644\u0644\u062a\u062d\u0648\u0644 \u0645\u0646 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0625\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629. \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0623\u0637\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u0641\u0647\u0645 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0648\u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0628\u0641\u0639\u0627\u0644\u064a\u0629.’<br \/>\n },<br \/>\n principles: {<br \/>\n title: ‘\u062a\u062d\u0648\u0644 \u0646\u0645\u0648\u0630\u062c\u064a: \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b’,<br \/>\n text: ‘\u0644\u0642\u062f \u062a\u063a\u064a\u0631\u062a \u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0644\u0639\u0628\u0629. \u0628\u064a\u0646\u0645\u0627 \u064a\u0631\u0643\u0632 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u062c\u0645\u0627\u0647\u064a\u0631\u064a\u060c \u064a\u0633\u062a\u0647\u062f\u0641 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b \u0627\u0644\u062c\u0645\u0627\u0647\u064a\u0631 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0648\u064a\u062a\u0641\u0627\u0639\u0644 \u0645\u0639\u0647\u0627. \u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0627\u062e\u062a\u0644\u0627\u0641\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629\u060c \u0648\u064a\u0633\u0644\u0637 \u0627\u0644\u0636\u0648\u0621 \u0639\u0644\u0649 \u0633\u0628\u0628 \u0643\u0648\u0646 \u0627\u0644\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0623\u0643\u062b\u0631 \u0641\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u064a\u0648\u0645. \u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0627\u0644\u0645\u062e\u0637\u0637 \u0644\u062a\u0631\u0649 \u0627\u0644\u062a\u0628\u0627\u064a\u0646.’<br \/>\n },<br \/>\n comparison: {<br \/>\n labels: [‘\u0627\u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641’, ‘\u0627\u0644\u0642\u0646\u0648\u0627\u062a’, ‘\u0627\u0644\u062a\u0641\u0627\u0639\u0644’, ‘\u0627\u0644\u0642\u064a\u0627\u0633’, ‘\u0627\u0644\u062a\u0631\u0643\u064a\u0632’],<br \/>\n datasets: [<br \/>\n {<br \/>\n label: ‘\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a’,<br \/>\n data: [2, 4, 1, 2, 3],<br \/>\n backgroundColor: ‘rgba(250, 202, 21, 0.6)’,<br \/>\n borderColor: ‘rgba(250, 202, 21, 1)’,<br \/>\n borderWidth: 1<br \/>\n },<br \/>\n {<br \/>\n label: ‘\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b’,<br \/>\n data: [5, 5, 5, 5, 5],<br \/>\n backgroundColor: ‘rgba(0, 0, 0, 0.6)’,<br \/>\n borderColor: ‘rgba(0, 0, 0, 1)’,<br \/>\n borderWidth: 1<br \/>\n }<br \/>\n ],<br \/>\n tooltips: {<br \/>\n ‘\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a’: [<br \/>\n ‘\u064a\u0633\u062a\u0647\u062f\u0641 \u062c\u0645\u0627\u0647\u064a\u0631 \u0648\u0627\u0633\u0639\u0629 \u0648\u0639\u0627\u0645\u0629.’,<br \/>\n ‘\u0642\u0646\u0648\u0627\u062a \u0623\u062d\u0627\u062f\u064a\u0629 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0645\u062b\u0644 \u0627\u0644\u0645\u0637\u0628\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u0644\u0641\u0632\u064a\u0648\u0646.’,<br \/>\n ‘\u062a\u0641\u0627\u0639\u0644 \u0645\u062d\u062f\u0648\u062f \u0623\u0648 \u063a\u0627\u0626\u0628 \u0645\u0639 \u0627\u0644\u062c\u0645\u0647\u0648\u0631.’,<br \/>\n ‘\u0642\u064a\u0627\u0633 \u0635\u0639\u0628 \u0648\u063a\u064a\u0631 \u062f\u0642\u064a\u0642 (\u0645\u062b\u0644 \u0627\u0644\u0627\u0646\u062a\u0634\u0627\u0631).’,<br \/>\n ‘\u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c \u0645\u0628\u0627\u0634\u0631\u0629.’<br \/>\n ],<br \/>\n ‘\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b’: [<br \/>\n ‘\u064a\u0633\u062a\u0647\u062f\u0641 \u0634\u0631\u0627\u0626\u062d \u0645\u062d\u062f\u062f\u0629 \u0648\u062f\u0642\u064a\u0642\u0629 \u0645\u0646 \u0627\u0644\u062c\u0645\u0647\u0648\u0631.’,<br \/>\n ‘\u0642\u0646\u0648\u0627\u062a \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u062b\u0644 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a.’,<br \/>\n ‘\u062a\u0641\u0627\u0639\u0644 \u0645\u0633\u062a\u0645\u0631 \u0648\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u062c\u0645\u0647\u0648\u0631.’,<br \/>\n ‘\u0642\u064a\u0627\u0633 \u062f\u0642\u064a\u0642 \u0648\u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u062a\u0628\u0639 (\u0645\u062b\u0644 \u0627\u0644\u0646\u0642\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a).’,<br \/>\n ‘\u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u0642\u064a\u0645\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644.’<br \/>\n ]<br \/>\n }<br \/>\n },<br \/>\n frameworks: {<br \/>\n title: ‘\u0623\u0637\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629’,<br \/>\n text: ‘\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0641\u0639\u0627\u0644 \u0639\u0644\u0649 \u0623\u0637\u0631 \u0639\u0645\u0644 \u0645\u062b\u0628\u062a\u0629 \u0644\u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0623\u0641\u0643\u0627\u0631 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0633\u0631\u064a\u0639\u0629. \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0644\u0627\u0632\u0645 \u0644\u062a\u062d\u0642\u064a\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u0633\u062a\u062f\u0627\u0645\u0629. \u0627\u062e\u062a\u0631 \u0625\u0637\u0627\u0631 \u0639\u0645\u0644 \u0623\u062f\u0646\u0627\u0647 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0647\u064a\u0643\u0644\u0647 \u0648\u062a\u0637\u0628\u064a\u0642\u0647.’,<br \/>\n tabs: {<br \/>\n ‘content-rhythm’: ‘\u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649’,<br \/>\n ‘eisenhower-matrix’: ‘\u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0645’,<br \/>\n ‘agile-loop’: ‘\u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0634\u064a\u0642\u0629’<br \/>\n },<br \/>\n content: {<br \/>\n ‘content-rhythm’: {<br \/>\n title: ‘\u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649: \u0645\u062e\u0637\u0637 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0644\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629’,<br \/>\n content: `<\/p>\n<p class=\"mb-4 text-gray-600\">“\u0625\u064a\u0642\u0627\u0639 \u0627\u0644\u0645\u062d\u062a\u0648\u0649” \u0647\u0648 \u062e\u0637\u0629 \u0645\u0646\u0638\u0645\u0629 \u0644\u0646\u0634\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0628\u0627\u0646\u062a\u0638\u0627\u0645. \u0625\u0646\u0647 \u064a\u0636\u0645\u0646 \u0627\u062a\u0633\u0627\u0642 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u063a\u0637\u064a\u0629 \u062c\u0645\u064a\u0639 \u0642\u0646\u0648\u0627\u062a\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629\u060c \u0648\u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0645\u0634\u0627\u0631\u0643\u0629 \u062c\u0645\u0647\u0648\u0631\u0643. \u064a\u0633\u062a\u0628\u062f\u0644 \u0647\u0630\u0627 \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u0639\u0634\u0648\u0627\u0626\u064a \u0628\u062e\u0637\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u062a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0632\u062e\u0645 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/p>\n<ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n<li><strong>\u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u0645\u062a\u0648\u0642\u0639:<\/strong> \u064a\u062d\u062f\u062f \u0645\u062a\u0649 \u0648\u0623\u064a\u0646 \u0633\u064a\u062a\u0645 \u0646\u0634\u0631 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (\u0645\u062b\u0644 \u0645\u0646\u0634\u0648\u0631\u0627\u062a \u0645\u062f\u0648\u0646\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0629\u060c \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0639\u0644\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a).<\/li>\n<li><strong>\u062a\u063a\u0637\u064a\u0629 \u0634\u0627\u0645\u0644\u0629:<\/strong> \u064a\u0636\u0645\u0646 \u0623\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u062a\u0639\u0645\u0644 \u0645\u0639\u064b\u0627 \u0628\u0634\u0643\u0644 \u0645\u062a\u0646\u0627\u063a\u0645.<\/li>\n<li><strong>\u064a\u0628\u0646\u064a \u0627\u0644\u062b\u0642\u0629:<\/strong> \u064a\u0631\u0633\u062e \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0643\u0645\u0635\u062f\u0631 \u0645\u0648\u062b\u0648\u0642 \u0644\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0641\u064a \u0645\u062c\u0627\u0644\u0647\u0627.<\/li>\n<li><strong>\u064a\u0633\u0647\u0644 \u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631:<\/strong> \u064a\u0642\u0644\u0644 \u0645\u0646 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0636\u0627\u0626\u0639 \u0641\u064a \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0641\u064a “\u0645\u0627\u0630\u0627 \u0646\u0646\u0634\u0631 \u0627\u0644\u064a\u0648\u0645\u061f”.<\/li>\n<\/ul>\n<p>`<br \/>\n },<br \/>\n ‘eisenhower-matrix’: {<br \/>\n title: ‘\u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642: \u0645\u0635\u0641\u0648\u0641\u0629 \u0627\u0644\u0645\u0647\u0627\u0645’,<br \/>\n content: `<\/p>\n<p class=\"mb-6 text-gray-600\">\u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u060c \u062a\u062a\u0637\u0644\u0628 \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u0641\u0639\u0627\u0644\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0647\u0627\u0645\u060c \u0648\u0644\u064a\u0633 \u0641\u0642\u0637 \u0627\u0644\u0648\u0642\u062a. \u062a\u0633\u0627\u0639\u062f\u0643 \u0647\u0630\u0647 \u0627\u0644\u0645\u0635\u0641\u0648\u0641\u0629 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0644\u062d\u0627\u062d\u060c \u0648\u062a\u0648\u062c\u064a\u0647\u0643 \u0644\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0645\u0627 \u064a\u062f\u0641\u0639 \u0627\u0644\u062a\u0642\u062f\u0645 \u062d\u0642\u064b\u0627. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0645\u0631\u0628\u0639 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-white text-center\">\n<div id=\"matrix-q1\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">\u0627\u0644\u0645\u0631\u0628\u0639 1: \u0639\u0627\u062c\u0644 \u0648\u0645\u0647\u0645 (\u0646\u0641\u0651\u0630 \u0627\u0644\u0622\u0646)<\/h4>\n<p class=\"text-sm\">\u062d\u0645\u0644\u0627\u062a \u0644\u062d\u0638\u064a\u0629 & \u0645\u0634\u0643\u0644\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/p>\n<\/p><\/div>\n<div id=\"matrix-q2\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">\u0627\u0644\u0645\u0631\u0628\u0639 2: \u063a\u064a\u0631 \u0639\u0627\u062c\u0644 \u0648\u0645\u0647\u0645 (\u062e\u0637\u0637)<\/h4>\n<p class=\"text-sm\">\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a & \u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/p>\n<\/p><\/div>\n<div id=\"matrix-q3\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">\u0627\u0644\u0645\u0631\u0628\u0639 3: \u0639\u0627\u062c\u0644 \u0648\u063a\u064a\u0631 \u0645\u0647\u0645 (\u0641\u0648\u0651\u0636\/\u0642\u0644\u0644)<\/h4>\n<p class=\"text-sm\">\u0627\u0644\u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0648\u0627\u0644\u0645\u0642\u0627\u0637\u0639\u0627\u062a<\/p>\n<\/p><\/div>\n<div id=\"matrix-q4\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">\u0627\u0644\u0645\u0631\u0628\u0639 4: \u063a\u064a\u0631 \u0639\u0627\u062c\u0644 \u0648\u063a\u064a\u0631 \u0645\u0647\u0645 (\u062a\u062c\u0627\u0647\u0644)<\/h4>\n<p class=\"text-sm\">\u0645\u0636\u064a\u0639\u0627\u062a \u0627\u0644\u0648\u0642\u062a<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"matrix-details\" class=\"mt-6 p-4 bg-gray-100 rounded-lg text-gray-700 hidden\"><\/div>\n<p>`<br \/>\n },<br \/>\n ‘agile-loop’: {<br \/>\n title: ‘\u062a\u0633\u0631\u064a\u0639 \u0627\u0644\u0623\u062f\u0627\u0621: \u062d\u0644\u0642\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0634\u064a\u0642\u0629 (Plan-Execute-Analyze-Learn)’,<br \/>\n content: `<\/p>\n<p class=\"mb-6 text-gray-600\">\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0634\u064a\u0642 \u0647\u0648 \u0625\u0637\u0627\u0631 \u0639\u0645\u0644 \u0644\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0645\u062a\u0643\u0631\u0631 \u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062f\u0648\u0631\u0627\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0639\u0628\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0623\u0631\u0628\u0639\u060c \u064a\u0645\u0643\u0646\u0643 \u062a\u062d\u0633\u064a\u0646 \u062d\u0645\u0644\u0627\u062a\u0643 \u0648\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0645\u0631\u062d\u0644\u0629 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641\u0647\u0627.<\/p>\n<div class=\"flex flex-col md:flex-row justify-center items-center gap-4\">\n<div class=\"w-full md:w-3\/5 grid grid-cols-2 gap-4\">\n<div id=\"ooda-observe\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">\u062e\u0637\u0637<\/h4>\n<p class=\"text-sm\">\u0635\u063a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643<\/p>\n<\/p><\/div>\n<div id=\"ooda-orient\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">\u0646\u0641\u0651\u0630<\/h4>\n<p class=\"text-sm\">\u0623\u0637\u0644\u0642 \u0627\u0644\u062d\u0645\u0644\u0629<\/p>\n<\/p><\/div>\n<div id=\"ooda-decide\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">\u062d\u0644\u0651\u0644<\/h4>\n<p class=\"text-sm\">\u0642\u0650\u0633 \u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/p>\n<\/p><\/div>\n<div id=\"ooda-act\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">\u062a\u0639\u0644\u0645<\/h4>\n<p class=\"text-sm\">\u062d\u0633\u0650\u0651\u0646 \u0648\u0643\u0631\u0631<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"ooda-details\" class=\"w-full md:w-2\/5 mt-4 md:mt-0 p-4 bg-gray-100 rounded-lg text-gray-700 hidden\"><\/div>\n<\/p><\/div>\n<p>`<br \/>\n },<br \/>\n },<br \/>\n matrixDetails: {<br \/>\n q1: ‘<strong>\u0646\u0641\u0651\u0630 \u0627\u0644\u0622\u0646:<\/strong> \u062a\u062a\u0637\u0644\u0628 \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0627\u0645 \u0627\u0647\u062a\u0645\u0627\u0645\u064b\u0627 \u0641\u0648\u0631\u064a\u064b\u0627. \u0648\u062a\u0634\u0645\u0644 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0623\u062e\u0637\u0627\u0621 \u0645\u0648\u0642\u0639 \u0627\u0644\u0648\u064a\u0628\u060c \u0623\u0648 \u0625\u0637\u0644\u0627\u0642 \u062d\u0645\u0644\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u0625\u062f\u0627\u0631\u0629 \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0627\u0645 \u0636\u0631\u0648\u0631\u064a\u0629.’,<br \/>\n q2: ‘<strong>\u062e\u0637\u0637:<\/strong> \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0623\u0643\u062b\u0631 \u0623\u0647\u0645\u064a\u0629 \u0644\u0644\u0646\u0645\u0648 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644. \u062a\u0634\u0645\u0644 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0647\u0646\u0627 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0648\u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u062a\u0648\u0649 \u0642\u064a\u0645\u060c \u0648\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621. \u064a\u062c\u0628 \u0623\u0646 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u0642\u0636\u0627\u0621 \u0645\u0639\u0638\u0645 \u0648\u0642\u062a\u0643 \u0647\u0646\u0627.’,<br \/>\n q3: ‘<strong>\u0641\u0648\u0651\u0636\/\u0642\u0644\u0644:<\/strong> \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0627\u0645 \u062a\u062e\u0644\u0642 \u0634\u0639\u0648\u0631\u064b\u0627 \u0632\u0627\u0626\u0641\u064b\u0627 \u0628\u0627\u0644\u0625\u0644\u062d\u0627\u062d (\u0645\u062b\u0644 \u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u063a\u064a\u0631 \u0627\u0644\u0645\u0647\u0645\u0629 \u0623\u0648 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0627\u0644\u062a\u064a \u0644\u0627 \u062a\u0624\u062f\u064a \u0625\u0644\u0649 \u0646\u062a\u0627\u0626\u062c). \u0642\u0644\u0644\u0647\u0627 \u0628\u0646\u0634\u0627\u0637 \u0639\u0646 \u0637\u0631\u064a\u0642 \u0627\u0644\u062a\u0641\u0648\u064a\u0636 \u0623\u0648 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0623\u0648 \u0642\u0648\u0644 “\u0644\u0627”.’,<br \/>\n q4: ‘<strong>\u062a\u062c\u0627\u0647\u0644:<\/strong> \u0644\u0627 \u062a\u0633\u0627\u0647\u0645 \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0627\u0645 \u0628\u0623\u064a \u0634\u064a\u0621 \u0641\u064a \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629. \u0625\u0646\u0647\u0627 \u0645\u0636\u064a\u0639\u0627\u062a \u0644\u0644\u0648\u0642\u062a \u064a\u062c\u0628 \u0627\u0644\u062a\u062e\u0644\u0635 \u0645\u0646\u0647\u0627 \u0645\u0646 \u062c\u062f\u0648\u0644\u0643.’<br \/>\n },<br \/>\n oodaDetails: {<br \/>\n observe: ‘<strong>\u062e\u0637\u0637:<\/strong> \u0636\u0639 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643. \u062d\u062f\u062f \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u060c \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629\u060c \u0648\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u064a \u0633\u062a\u0633\u062a\u062e\u062f\u0645\u0647\u0627. \u0647\u0630\u0647 \u0647\u064a \u0627\u0644\u0623\u0633\u0627\u0633 \u0644\u062d\u0645\u0644\u062a\u0643.’,<br \/>\n orient: ‘<strong>\u0646\u0641\u0651\u0630:<\/strong> \u0623\u0637\u0644\u0642 \u062d\u0645\u0644\u062a\u0643 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062e\u0637\u062a\u0643. \u0642\u0645 \u0628\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u062a\u0648\u0632\u064a\u0639\u0647\u060c \u0648\u0642\u0645 \u0628\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\u060c \u0648\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u062a\u0639\u0645\u0644 \u0628\u0634\u0643\u0644 \u0635\u062d\u064a\u062d.’,<br \/>\n decide: ‘<strong>\u062d\u0644\u0651\u0644:<\/strong> \u0642\u0650\u0633 \u0627\u0644\u0646\u062a\u0627\u0626\u062c. \u0627\u0633\u062a\u062e\u062f\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0644\u062a\u062a\u0628\u0639 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (KPIs) \u0645\u062b\u0644 \u0627\u0644\u0646\u0642\u0631\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a\u060c \u0648\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u062c\u0645\u0647\u0648\u0631. \u0647\u0630\u0627 \u064a\u062e\u0628\u0631\u0643 \u0628\u0645\u0627 \u064a\u0646\u062c\u062d \u0648\u0645\u0627 \u0644\u0627 \u064a\u0646\u062c\u062d.’,<br \/>\n act: ‘<strong>\u062a\u0639\u0644\u0645:<\/strong> \u0627\u0633\u062a\u062e\u062f\u0645 \u0645\u0627 \u062a\u0639\u0644\u0645\u062a\u0647 \u0645\u0646 \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643. \u0642\u0645 \u0628\u062a\u0639\u062f\u064a\u0644 \u0627\u0644\u062d\u0645\u0644\u0629\u060c \u0623\u0648 \u0635\u064a\u0627\u063a\u0629 \u0631\u0633\u0627\u0626\u0644 \u062c\u062f\u064a\u062f\u0629\u060c \u0623\u0648 \u062a\u062c\u0631\u0628\u0629 \u0642\u0646\u0648\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629. \u062b\u0645 \u0627\u0628\u062f\u0623 \u0627\u0644\u062f\u0648\u0631\u0629 \u0645\u0646 \u062c\u062f\u064a\u062f \u0644\u062a\u062d\u0642\u064a\u0642 \u062a\u062d\u0633\u064a\u0646 \u0645\u0633\u062a\u0645\u0631.’<br \/>\n },<br \/>\n },<br \/>\n timeline: {<br \/>\n title: ‘\u0645\u0631\u0627\u062d\u0644 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644’,<br \/>\n text: ‘\u0641\u0647\u0645 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u064a\u0633\u0645\u062d \u0644\u0643 \u0628\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u0645\u0646 \u0623\u0648\u0644 \u062a\u0641\u0627\u0639\u0644 \u0644\u0644\u0639\u0645\u064a\u0644 \u0645\u0639 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0625\u0644\u0649 \u0623\u0646 \u064a\u0635\u0628\u062d \u0645\u062f\u0627\u0641\u0639\u064b\u0627 \u0639\u0646\u0647\u0627\u060c \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0623\u0647\u062f\u0627\u0641\u0647\u0627 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629. \u0627\u0646\u0642\u0631 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0644\u0641\u0647\u0645\u0647\u0627 \u0628\u0634\u0643\u0644 \u0623\u0641\u0636\u0644.’,<br \/>\n items: [<br \/>\n {<br \/>\n id: ‘awareness’,<br \/>\n title: ‘\u0627\u0644\u0648\u0639\u064a’,<br \/>\n goal: ‘\u0627\u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0648\u062c\u0630\u0628 \u0627\u0644\u0627\u0646\u062a\u0628\u0627\u0647’,<br \/>\n content: ‘\u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629\u060c \u0644\u0627 \u064a\u0639\u0631\u0641 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0639\u0646\u0643 \u0634\u064a\u0626\u064b\u0627. \u0647\u062f\u0641\u0643 \u0647\u0648 \u062c\u0630\u0628 \u0627\u0646\u062a\u0628\u0627\u0647\u0647 \u0648\u062a\u0639\u0631\u064a\u0641\u0647 \u0628\u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062d\u062a\u0648\u0649 \u0642\u064a\u0645 \u0623\u0648 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629.’,<br \/>\n actions: [‘\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0639\u0644\u0649 \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a’, ‘\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u063a\u0646\u064a \u0628\u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a’, ‘\u0627\u0644\u0638\u0647\u0648\u0631 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b (SEO)’, ‘\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u0627\u0644\u0645\u062d\u062a\u0648\u0649’]<br \/>\n },<br \/>\n {<br \/>\n id: ‘consideration’,<br \/>\n title: ‘\u0627\u0644\u0627\u0639\u062a\u0628\u0627\u0631’,<br \/>\n goal: ‘\u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629 \u0648\u0625\u062b\u0628\u0627\u062a \u0627\u0644\u0642\u064a\u0645\u0629’,<br \/>\n content: ‘\u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0622\u0646 \u0639\u0644\u0649 \u062f\u0631\u0627\u064a\u0629 \u0628\u0648\u062c\u0648\u062f\u0643 \u0648\u064a\u0641\u0643\u0631 \u0641\u064a \u062e\u064a\u0627\u0631\u0627\u062a\u0647. \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629\u060c \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629 \u0648\u0625\u0638\u0647\u0627\u0631 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0645\u0646\u062a\u062c\u0643 \u0623\u0648 \u062e\u062f\u0645\u062a\u0643 \u062d\u0644 \u0645\u0634\u0643\u0644\u062a\u0647.’,<br \/>\n actions: [‘\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0642\u064a\u0645\u0629’, ‘\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a’, ‘\u0627\u0644\u0646\u062f\u0648\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a (webinars)’,’\u0645\u0642\u0627\u0631\u0646\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a’]<br \/>\n },<br \/>\n {<br \/>\n id: ‘purchase’,<br \/>\n title: ‘\u0627\u0644\u0634\u0631\u0627\u0621’,<br \/>\n goal: ‘\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0625\u0644\u0649 \u0645\u0634\u062a\u0631\u064d’,<br \/>\n content: ‘\u0644\u0642\u062f \u0627\u062a\u062e\u0630 \u0627\u0644\u0639\u0645\u064a\u0644 \u0642\u0631\u0627\u0631\u0647 \u0648\u064a\u0631\u064a\u062f \u0627\u0644\u0634\u0631\u0627\u0621. \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0633\u0647\u0644\u0629 \u0648\u0633\u0644\u0633\u0629 \u0642\u062f\u0631 \u0627\u0644\u0625\u0645\u0643\u0627\u0646. \u0631\u0643\u0632 \u0639\u0644\u0649 \u0625\u0632\u0627\u0644\u0629 \u0623\u064a \u062d\u0648\u0627\u062c\u0632 \u0642\u062f \u062a\u0645\u0646\u0639\u0647 \u0645\u0646 \u0625\u0643\u0645\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629.’,<br \/>\n actions: [‘\u0635\u0641\u062d\u0627\u062a \u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u062f\u0627\u0639\u0645\u0629’, ‘\u0639\u0645\u0644\u064a\u0629 \u062f\u0641\u0639 \u0633\u0647\u0644\u0629 \u0648\u0628\u0633\u064a\u0637\u0629’, ‘\u0639\u0631\u0648\u0636 \u062e\u0627\u0635\u0629 \u0623\u0648 \u062d\u0635\u0631\u064a\u0629’, ‘\u062f\u0639\u0645 \u0641\u0646\u064a \u0633\u0631\u064a\u0639’]<br \/>\n },<br \/>\n {<br \/>\n id: ‘loyalty’,<br \/>\n title: ‘\u0627\u0644\u0648\u0644\u0627\u0621’,<br \/>\n goal: ‘\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f’,<br \/>\n content: ‘\u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u0627 \u062a\u0646\u062a\u0647\u064a \u0628\u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0623\u0648\u0644. \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629\u060c \u064a\u062c\u0628 \u0623\u0646 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0625\u0644\u0649 \u0645\u062f\u0627\u0641\u0639\u064a\u0646 \u0639\u0646 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0642\u064a\u0645\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0648\u062f\u0639\u0645 \u0645\u0645\u062a\u0627\u0632.’,<br \/>\n actions: [‘\u0628\u0631\u0627\u0645\u062c \u0627\u0644\u0648\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u0643\u0627\u0641\u0622\u062a’, ‘\u0631\u0633\u0627\u0626\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062e\u0635\u0635\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0627\u062a’, ‘\u0637\u0644\u0628 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0648\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a’, ‘\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0628\u0627\u0642\u064a’]<br \/>\n }<br \/>\n ]<br \/>\n },<br \/>\n humanElement: {<br \/>\n title: ‘\u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0628\u0634\u0631\u064a: \u0641\u0647\u0645 \u0634\u062e\u0635\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621’,<br \/>\n text: ‘\u0641\u0639\u0627\u0644\u064a\u0629 \u0623\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u062a\u062a\u062d\u062f\u062f \u0628\u0641\u0647\u0645\u0643 \u0644\u0644\u0639\u0645\u064a\u0644. \u064a\u0624\u062b\u0631 \u0641\u0647\u0645 \u0646\u0642\u0627\u0637 \u0627\u0644\u0623\u0644\u0645 \u0648\u0627\u0644\u062f\u0648\u0627\u0641\u0639 \u0639\u0644\u0649 \u0643\u064a\u0641\u064a\u0629 \u0635\u064a\u0627\u063a\u0629 \u0631\u0633\u0627\u0644\u062a\u0643. \u064a\u0633\u0627\u0639\u062f\u0643 \u0647\u0630\u0627 \u0627\u0644\u0634\u0631\u064a\u0637 \u0641\u064a \u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0643\u064a\u0641 \u062a\u0624\u062b\u0631 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u062c\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0646\u0647\u062c\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a.’,<br \/>\n sliderLabel: ‘\u0636\u0628\u0637 \u0645\u0633\u062a\u0648\u0649 \u062d\u0627\u062c\u0629 \u0627\u0644\u0639\u0645\u064a\u0644’,<br \/>\n stressLevels: {<br \/>\n low: ‘\u0642\u0644\u064a\u0644’,<br \/>\n moderate: ‘\u0645\u062a\u0648\u0633\u0637’,<br \/>\n high: ‘\u0643\u0628\u064a\u0631’<br \/>\n },<br \/>\n impactTitle: ‘\u0646\u0647\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647’,<br \/>\n stressImpacts: {<br \/>\n low: ‘\u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u062d\u0627\u062c\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0642\u0644\u064a\u0644\u0629\u060c \u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u0648\u0639\u064a \u0628\u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629. \u0642\u062f\u0645 \u0645\u062d\u062a\u0648\u0649 \u062c\u0630\u0627\u0628\u064b\u0627 \u0648\u0639\u0627\u0645\u064b\u0627 \u064a\u062b\u064a\u0631 \u0641\u0636\u0648\u0644\u0647 \u0648\u064a\u0642\u062f\u0645 \u0642\u064a\u0645\u0629 \u062a\u0631\u0641\u064a\u0647\u064a\u0629 \u0623\u0648 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062f\u0648\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u062a\u0633\u0648\u064a\u0642\u064a\u064b\u0627 \u0628\u0634\u0643\u0644 \u0645\u0628\u0627\u0634\u0631.’,<br \/>\n moderate: ‘\u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u062d\u0627\u062c\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u062a\u0648\u0633\u0637\u0629\u060c \u0631\u0643\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0627\u0644\u062b\u0642\u0629 \u0648\u0625\u0638\u0647\u0627\u0631 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0643 \u062d\u0644 \u0645\u0634\u0643\u0644\u062a\u0647. \u0642\u062f\u0645 \u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629\u060c \u0648\u0634\u0647\u0627\u062f\u0627\u062a\u060c \u0648\u0642\u0635\u0635 \u0646\u062c\u0627\u062d \u062a\u0648\u0636\u062d \u0642\u064a\u0645\u0629 \u0645\u0646\u062a\u062c\u0643 \u0623\u0648 \u062e\u062f\u0645\u062a\u0643 \u0628\u0634\u0643\u0644 \u0645\u0644\u0645\u0648\u0633.’,<br \/>\n high: ‘\u0639\u0646\u062f\u0645\u0627 \u062a\u0643\u0648\u0646 \u062d\u0627\u062c\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0643\u0628\u064a\u0631\u0629\u060c \u0631\u0643\u0632 \u0639\u0644\u0649 \u062d\u0644 \u0645\u0634\u0643\u0644\u062a\u0647 \u0641\u0648\u0631\u064b\u0627. \u0642\u062f\u0645 \u062d\u0644\u0648\u0644\u064b\u0627 \u0645\u0628\u0627\u0634\u0631\u0629\u060c \u0648\u0639\u0631\u0648\u0636\u064b\u0627 \u0648\u0627\u0636\u062d\u0629\u060c \u0648\u062a\u062c\u0631\u0628\u0629 \u0634\u0631\u0627\u0621 \u0633\u0644\u0633\u0629. \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0631\u0633\u0627\u0644\u062a\u0643 \u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u062a\u0633\u062a\u0647\u062f\u0641 \u0646\u0642\u0627\u0637 \u0627\u0644\u0623\u0644\u0645 \u0627\u0644\u0645\u062d\u062f\u062f\u0629 \u0644\u0644\u0639\u0645\u064a\u0644.’<br \/>\n }<br \/>\n },<br \/>\n enablers: {<br \/>\n title: ‘\u0627\u0644\u0645\u064f\u0645\u0643\u0650\u0651\u0646\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0641\u0639\u0627\u0644’,<br \/>\n text: ‘\u064a\u062a\u0637\u0644\u0628 \u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0643\u0628\u064a\u0631 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062c\u064a\u062f\u0629\u061b \u0628\u0644 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0645\u0645\u0643\u0646\u0629 \u0627\u0644\u062a\u064a \u062a\u0628\u0646\u064a \u0627\u0644\u0642\u062f\u0631\u0627\u062a \u0648\u062a\u0633\u0631\u0639 \u0627\u0644\u0639\u0645\u0644. \u0647\u0630\u0647 \u0627\u0644\u0645\u0645\u0643\u0646\u0627\u062a – \u0645\u0646 \u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u0623\u062f\u0648\u0627\u062a – \u0647\u064a \u0645\u0636\u0627\u0639\u0641\u0627\u062a \u0627\u0644\u0642\u0648\u0629 \u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629.’,<br \/>\n cards: [<br \/>\n {<br \/>\n icon: ‘\ud83d\udcda’,<br \/>\n heading: ‘\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0639\u0644\u0645’,<br \/>\n body: ‘\u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0647\u0648 \u0623\u0633\u0627\u0633 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0646\u0627\u062c\u062d. \u0628\u0646\u0627\u0621 \u0645\u0647\u0627\u0631\u0627\u062a \u0645\u062b\u0644 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0648\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\u060c \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u064a\u0636\u0645\u0646 \u0628\u0642\u0627\u0621\u0643 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u062a\u0637\u0648\u0631\u0627\u062a.’<br \/>\n },<br \/>\n {<br \/>\n icon: ‘\u2699\ufe0f’,<br \/>\n heading: ‘\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0629’,<br \/>\n body: ‘\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 (\u0645\u062b\u0644 \u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 CRM\u060c \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0623\u062a\u0645\u062a\u0629\u060c \u0648\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644) \u064a\u0633\u0645\u062d \u0628\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0642\u064a\u0627\u0633 \u0627\u0644\u062f\u0642\u064a\u0642 \u0644\u0644\u0623\u062f\u0627\u0621.’<br \/>\n },<br \/>\n {<br \/>\n icon: ‘\ud83e\udd1d’,<br \/>\n heading: ‘\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u062a\u0646\u0627\u063a\u0645’,<br \/>\n body: ‘\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0644\u0627 \u064a\u0639\u0645\u0644 \u0628\u0645\u0639\u0632\u0644 \u0639\u0646 \u063a\u064a\u0631\u0647. \u064a\u0639\u062f \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0648\u062b\u064a\u0642 \u0645\u0639 \u0641\u0631\u0642 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u062f\u0639\u0645 \u0623\u0645\u0631\u064b\u0627 \u0628\u0627\u0644\u063a \u0627\u0644\u0623\u0647\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0644\u0639\u0645\u064a\u0644.’<br \/>\n }<br \/>\n ]<br \/>\n },<br \/>\n recommendations: {<br \/>\n title: ‘\u062a\u0648\u0635\u064a\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630’,<br \/>\n text: ‘\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062d\u062f\u064a\u062b\u060c \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u062a\u0648\u0635\u064a\u0627\u062a \u062e\u0627\u0631\u0637\u0629 \u0637\u0631\u064a\u0642 \u0644\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0642\u0648\u064a\u0629 \u0648\u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0645\u0633\u062a\u062f\u0627\u0645.’,<br \/>\n list: [<br \/>\n ‘<strong>\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0642\u064a\u0645\u0629 \u0623\u0648\u0644\u0627\u064b:<\/strong> \u0642\u0645 \u0628\u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u062a\u0648\u0649 \u064a\u062d\u0644 \u0645\u0634\u0627\u0643\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629.’,<br \/>\n ‘<strong>\u0642\u064a\u0627\u0633 \u0643\u0644 \u0634\u064a\u0621:<\/strong> \u0627\u0633\u062a\u062e\u062f\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0644\u062a\u062a\u0628\u0639 \u0643\u0644 \u062a\u0641\u0627\u0639\u0644 \u0644\u0644\u0639\u0645\u064a\u0644 \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a\u0643 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u0642\u064a\u0642\u0629.’,<br \/>\n ‘<strong>\u0627\u0639\u062a\u0645\u0627\u062f \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0631\u0634\u064a\u0642 (Agile):<\/strong> \u0637\u0628\u0642 \u0645\u0646\u0647\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u0643\u0631\u0627\u0631 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0633\u0631\u064a\u0639 \u0644\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0644\u0644\u062a\u063a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0628\u0633\u0631\u0639\u0629.’,<br \/>\n ‘<strong>\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0631\u0633\u0627\u0644\u0629:<\/strong> \u0627\u0633\u062a\u062e\u062f\u0645 \u0634\u062e\u0635\u064a\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 (Personas) \u0644\u062a\u062e\u0635\u064a\u0635 \u0631\u0633\u0627\u0626\u0644\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0644\u062a\u0643\u0648\u0646 \u0623\u0643\u062b\u0631 \u0635\u0644\u0629 \u0648\u0641\u0639\u0627\u0644\u064a\u0629.’,<br \/>\n ‘<strong>\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u062c\u062a\u0645\u0639:<\/strong> \u0644\u0627 \u062a\u0643\u062a\u0641\u0650 \u0628\u0627\u0644\u0628\u064a\u0639\u060c \u0628\u0644 \u0627\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0645\u062c\u062a\u0645\u0639 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0623\u0648\u0641\u064a\u0627\u0621 \u0627\u0644\u0630\u064a\u0646 \u064a\u062f\u0627\u0641\u0639\u0648\u0646 \u0639\u0646 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.’<br \/>\n ]<br \/>\n }<br \/>\n },<br \/>\n \/\/ Placeholder for English data (for the remaining logic to function)<br \/>\n en: {<br \/>\n appTitle: ‘Marketing Coach’,<br \/>\n navLinks: {},<br \/>\n hero: { title: ‘Mastering Sustainable Growth Marketing Strategies’, text: ‘This interactive article is your guide to transitioning from traditional marketing thinking to dynamic digital strategies. Explore core frameworks, understand the customer journey, and use the right tools to effectively build your brand and achieve your business goals.’ },<br \/>\n principles: { title: ‘Paradigm Shift: Traditional vs. Modern Marketing’, text: ‘The rules of the game have changed. While traditional marketing focuses on mass reach, modern marketing targets and interacts with defined audiences. This chart highlights the key differences, illustrating why modern approaches are more effective today. Interact with the chart to see the contrast.’ },<br \/>\n comparison: {<br \/>\n labels: [‘Targeting’, ‘Channels’, ‘Interaction’, ‘Measurement’, ‘Focus’],<br \/>\n datasets: [<br \/>\n { label: ‘Traditional Marketing’, data: [2, 4, 1, 2, 3], backgroundColor: ‘rgba(250, 202, 21, 0.6)’, borderColor: ‘rgba(250, 202, 21, 1)’, borderWidth: 1 },<br \/>\n { label: ‘Modern Marketing’, data: [5, 5, 5, 5, 5], backgroundColor: ‘rgba(0, 0, 0, 0.6)’, borderColor: ‘rgba(0, 0, 0, 1)’, borderWidth: 1 }<br \/>\n ],<br \/>\n tooltips: {<br \/>\n ‘Traditional Marketing’: [‘Targets broad, general audiences.’, ‘One-way channels like print and TV.’, ‘Limited or absent audience interaction.’, ‘Difficult and imprecise measurement (like reach).’, ‘Focuses on direct product selling.’],<br \/>\n ‘Modern Marketing’: [‘Targets specific, defined audience segments.’, ‘Interactive channels like social media and email.’, ‘Continuous interaction and relationship building.’, ‘Accurate, traceable measurement (like clicks and conversions).’, ‘Focuses on building value and customer relationship.’]<br \/>\n }<br \/>\n },<br \/>\n frameworks: {<br \/>\n title: ‘Essential Marketing Frameworks’, text: ‘Effective marketing relies on proven frameworks to organize ideas, prioritize, and make fast decisions. These models provide the necessary structure for sustainable results. Select a framework below to explore its structure and application.’,<br \/>\n tabs: { ‘content-rhythm’: ‘Content Rhythm’, ‘eisenhower-matrix’: ‘Task Matrix’, ‘agile-loop’: ‘Agile Marketing Loop’ },<br \/>\n content: {<br \/>\n ‘content-rhythm’: {<br \/>\n title: ‘Content Rhythm: A Strategic Blueprint for Your Brand’,<br \/>\n content: `<\/p>\n<p class=\"mb-4 text-gray-600\">“Content Rhythm” is a structured plan for regular content publication. It ensures your brand consistency, covers all marketing channels, and keeps your audience engaged. This framework replaces chaotic posting with a thoughtful plan that maintains your brand’s momentum.<\/p>\n<ul class=\"space-y-3 list-disc list-inside text-gray-700\">\n<li><strong>Predictable Schedule:<\/strong> Defines when and where content is published (e.g., weekly blog posts, daily social media updates).<\/li>\n<li><strong>Comprehensive Coverage:<\/strong> Ensures all marketing channels work harmoniously together.<\/li>\n<li><strong>Builds Trust:<\/strong> Establishes your brand as a reliable source of information in its field.<\/li>\n<li><strong>Facilitates Decision Making:<\/strong> Reduces time wasted wondering “what to post today?”.<\/li>\n<\/ul>\n<p>`<br \/>\n },<br \/>\n ‘eisenhower-matrix’: {<br \/>\n title: ‘Marketing Prioritization: The Task Matrix’,<br \/>\n content: `<\/p>\n<p class=\"mb-6 text-gray-600\">In marketing, effective leadership requires managing tasks, not just time. This matrix helps you prioritize actions based on importance and urgency, guiding you to focus on what truly drives progress. Click on a quadrant to learn more.<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 text-white text-center\">\n<div id=\"matrix-q1\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">Quadrant 1: Urgent & Important (Do Now)<\/h4>\n<p class=\"text-sm\">Instant Campaigns & Customer Issues<\/p>\n<\/p><\/div>\n<div id=\"matrix-q2\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">Quadrant 2: Not Urgent & Important (Plan)<\/h4>\n<p class=\"text-sm\">Strategic Planning & Brand Building<\/p>\n<\/p><\/div>\n<div id=\"matrix-q3\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">Quadrant 3: Urgent & Not Important (Delegate\/Reduce)<\/h4>\n<p class=\"text-sm\">Alerts and Interruptions<\/p>\n<\/p><\/div>\n<div id=\"matrix-q4\" class=\"matrix-quadrant p-4 rounded-lg shadow-md\">\n<h4 class=\"font-bold text-lg\">Quadrant 4: Not Urgent & Not Important (Ignore)<\/h4>\n<p class=\"text-sm\">Time Wasters<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"matrix-details\" class=\"mt-6 p-4 bg-gray-100 rounded-lg text-gray-700 hidden\"><\/div>\n<p>`<br \/>\n },<br \/>\n ‘agile-loop’: {<br \/>\n title: ‘Accelerating Performance: The Agile Marketing Loop (Plan-Execute-Analyze-Learn)’,<br \/>\n content: `<\/p>\n<p class=\"mb-6 text-gray-600\">Agile marketing is a framework for fast, iterative decision-making in digital environments. By constantly cycling through these four stages, you can optimize your campaigns and outperform competitors. Click on a stage to explore it.<\/p>\n<div class=\"flex flex-col md:flex-row justify-center items-center gap-4\">\n<div class=\"w-full md:w-3\/5 grid grid-cols-2 gap-4\">\n<div id=\"ooda-observe\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">Plan<\/h4>\n<p class=\"text-sm\">Formulate Strategy<\/p>\n<\/p><\/div>\n<div id=\"ooda-orient\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">Execute<\/h4>\n<p class=\"text-sm\">Launch Campaign<\/p>\n<\/p><\/div>\n<div id=\"ooda-decide\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">Analyze<\/h4>\n<p class=\"text-sm\">Measure Results<\/p>\n<\/p><\/div>\n<div id=\"ooda-act\" class=\"ooda-stage text-white p-4 rounded-lg shadow-md text-center\">\n<h4 class=\"font-bold text-lg\">Learn<\/h4>\n<p class=\"text-sm\">Improve & Iterate<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div id=\"ooda-details\" class=\"w-full md:w-2\/5 mt-4 md:mt-0 p-4 bg-gray-100 rounded-lg text-gray-700 hidden\"><\/div>\n<\/p><\/div>\n<p>`<br \/>\n },<br \/>\n },<br \/>\n matrixDetails: {<br \/>\n q1: ‘<strong>Do Now:<\/strong> These tasks require immediate attention. They include responding to customer requests, addressing website errors, or launching a time-sensitive campaign. Managing these is essential.’,<br \/>\n q2: ‘<strong>Plan:<\/strong> This is the most crucial quadrant for long-term growth. Activities here include strategic planning, creating valuable content, and building customer relationships. You should aim to spend most of your time here.’,<br \/>\n q3: ‘<strong>Delegate\/Reduce:<\/strong> These tasks create a false sense of urgency (like unimportant emails or social media updates that don’t drive results). Actively reduce them by delegating, using tools, or saying “No.”‘,<br \/>\n q4: ‘<strong>Ignore:<\/strong> These tasks contribute nothing to your marketing goals. They are time-wasters that should be eliminated from your schedule.’<br \/>\n },<br \/>\n oodaDetails: {<br \/>\n observe: ‘<strong>Plan:<\/strong> Set your goals and strategy. Define the target audience, message, and marketing channels you will use. This is the foundation of your campaign.’,<br \/>\n orient: ‘<strong>Execute:<\/strong> Launch your campaign based on your plan. Create and distribute content, set up ads, and ensure all systems are working correctly.’,<br \/>\n decide: ‘<strong>Analyze:<\/strong> Measure the results. Use analytics tools to track key performance indicators (KPIs) like clicks, conversions, and audience engagement. This tells you what is working and what is not.’,<br \/>\n act: ‘<strong>Learn:<\/strong> Use what you learned from the analysis to improve your strategy. Adjust the campaign, formulate new messages, or test different channels. Then, start the cycle over for continuous improvement.’<br \/>\n },<br \/>\n },<br \/>\n timeline: {<br \/>\n title: ‘The Customer Journey Stages’,<br \/>\n text: ‘Understanding the customer journey allows you to deliver the right message at the right time. From the customer’s first interaction with your brand until they become an advocate, each stage has its marketing objectives. Click on each stage to understand it better.’,<br \/>\n items: [<br \/>\n {<br \/>\n id: ‘awareness’,<br \/>\n title: ‘Awareness’,<br \/>\n goal: ‘Targeting and Attention Grabbing’,<br \/>\n content: ‘At this stage, the potential customer knows nothing about you. Your goal is to capture their attention and introduce them to your brand through valuable content or paid advertisements.’,<br \/>\n actions: [‘Paid social media advertising’, ‘Informative blog content’, ‘Search Engine Optimization (SEO)’, ‘Content Marketing’]<br \/>\n },<br \/>\n {<br \/>\n id: ‘consideration’,<br \/>\n title: ‘Consideration’,<br \/>\n goal: ‘Building Trust and Proving Value’,<br \/>\n content: ‘The customer is now aware of your existence and considering their options. At this stage, you need to build trust and show how your product or service can solve their problem.’,<br \/>\n actions: [‘Email newsletters offering valuable insights’, ‘Case studies and testimonials’, ‘Webinars’, ‘Product comparisons’]<br \/>\n },<br \/>\n {<br \/>\n id: ‘purchase’,<br \/>\n title: ‘Purchase’,<br \/>\n goal: ‘Converting a Prospect into a Buyer’,<br \/>\n content: ‘The customer has made their decision and wants to buy. The purchase process should be as easy and smooth as possible. Focus on removing any barriers that might prevent them from completing the process.’,<br \/>\n actions: [‘Clear and supportive product pages’, ‘Easy and simple checkout process’, ‘Special or exclusive offers’, ‘Quick technical support’]<br \/>\n },<br \/>\n {<br \/>\n id: ‘loyalty’,<br \/>\n title: ‘Loyalty’,<br \/>\n goal: ‘Building a Long-Term Relationship’,<br \/>\n content: ‘The customer journey doesn’t end with the first purchase. At this stage, you must focus on turning customers into brand advocates by providing continuous value and excellent support.’,<br \/>\n actions: [‘Loyalty and rewards programs’, ‘Personalized emails and follow-ups’, ‘Requesting reviews and testimonials’, ‘Proactive customer support’]<br \/>\n }<br \/>\n ]<br \/>\n },<br \/>\n humanElement: {<br \/>\n title: ‘The Human Element: Understanding Customer Personas’,<br \/>\n text: ‘The effectiveness of any marketing strategy is determined by your understanding of the customer. Understanding pain points and motivations affects how you craft your message. This slider helps you explore how different customer need levels influence your marketing approach.’,<br \/>\n sliderLabel: ‘Adjust Customer Need Level’,<br \/>\n stressLevels: { low: ‘Low’, moderate: ‘Moderate’, high: ‘High’ },<br \/>\n impactTitle: ‘Recommended Marketing Approach’,<br \/>\n stressImpacts: {<br \/>\n low: ‘When the customer need is low, focus on brand awareness. Provide engaging, general content that piques their curiosity and offers entertainment or educational value without being overtly promotional.’,<br \/>\n moderate: ‘When the customer need is moderate, focus on building trust and showing how you can solve their problem. Provide case studies, testimonials, and success stories that concretely demonstrate the value of your product or service.’,<br \/>\n high: ‘When the customer need is high, focus on solving their problem immediately. Offer direct solutions, clear offers, and a smooth purchase experience. Your message should be direct and target the customer’s specific pain points.’<br \/>\n }<br \/>\n },<br \/>\n enablers: {<br \/>\n title: ‘Key Enablers for Effective Marketing’,<br \/>\n text: ‘Achieving significant growth requires more than just a good strategy; it depends on a set of enabling factors that build capability and accelerate action. These enablers\u2014from skills to tools\u2014are the force multipliers for your marketing strategy.’,<br \/>\n cards: [<br \/>\n { icon: ‘\ud83d\udcda’, heading: ‘Skills and Learning’, body: ‘Continuous learning is the foundation of successful marketing. Building skills like data analysis, content creation, and digital advertising ensures you stay updated with the latest developments.’ },<br \/>\n { icon: ‘\u2699\ufe0f’, heading: ‘Tools and Technology’, body: ‘Using the right toolkit (such as CRM systems, automation tools, and analytics platforms) allows for increased efficiency and accurate performance measurement.’ },<br \/>\n { icon: ‘\ud83e\udd1d’, heading: ‘Collaboration and Harmony’, body: ‘Marketing does not work in isolation. Close coordination with sales, product, and support teams is crucial to ensure a seamless customer experience.’ }<br \/>\n ]<br \/>\n },<br \/>\n recommendations: {<br \/>\n title: ‘Actionable Recommendations’,<br \/>\n text: ‘Based on modern marketing principles, these recommendations provide a roadmap for building a strong brand and achieving sustainable growth.’,<br \/>\n list: [<br \/>\n ‘<strong>Focus on Value First:<\/strong> Create content that solves customer problems, rather than focusing on direct sales.’,<br \/>\n ‘<strong>Measure Everything:<\/strong> Use analytics tools to track every customer interaction and optimize your strategies based on accurate data.’,<br \/>\n ‘<strong>Adopt the Agile Framework:<\/strong> Apply methodologies of iteration and rapid improvement to quickly respond to market changes.’,<br \/>\n ‘<strong>Personalize the Message:<\/strong> Use Customer Personas to tailor your marketing messages to be more relevant and effective.’,<br \/>\n ‘<strong>Build Community:<\/strong> Don’t just sell; work to build a community of loyal customers who advocate for your brand.’<br \/>\n ]<br \/>\n }<br \/>\n }<br \/>\n };<\/p>\n<p> \/\/ — Core Functions —<\/p>\n<p> \/**<br \/>\n * Renders all language-dependent text on the page.<br \/>\n * @param {string} lang ‘ar’ or ‘en’<br \/>\n *\/<br \/>\n function renderContent(lang) {<br \/>\n const data = languageData[lang];<br \/>\n document.documentElement.lang = lang;<br \/>\n document.documentElement.dir = lang === ‘ar’ ? ‘rtl’ : ‘ltr’;<\/p>\n<p> \/\/ 1. Hero<br \/>\n document.getElementById(‘hero-title’).textContent = data.hero.title;<br \/>\n document.getElementById(‘hero-text’).textContent = data.hero.text;<\/p>\n<p> \/\/ 2. Principles<br \/>\n document.getElementById(‘principles-title’).textContent = data.principles.title;<br \/>\n document.getElementById(‘principles-text’).textContent = data.principles.text;<\/p>\n<p> \/\/ 3. Frameworks<br \/>\n document.getElementById(‘frameworks-title’).textContent = data.frameworks.title;<br \/>\n document.getElementById(‘frameworks-text’).textContent = data.frameworks.text;<br \/>\n document.getElementById(‘tab-content-rhythm’).textContent = data.frameworks.tabs[‘content-rhythm’];<br \/>\n document.getElementById(‘tab-eisenhower-matrix’).textContent = data.frameworks.tabs[‘eisenhower-matrix’];<br \/>\n document.getElementById(‘tab-agile-loop’).textContent = data.frameworks.tabs[‘agile-loop’];<\/p>\n<p> \/\/ 4. Timeline<br \/>\n document.getElementById(‘timeline-title’).textContent = data.timeline.title;<br \/>\n document.getElementById(‘timeline-text’).textContent = data.timeline.text;<\/p>\n<p> \/\/ 5. Human Element<br \/>\n document.getElementById(‘human-element-title’).textContent = data.humanElement.title;<br \/>\n document.getElementById(‘human-element-text’).textContent = data.humanElement.text;<br \/>\n document.getElementById(‘stress-slider-label’).textContent = data.humanElement.sliderLabel;<br \/>\n document.getElementById(‘stress-low’).textContent = data.humanElement.stressLevels.low;<br \/>\n document.getElementById(‘stress-moderate’).textContent = data.humanElement.stressLevels.moderate;<br \/>\n document.getElementById(‘stress-high’).textContent = data.humanElement.stressLevels.high;<br \/>\n document.getElementById(‘stress-impact-title’).textContent = data.humanElement.impactTitle;<\/p>\n<p> \/\/ 6. Enablers<br \/>\n document.getElementById(‘enablers-title’).textContent = data.enablers.title;<br \/>\n document.getElementById(‘enablers-text’).textContent = data.enablers.text;<\/p>\n<p> \/\/ 7. Recommendations<br \/>\n document.getElementById(‘recommendations-title’).textContent = data.recommendations.title;<br \/>\n document.getElementById(‘recommendations-text’).textContent = data.recommendations.text;<\/p>\n<p> \/\/ Re-render complex components<br \/>\n renderFrameworks(currentActiveTab, lang);<br \/>\n renderTimeline(lang);<br \/>\n renderEnablers(lang);<br \/>\n renderRecommendations(lang);<br \/>\n updateStressImpact(document.getElementById(‘stress-slider’).value, lang);<br \/>\n }<\/p>\n<p> \/**<br \/>\n * Initializes the comparison bar chart (Chart.js).<br \/>\n *\/<br \/>\n let comparisonChart;<br \/>\n function initChart(lang) {<br \/>\n const data = languageData[lang];<br \/>\n const ctx = document.getElementById(‘comparisonChart’).getContext(‘2d’);<\/p>\n<p> if (comparisonChart) {<br \/>\n comparisonChart.destroy();<br \/>\n }<\/p>\n<p> comparisonChart = new Chart(ctx, {<br \/>\n type: ‘bar’,<br \/>\n data: {<br \/>\n labels: data.comparison.labels,<br \/>\n datasets: data.comparison.datasets<br \/>\n },<br \/>\n options: {<br \/>\n responsive: true,<br \/>\n maintainAspectRatio: false,<br \/>\n indexAxis: ‘y’, \/\/ Horizontal bar chart<br \/>\n scales: {<br \/>\n x: {<br \/>\n beginAtZero: true,<br \/>\n max: 5,<br \/>\n title: {<br \/>\n display: true,<br \/>\n text: ‘\u0627\u0644\u0623\u0647\u0645\u064a\u0629\/\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0629 (1=\u0623\u062f\u0646\u0649\u060c 5=\u0623\u0639\u0644\u0649)’,<br \/>\n font: { size: 14 }<br \/>\n }<br \/>\n },<br \/>\n y: {<br \/>\n ticks: {<br \/>\n font: { size: 14 }<br \/>\n }<br \/>\n }<br \/>\n },<br \/>\n plugins: {<br \/>\n legend: {<br \/>\n position: ‘top’,<br \/>\n labels: {<br \/>\n font: { size: 14 }<br \/>\n }<br \/>\n },<br \/>\n tooltip: {<br \/>\n callbacks: {<br \/>\n afterBody: function(context) {<br \/>\n const datasetLabel = context[0].dataset.label;<br \/>\n const index = context[0].dataIndex;<br \/>\n \/\/ Determine the key for tooltips based on the language<br \/>\n const tooltipData = data.comparison.tooltips[datasetLabel];<br \/>\n return tooltipData ? tooltipData[index] : ”;<br \/>\n }<br \/>\n }<br \/>\n }<br \/>\n }<br \/>\n }<br \/>\n });<br \/>\n }<\/p>\n<p> \/\/ — Frameworks (Tabs) Logic —<br \/>\n let currentActiveTab = ‘content-rhythm’;<\/p>\n<p> function renderFrameworks(tab, lang) {<br \/>\n const contentContainer = document.getElementById(‘frameworks-content’);<br \/>\n const tabData = languageData[lang].frameworks.content[tab];<\/p>\n<p> \/\/ Set the main content (title and HTML body)<br \/>\n contentContainer.innerHTML = `<\/p>\n<h3 class=\"text-2xl font-bold text-gray-800 mb-4\">${tabData.title}<\/h3>\n<p> ${tabData.content}<br \/>\n `;<\/p>\n<p> \/\/ Activate correct button<br \/>\n document.querySelectorAll(‘.tab-button’).forEach(btn => {<br \/>\n btn.classList.remove(‘active’);<br \/>\n if (btn.dataset.tab === tab) {<br \/>\n btn.classList.add(‘active’);<br \/>\n }<br \/>\n });<\/p>\n<p> \/\/ Initialize listeners for interactive diagrams if needed<br \/>\n if (tab === ‘eisenhower-matrix’) {<br \/>\n initMatrix(lang);<br \/>\n } else if (tab === ‘agile-loop’) {<br \/>\n initAgileLoop(lang);<br \/>\n }<br \/>\n }<\/p>\n<p> function initMatrix(lang) {<br \/>\n const detailsBox = document.getElementById(‘matrix-details’);<br \/>\n const matrixData = languageData[lang].frameworks.matrixDetails;<\/p>\n<p> document.querySelectorAll(‘.matrix-quadrant’).forEach(quadrant => {<br \/>\n quadrant.onclick = () => {<br \/>\n const id = quadrant.id.split(‘-‘)[1]; \/\/ q1, q2, q3, q4<br \/>\n detailsBox.innerHTML = matrixData[id];<br \/>\n detailsBox.classList.remove(‘hidden’);<\/p>\n<p> \/\/ Highlight active quadrant (optional – using basic class swap)<br \/>\n document.querySelectorAll(‘.matrix-quadrant’).forEach(q => q.classList.remove(‘shadow-xl’, ‘ring-4’, ‘ring-yellow-500’));<br \/>\n quadrant.classList.add(‘shadow-xl’, ‘ring-4’, ‘ring-yellow-500’);<br \/>\n };<br \/>\n });<\/p>\n<p> \/\/ Set initial detail view to Q2 (The most important area)<br \/>\n detailsBox.innerHTML = matrixData.q2;<br \/>\n detailsBox.classList.remove(‘hidden’);<br \/>\n document.getElementById(‘matrix-q2’).classList.add(‘shadow-xl’, ‘ring-4’, ‘ring-yellow-500’);<br \/>\n }<\/p>\n<p> function initAgileLoop(lang) {<br \/>\n const detailsBox = document.getElementById(‘ooda-details’);<br \/>\n const oodaData = languageData[lang].frameworks.oodaDetails;<\/p>\n<p> document.querySelectorAll(‘.ooda-stage’).forEach(stage => {<br \/>\n stage.onclick = () => {<br \/>\n const id = stage.id.split(‘-‘)[1]; \/\/ observe, orient, decide, act<br \/>\n detailsBox.innerHTML = oodaData[id];<br \/>\n detailsBox.classList.remove(‘hidden’);<\/p>\n<p> \/\/ Highlight active stage<br \/>\n document.querySelectorAll(‘.ooda-stage’).forEach(s => s.classList.remove(‘shadow-xl’, ‘ring-4’, ‘ring-yellow-500’));<br \/>\n stage.classList.add(‘shadow-xl’, ‘ring-4’, ‘ring-yellow-500’);<br \/>\n };<br \/>\n });<\/p>\n<p> \/\/ Set initial detail view to ‘Plan’ (observe)<br \/>\n detailsBox.innerHTML = oodaData.observe;<br \/>\n detailsBox.classList.remove(‘hidden’);<br \/>\n document.getElementById(‘ooda-observe’).classList.add(‘shadow-xl’, ‘ring-4’, ‘ring-yellow-500’);<br \/>\n }<\/p>\n<p> \/\/ — Timeline Logic —<\/p>\n<p> function renderTimeline(lang) {<br \/>\n const timelineContainer = document.getElementById(‘timeline-items’);<br \/>\n const data = languageData[lang].timeline.items;<br \/>\n timelineContainer.innerHTML = ”;<\/p>\n<p> data.forEach((item, index) => {<br \/>\n const isRight = index % 2 === 0;<br \/>\n const positionClass = isRight ? ‘md:justify-start’ : ‘md:justify-end’;<br \/>\n const textClass = isRight ? ‘md:text-right’ : ‘md:text-left’;<br \/>\n const dotPositionClass = isRight ? ‘md:left-1\/2 md:translate-x-[-1px] md:top-2’ : ‘md:right-1\/2 md:translate-x-[1px] md:top-2’;<\/p>\n<p> const timelineItem = document.createElement(‘div’);<br \/>\n timelineItem.className = `timeline-item flex ${positionClass} relative w-full`;<br \/>\n timelineItem.dataset.id = item.id;<\/p>\n<p> timelineItem.innerHTML = `<\/p>\n<div class=\"w-full md:w-1\/2 p-4 flex ${isRight ? 'md:pr-16' : 'md:pl-16'} justify-${isRight ? 'end' : 'start'}\">\n<div class=\"timeline-content bg-white rounded-xl shadow-lg p-6 w-full max-w-md cursor-pointer transition transform hover:shadow-xl hover:scale-[1.01]\">\n<div class=\"flex items-center space-x-2 ${lang === 'ar' ? 'flex-row-reverse space-x-reverse' : ''}\">\n<div class=\"w-2 h-2 rounded-full bg-gray-500 timeline-dot absolute ${dotPositionClass} hidden md:block\"><\/div>\n<h3 class=\"text-xl font-bold mb-1\">${item.title}<\/h3>\n<\/p><\/div>\n<p class=\"text-sm text-gray-500 mb-3\">${item.goal}<\/p>\n<p class=\"text-gray-700 mb-4\">${item.content}<\/p>\n<p> <strong class=\"text-sm text-purple-700\">${lang === ‘ar’ ? ‘\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642:’ : ‘Marketing Actions:’}<\/strong><\/p>\n<ul class=\"text-sm mt-1 space-y-1 list-disc list-inside ${lang === 'ar' ? 'mr-4' : 'ml-4'}\">\n ${item.actions.map(action => `<\/p>\n<li class=\"text-gray-600\">${action}<\/li>\n<p>`).join(”)}\n <\/ul>\n<\/p><\/div>\n<\/p><\/div>\n<p> `;<\/p>\n<p> timelineContainer.appendChild(timelineItem);<br \/>\n });<\/p>\n<p> \/\/ Attach click listeners to content boxes<br \/>\n document.querySelectorAll(‘.timeline-item’).forEach(item => {<br \/>\n const contentBox = item.querySelector(‘.timeline-content’);<br \/>\n contentBox.onclick = () => {<br \/>\n \/\/ Remove active class from all<br \/>\n document.querySelectorAll(‘.timeline-item’).forEach(i => i.classList.remove(‘active’));<br \/>\n \/\/ Add active class to clicked item<br \/>\n item.classList.add(‘active’);<br \/>\n };<br \/>\n });<\/p>\n<p> \/\/ Set the first item as active by default<br \/>\n const firstItem = document.querySelector(‘.timeline-item’);<br \/>\n if (firstItem) {<br \/>\n firstItem.classList.add(‘active’);<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ — Human Element (Slider) Logic —<br \/>\n function updateStressImpact(value, lang) {<br \/>\n const data = languageData[lang].humanElement.stressImpacts;<br \/>\n let impactText;<\/p>\n<p> if (value < 33) {<br \/>\n impactText = data.low;<br \/>\n } else if (value {<br \/>\n container.innerHTML += `<\/p>\n<div class=\"bg-white rounded-xl shadow-lg p-6 border-t-4 border-purple-500 transition transform hover:shadow-xl\">\n<div class=\"p-3 bg-purple-100 rounded-lg inline-block mb-4\">\n <span class=\"text-2xl text-purple-600\">${card.icon}<\/span>\n <\/div>\n<h4 class=\"text-xl font-bold text-gray-800 mb-3\">${card.heading}<\/h4>\n<p class=\"text-gray-600\">${card.body}<\/p>\n<\/p><\/div>\n<p> `;<br \/>\n });<br \/>\n }<\/p>\n<p> \/\/ — Recommendations Logic —<br \/>\n function renderRecommendations(lang) {<br \/>\n const listContainer = document.getElementById(‘recommendations-list’);<br \/>\n const data = languageData[lang].recommendations.list;<br \/>\n listContainer.innerHTML = ”;<\/p>\n<p> data.forEach(item => {<br \/>\n listContainer.innerHTML += `<\/p>\n<li class=\"flex items-start space-x-2 ${lang === 'ar' ? 'flex-row-reverse space-x-reverse' : ''}\">\n<p class=\"text-gray-700\">${item}<\/p>\n<\/li>\n<p> `;<br \/>\n });<br \/>\n }<\/p>\n<p> \/\/ — Event Listeners and Initial Setup —<\/p>\n<p> \/\/ Frameworks Tabs<br \/>\n document.querySelectorAll(‘.tab-button’).forEach(button => {<br \/>\n button.addEventListener(‘click’, function() {<br \/>\n currentActiveTab = this.dataset.tab;<br \/>\n renderFrameworks(currentActiveTab, currentLang);<br \/>\n });<br \/>\n });<\/p>\n<p> \/\/ Stress Slider<br \/>\n const stressSlider = document.getElementById(‘stress-slider’);<br \/>\n stressSlider.addEventListener(‘input’, (e) => {<br \/>\n updateStressImpact(e.target.value, currentLang);<br \/>\n });<\/p>\n<p> \/\/ — Language Control —<\/p>\n<p> \/**<br \/>\n * Public function to set the language of the interactive article.<br \/>\n * This can be called from the parent site’s JS.<br \/>\n * @param {string} langCode ‘ar’ or ‘en’<br \/>\n *\/<br \/>\n window.setArticleLanguage = function(langCode) {<br \/>\n if (languageData[langCode]) {<br \/>\n currentLang = langCode;<br \/>\n renderContent(currentLang);<br \/>\n initChart(currentLang);<br \/>\n } else {<br \/>\n console.error(`Language code ${langCode} is not supported.`);<br \/>\n }<br \/>\n }<\/p>\n<p> \/\/ Initial load: Set language to Arabic and render everything.<br \/>\n window.setArticleLanguage(‘ar’);<\/p>\n<p>});<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"\" class=\"brz-css-d-wrapper brz-css-4pq4t6 brz-wrapper\">\n<div class=\"brz-line brz-line-default brz-css-d-line brz-css-uqbxen\" data-brz-custom-id=\"g1MZbDbzbD3Q\">\n<hr class=\"brz-hr\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section><\/div>\n<p><!-- version:1763386333 --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0644\u064a\u0647 \u0634\u0631\u0643\u0627\u062a \u0643\u062a\u064a\u0631 \u0641\u064a \u0645\u0635\u0631 \u0648\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0628\u062a\u0641\u0634\u0644 \u0641\u064a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u2026 \u0631\u063a\u0645 \u0625\u0646\u0647\u0627 \u0628\u062a\u0635\u0631\u0641 \u0643\u0648\u064a\u0633\u061f \u0645\u0645\u0643\u0646 \u062a\u0642\u0648\u0644 \u201c\u0644\u0623\u2026 \u0645\u0634 \u0647\u0643\u0645\u0644 \u0634\u063a\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644 \u201d \u0642\u0635\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0623\u0646 \u0631\u063a\u0645 \u0627\u0646 \u0627\u0644\u0634\u063a\u0644 \u064a\u0628\u062f\u0648 \u0638\u0627\u0647\u0631\u064a\u0627\u064b \u0646\u0627\u062c\u062d \u0648\u0645\u0645\u062a\u0627\u0632 \u061f \u0627\u0644\u0627 \u0627\u0646 \u0644\u0627 \u064a\u0648\u062c\u062f \u0645\u0646\u0638\u0648\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u062a\u0628\u0646\u064a \u0646\u0645\u0648 \u062d\u0642\u064a\u0642\u064a \u060c\u0644\u0644\u0634\u0631\u0643\u0629 \u0633\u0648\u0627\u0621 \u0643\u0627\u0646 \u0646\u0638\u0627\u0645 \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0627\u0648 \u062e\u0637\u0629 \u0627\u0644\u0628\u0632\u0646\u0633 \u0644\u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0627\u0644\u0628\u0632\u0646\u0633 \u0646\u0641\u0633\u0647.\u0648\u0627\u0644\u0645\u0634\u0643\u0644\u0629 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"brizy-blank-template.php","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[15],"class_list":["post-647","post","type-post","status-publish","format-standard","hentry","category-marketing-transparency-tools","tag-15"],"blocksy_meta":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/post"}],"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=647"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/posts\/647\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/categories?post=647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/tags?post=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}