{"id":1432,"date":"2026-01-29T14:15:25","date_gmt":"2026-01-29T14:15:25","guid":{"rendered":"https:\/\/www.makkahsmart.com\/?p=1432"},"modified":"2026-01-29T19:28:33","modified_gmt":"2026-01-29T19:28:33","slug":"work-with-makkahsmart","status":"publish","type":"post","link":"https:\/\/www.makkahsmart.com\/en\/work-with-makkahsmart\/","title":{"rendered":"WORK WITH MAKKAHSMART"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u0628\u0648\u0627\u0628\u0629 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d | \u062a\u0633\u0648\u064a\u0642 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0631\u064a\u0629<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Chosen Palette: Professional Trust *\/\n \/* Primary: #1e3a8a (Dark Blue), Secondary: #3b82f6 (Bright Blue), Accent: #f59e0b (Amber) *\/\n body {\n font-family: 'Cairo', sans-serif;\n background-color: #f8fafc;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 300px;\n max-height: 400px;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 350px;\n }\n }\n .timeline-line {\n position: absolute;\n right: 15px;\n top: 0;\n bottom: 0;\n width: 2px;\n background-color: #e2e8f0;\n z-index: 0;\n }\n .timeline-item {\n position: relative;\n z-index: 1;\n }\n .active-tab {\n border-bottom: 3px solid #3b82f6;\n color: #1e3a8a;\n font-weight: 700;\n }\n .glass-panel {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n <\/style>\n <!-- \n Chosen Palette: \"Corporate Blueprint\" - Deep Blues for trust, White\/Grays for clarity, Amber for actions.\n \n Application Structure Plan:\n 1. Hero Dashboard: Immediate value proposition and navigation.\n 2. Market Intelligence (The \"Where\"): Interactive charts showing who buys these machines (Segments) and regional potential.\n 3. Strategic Roadmap (The \"How\"): A 4-phase timeline (Preparation -> Hunt -> Contact -> Close) with expandable tactical details.\n 4. Financial Simulator (The \"Why\"): Interactive calculator for commission estimation to drive motivation.\n 5. Resources & Tactics (The \"Tools\"): Scripts, objection handling, and sources.\n \n Visualization & Content Choices:\n - Market Sectors: Doughnut Chart (Chart.js) to show diversity of potential clients (Decor, Construction, etc.).\n - Regional Potential: Bar Chart (Chart.js) comparing opportunities in different MEA regions.\n - Commission Calculator: Live JS calculation updating DOM elements to show potential income.\n - Timeline: HTML\/CSS vertical structure to guide the user through the workflow step-by-step.\n \n CONFIRMATION: NO SVG graphics used. NO Mermaid JS used.\n -->\n<\/head>\n<body class=\"text-slate-800\">\n\n <!-- Navigation -->\n <nav class=\"bg-white shadow-sm sticky top-0 z-50\">\n <div class=\"container mx-auto px-4 py-3 flex justify-between items-center\">\n <div class=\"text-2xl font-black text-blue-900\">\u0645\u0643\u0629 \u0633\u0645\u0627\u0631\u062a <span class=\"text-blue-500 text-sm font-normal block md:inline\">| \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u0621<\/span><\/div>\n <div class=\"hidden md:flex space-x-6 space-x-reverse text-sm font-semibold text-slate-600\">\n <button onclick=\"scrollToSection('strategy')\" class=\"hover:text-blue-600 transition\">\u062e\u0637\u0629 \u0627\u0644\u0639\u0645\u0644<\/button>\n <button onclick=\"scrollToSection('market')\" class=\"hover:text-blue-600 transition\">\u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<\/button>\n <button onclick=\"scrollToSection('calculator')\" class=\"hover:text-blue-600 transition\">\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0623\u0631\u0628\u0627\u062d<\/button>\n <button onclick=\"scrollToSection('resources')\" class=\"hover:text-blue-600 transition\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u062f\u0631<\/button>\n <\/div>\n <button onclick=\"scrollToSection('join')\" class=\"bg-blue-600 text-white px-5 py-2 rounded-lg hover:bg-blue-700 transition font-bold shadow-md\">\u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646<\/button>\n <\/div>\n <!-- Mobile Menu -->\n <div class=\"md:hidden flex justify-around py-2 border-t bg-slate-50 text-xs font-bold overflow-x-auto\">\n <button onclick=\"scrollToSection('strategy')\" class=\"px-2 py-1 text-slate-600\">\u0627\u0644\u062e\u0637\u0629<\/button>\n <button onclick=\"scrollToSection('market')\" class=\"px-2 py-1 text-slate-600\">\u0627\u0644\u0633\u0648\u0642<\/button>\n <button onclick=\"scrollToSection('calculator')\" class=\"px-2 py-1 text-slate-600\">\u0627\u0644\u0623\u0631\u0628\u0627\u062d<\/button>\n <button onclick=\"scrollToSection('resources')\" class=\"px-2 py-1 text-slate-600\">\u0627\u0644\u0645\u0635\u0627\u062f\u0631<\/button>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <header class=\"relative bg-gradient-to-br from-blue-900 via-blue-800 to-indigo-900 text-white py-16 md:py-24 overflow-hidden\">\n <div class=\"absolute inset-0 opacity-10 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\"><\/div>\n <div class=\"container mx-auto px-4 relative z-10 text-center\">\n <span class=\"inline-block py-1 px-3 rounded-full bg-blue-500\/20 border border-blue-400\/30 text-blue-200 text-sm mb-4\">\u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0648\u0644\u0629 \u0627\u0644\u0634\u0627\u0645\u0644 B2B<\/span>\n <h1 class=\"text-4xl md:text-6xl font-black mb-6 leading-tight\"><span class=\"ez-toc-section\" id=\"%D8%AD%D9%88%D9%84_%D8%B9%D9%84%D8%A7%D9%82%D8%A7%D8%AA%D9%83_%D8%A7%D9%84%D8%AA%D8%AC%D8%A7%D8%B1%D9%8A%D8%A9_%D8%A5%D9%84%D9%89_%D8%AB%D8%B1%D9%88%D8%A9_%D8%AD%D9%82%D9%8A%D9%82%D9%8A%D8%A9\"><\/span>\u062d\u0648\u0644 \u0639\u0644\u0627\u0642\u0627\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<br>\u0625\u0644\u0649 <span class=\"text-amber-400\">\u062b\u0631\u0648\u0629 \u062d\u0642\u064a\u0642\u064a\u0629<\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n <p class=\"text-lg md:text-xl text-blue-100 max-w-2xl mx-auto mb-10\">\n \u062e\u0637\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u064a\u0639 \u0645\u0627\u0643\u064a\u0646\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0623\u0641\u0631\u064a\u0642\u064a\u0627.\n <br>\n \u0644\u0627 \u064a\u0648\u062c\u062f \u0633\u0642\u0641 \u0644\u0644\u0639\u0645\u0648\u0644\u0627\u062a. \u0627\u0644\u062f\u0641\u0639 \u0641\u0648\u0631\u064a \u0639\u0646\u062f \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0635\u0641\u0642\u0629.\n <\/p>\n <div class=\"flex flex-col md:flex-row justify-center gap-4\">\n <button onclick=\"scrollToSection('market')\" class=\"bg-white text-blue-900 px-8 py-4 rounded-xl font-bold hover:bg-gray-100 transition shadow-lg transform hover:-translate-y-1\">\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0633\u0648\u0642<\/button>\n <button onclick=\"scrollToSection('calculator')\" class=\"bg-transparent border-2 border-white\/30 text-white px-8 py-4 rounded-xl font-bold hover:bg-white\/10 transition backdrop-blur-sm\">\u0627\u062d\u0633\u0628 \u0623\u0631\u0628\u0627\u062d\u0643 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629<\/button>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Context Intro -->\n <section class=\"py-12 px-4 bg-white\">\n <div class=\"container mx-auto max-w-4xl text-center\">\n <h2 class=\"text-2xl font-bold text-slate-800 mb-4\"><span class=\"ez-toc-section\" id=\"%D9%84%D9%85%D8%A7%D8%B0%D8%A7_%D9%87%D8%B0%D8%A7_%D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AC_%D8%A7%D9%84%D8%A2%D9%86%D8%9F\"><\/span>\u0644\u0645\u0627\u0630\u0627 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c \u0627\u0644\u0622\u0646\u061f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"text-slate-600 leading-relaxed\">\n \u0633\u0648\u0642 \u0627\u0644\u062f\u064a\u0643\u0648\u0631 \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u064a\u0645\u0631 \u0628\u0637\u0641\u0631\u0629 \u0636\u062e\u0645\u0629. \u0645\u0627\u0643\u064a\u0646\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0631\u064a\u0629 (Wall Printers) \u062a\u0642\u062f\u0645 \u062d\u0644\u0627\u064b \u062b\u0648\u0631\u064a\u0627\u064b: \u0637\u0628\u0627\u0639\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0623\u064a \u0633\u0637\u062d \u0639\u0645\u0648\u062f\u064a \u0628\u062c\u0648\u062f\u0629 HD\u060c \u0645\u0645\u0627 \u064a\u0644\u063a\u064a \u0627\u0644\u062d\u0627\u062c\u0629 \u0644\u0644\u0631\u0633\u0645 \u0627\u0644\u064a\u062f\u0648\u064a \u0627\u0644\u0645\u0643\u0644\u0641 \u0648\u0627\u0644\u0628\u0637\u064a\u0621. \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0647\u064a \u062f\u0644\u064a\u0644\u0643 \u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a \u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0627\u062e\u062a\u0631\u0627\u0642 \u0647\u0630\u0627 \u0627\u0644\u0633\u0648\u0642 \u0648\u062a\u062d\u0642\u064a\u0642 \u0645\u0628\u064a\u0639\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0642\u064a\u0645\u0629.\n <\/p>\n <\/div>\n <\/section>\n\n <!-- Market Analysis Section -->\n <section id=\"market\" class=\"py-16 bg-slate-50 border-t border-slate-200\">\n <div class=\"container mx-auto px-4\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 mb-2\"><span class=\"ez-toc-section\" id=\"%D8%AA%D8%AD%D9%84%D9%8A%D9%84_%D8%A7%D9%84%D8%B3%D9%88%D9%82_%D8%A7%D9%84%D9%85%D8%B3%D8%AA%D9%87%D8%AF%D9%81\"><\/span>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"text-slate-500\">\u0623\u064a\u0646 \u062a\u0648\u062c\u062f \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0630\u0647\u0628\u064a\u0629 \u0644\u0628\u064a\u0639 \u0645\u0627\u0643\u064a\u0646\u0629 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0631\u064a\u0629\u061f<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start\">\n <!-- Sector Chart -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-4 border-r-4 border-blue-500 pr-3\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%82%D8%B7%D8%A7%D8%B9%D8%A7%D8%AA_%D8%A7%D9%84%D8%A3%D9%83%D8%AB%D8%B1_%D8%B7%D9%84%D8%A8%D8%A7%D9%8B\"><\/span>\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <p class=\"text-sm text-slate-500 mb-6\">\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642.<\/p>\n <div class=\"chart-container\">\n <canvas id=\"sectorChart\"><\/canvas>\n <\/div>\n <div class=\"mt-4 grid grid-cols-2 gap-4 text-sm\">\n <div class=\"p-3 bg-blue-50 rounded text-blue-800\">\n <strong>\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a:<\/strong> \u0644\u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a.\n <\/div>\n <div class=\"p-3 bg-amber-50 rounded text-amber-800\">\n <strong>\u0645\u0635\u0645\u0645\u0648 \u0627\u0644\u062f\u064a\u0643\u0648\u0631:<\/strong> \u0644\u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0641\u0631\u064a\u062f\u0629.\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Regional Analysis -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-4 border-r-4 border-blue-500 pr-3\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%85%D9%86%D8%A7%D8%B7%D9%82_%D8%A7%D9%84%D8%AC%D8%BA%D8%B1%D8%A7%D9%81%D9%8A%D8%A9_%D8%A7%D9%84%D9%86%D8%B4%D8%B7%D8%A9\"><\/span>\u0627\u0644\u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0627\u0644\u0646\u0634\u0637\u0629<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <p class=\"text-sm text-slate-500 mb-6\">\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0642\u0648\u0629 \u0627\u0644\u0634\u0631\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0637\u0644\u0628 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0623\u0641\u0631\u064a\u0642\u064a\u0627.<\/p>\n <div class=\"chart-container\">\n <canvas id=\"regionChart\"><\/canvas>\n <\/div>\n <div class=\"mt-6 space-y-3\">\n <div class=\"flex items-center justify-between p-3 border rounded hover:bg-slate-50 transition cursor-pointer\" onclick=\"updateInfo('ksa')\">\n <span class=\"font-bold text-slate-700\">\ud83c\uddf8\ud83c\udde6 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\n <span class=\"text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full\">\u0637\u0644\u0628 \u0645\u0631\u062a\u0641\u0639 \u062c\u062f\u0627\u064b<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 border rounded hover:bg-slate-50 transition cursor-pointer\" onclick=\"updateInfo('egypt')\">\n <span class=\"font-bold text-slate-700\">\ud83c\uddea\ud83c\uddec \u0645\u0635\u0631<\/span>\n <span class=\"text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full\">\u0633\u0648\u0642 \u0646\u0627\u0634\u0626 \u0636\u062e\u0645<\/span>\n <\/div>\n <div class=\"flex items-center justify-between p-3 border rounded hover:bg-slate-50 transition cursor-pointer\" onclick=\"updateInfo('africa')\">\n <span class=\"font-bold text-slate-700\">\ud83c\udf0d \u0646\u064a\u062c\u064a\u0631\u064a\u0627 \u0648\u0643\u064a\u0646\u064a\u0627<\/span>\n <span class=\"text-xs bg-amber-100 text-amber-800 px-2 py-1 rounded-full\">\u0641\u0631\u0635 \u062d\u0643\u0648\u0645\u064a\u0629<\/span>\n <\/div>\n <\/div>\n <div id=\"regionDetail\" class=\"mt-4 p-4 bg-slate-800 text-white rounded-lg text-sm hidden animate-fade-in\">\n <!-- Dynamic content filled by JS -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Strategic Roadmap (Timeline) -->\n <section id=\"strategy\" class=\"py-16 bg-white\">\n <div class=\"container mx-auto px-4 max-w-5xl\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl font-bold text-slate-900 mb-2\"><span class=\"ez-toc-section\" id=\"%D8%AE%D8%A7%D8%B1%D8%B7%D8%A9_%D8%A7%D9%84%D8%B7%D8%B1%D9%8A%D9%82_%D9%84%D9%84%D8%A5%D8%BA%D9%84%D8%A7%D9%82\"><\/span>\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642 \u0644\u0644\u0625\u063a\u0644\u0627\u0642<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"text-slate-500\">\u062e\u0637\u0629 \u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0645\u0646 4 \u0645\u0631\u0627\u062d\u0644 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0643\u0645\u0633\u0648\u0642 \u0628\u0627\u0644\u0639\u0645\u0648\u0644\u0629<\/p>\n <\/div>\n\n <div class=\"relative py-4\">\n <div class=\"timeline-line md:right-1\/2 md:mr-[-1px] right-8\"><\/div>\n\n <!-- Phase 1 -->\n <div class=\"timeline-item flex flex-col md:flex-row items-center mb-16 group\">\n <div class=\"md:w-1\/2 md:pl-12 pl-16 w-full text-right md:text-left order-2 md:order-1\">\n <div class=\"bg-white border border-slate-200 p-6 rounded-xl shadow-md hover:shadow-lg transition cursor-pointer\" onclick=\"toggleStrategy('phase1')\">\n <div class=\"flex items-center justify-end md:justify-start gap-2 mb-2\">\n <h3 class=\"text-xl font-bold text-blue-900\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%85%D8%B1%D8%AD%D9%84%D8%A9_1_%D8%A7%D9%84%D8%AA%D8%A3%D8%B3%D9%8A%D8%B3_%D8%A7%D9%84%D9%85%D8%B9%D8%B1%D9%81%D9%8A\"><\/span>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 1: \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0645\u0639\u0631\u0641\u064a<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <span class=\"bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded\">\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0623\u0648\u0644<\/span>\n <\/div>\n <p class=\"text-slate-600 text-sm\">\u0644\u0627 \u064a\u0645\u0643\u0646\u0643 \u0628\u064a\u0639 \u0645\u0627 \u0644\u0627 \u062a\u0641\u0647\u0645\u0647. \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0647\u064a \u0625\u062a\u0642\u0627\u0646 \"\u0644\u063a\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\".<\/p>\n <div id=\"phase1-details\" class=\"hidden mt-4 pt-4 border-t text-sm text-slate-700 text-right\">\n <ul class=\"list-disc pr-4 space-y-2\">\n <li>\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0644\u0645\u0627\u0643\u064a\u0646\u0629 \u0639\u0644\u0649 \u064a\u0648\u062a\u064a\u0648\u0628.<\/li>\n <li>\u0641\u0647\u0645 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u062d\u0628\u0627\u0631 (UV Ink) \u0648\u0645\u0645\u064a\u0632\u0627\u062a\u0647\u0627 (\u0645\u0642\u0627\u0648\u0645\u0629 \u0627\u0644\u0634\u0645\u0633\u060c \u0627\u0644\u063a\u0633\u064a\u0644).<\/li>\n <li>\u062a\u062c\u0647\u064a\u0632 \u0645\u0644\u0641 \"Portfolio\" \u0631\u0642\u0645\u064a \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0635\u0648\u0631 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u0646\u0641\u0630\u0629.<\/li>\n <li><strong>\u0646\u0635\u064a\u062d\u0629:<\/strong> \u0627\u0644\u0639\u0645\u064a\u0644 \u0633\u064a\u0633\u0623\u0644 \"\u0643\u0645 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0631\u0628\u0639 \u0637\u0628\u0627\u0639\u0629\u061f\" \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u062c\u0627\u0647\u0632\u0629 (\u0645\u062b\u0644\u0627\u064b: 1-3 \u062f\u0648\u0644\u0627\u0631 \u062d\u0633\u0628 \u0643\u062b\u0627\u0641\u0629 \u0627\u0644\u062d\u0628\u0631).<\/li>\n <\/ul>\n <\/div>\n <div class=\"text-blue-500 text-xs mt-2 font-bold group-hover:translate-x-1 transition-transform inline-block\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 ←<\/div>\n <\/div>\n <\/div>\n <div class=\"absolute right-4 md:right-1\/2 md:mr-[-20px] w-10 h-10 bg-blue-600 rounded-full border-4 border-white shadow flex items-center justify-center text-white font-bold z-10 order-1\">1<\/div>\n <div class=\"md:w-1\/2 w-0 order-3\"><\/div>\n <\/div>\n\n <!-- Phase 2 -->\n <div class=\"timeline-item flex flex-col md:flex-row items-center mb-16 group\">\n <div class=\"md:w-1\/2 w-0 order-2 md:order-1\"><\/div>\n <div class=\"absolute right-4 md:right-1\/2 md:mr-[-20px] w-10 h-10 bg-blue-600 rounded-full border-4 border-white shadow flex items-center justify-center text-white font-bold z-10 order-1\">2<\/div>\n <div class=\"md:w-1\/2 md:pr-12 pl-16 w-full order-3 md:order-2\">\n <div class=\"bg-white border border-slate-200 p-6 rounded-xl shadow-md hover:shadow-lg transition cursor-pointer\" onclick=\"toggleStrategy('phase2')\">\n <div class=\"flex items-center gap-2 mb-2\">\n <h3 class=\"text-xl font-bold text-blue-900\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%85%D8%B1%D8%AD%D9%84%D8%A9_2_%D8%A7%D9%84%D8%B5%D9%8A%D8%AF_%D8%A7%D9%84%D8%B0%D9%83%D9%8A_Prospecting\"><\/span>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 2: \u0627\u0644\u0635\u064a\u062f \u0627\u0644\u0630\u0643\u064a (Prospecting)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <span class=\"bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded\">\u0645\u0633\u062a\u0645\u0631<\/span>\n <\/div>\n <p class=\"text-slate-600 text-sm\">\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0630\u064a\u0646 \u064a\u0645\u0644\u0643\u0648\u0646 \u0627\u0644\u0645\u0627\u0644 \u0648\u0627\u0644\u062d\u0627\u062c\u0629 \u0645\u0639\u0627\u064b.<\/p>\n <div id=\"phase2-details\" class=\"hidden mt-4 pt-4 border-t text-sm text-slate-700\">\n <ul class=\"list-disc pr-4 space-y-2\">\n <li>\u0627\u0633\u062a\u062e\u062f\u0645 LinkedIn \u0644\u0644\u0628\u062d\u062b \u0639\u0646: \"Project Manager\" \u0641\u064a \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\u060c \"Interior Designer\" \u0641\u064a \u0627\u0644\u0641\u0646\u0627\u062f\u0642.<\/li>\n <li>\u0627\u0628\u062d\u062b \u0639\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u062d\u0643\u0648\u0645\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 (\u0645\u062f\u0627\u0631\u0633\u060c \u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a) \u062a\u062d\u062a\u0627\u062c \u0644\u0632\u062e\u0631\u0641\u0629 \u0633\u0631\u064a\u0639\u0629.<\/li>\n <li>\u0627\u0633\u062a\u0647\u062f\u0641 \"\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062f\u0639\u0627\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\" \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0641\u064a\u0646\u064a\u0644 \u0648\u0627\u0644\u0628\u0646\u0631 \u0628\u0637\u0628\u0627\u0639\u0629 \u0645\u0628\u0627\u0634\u0631\u0629.<\/li>\n <\/ul>\n <\/div>\n <div class=\"text-blue-500 text-xs mt-2 font-bold group-hover:translate-x-[-4px] transition-transform inline-block\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 ←<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Phase 3 -->\n <div class=\"timeline-item flex flex-col md:flex-row items-center mb-16 group\">\n <div class=\"md:w-1\/2 md:pl-12 pl-16 w-full text-right md:text-left order-2 md:order-1\">\n <div class=\"bg-white border border-slate-200 p-6 rounded-xl shadow-md hover:shadow-lg transition cursor-pointer\" onclick=\"toggleStrategy('phase3')\">\n <div class=\"flex items-center justify-end md:justify-start gap-2 mb-2\">\n <h3 class=\"text-xl font-bold text-blue-900\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%85%D8%B1%D8%AD%D9%84%D8%A9_3_%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84_%D9%88%D8%A7%D9%84%D8%B9%D8%B1%D8%B6\"><\/span>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 3: \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0644\u0639\u0631\u0636<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <span class=\"bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\n <\/div>\n <p class=\"text-slate-600 text-sm\">\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0645\u0646 \"\u0628\u0627\u0631\u062f\" \u0625\u0644\u0649 \"\u0645\u0647\u062a\u0645\" \u0639\u0628\u0631 \u0639\u0631\u0636 \u0627\u0644\u0642\u064a\u0645\u0629.<\/p>\n <div id=\"phase3-details\" class=\"hidden mt-4 pt-4 border-t text-sm text-slate-700 text-right\">\n <ul class=\"list-disc pr-4 space-y-2\">\n <li>\u0623\u0631\u0633\u0644 \u0641\u064a\u062f\u064a\u0648\u0647\u0627\u062a \"Time-lapse\" \u0644\u0644\u0645\u0627\u0643\u064a\u0646\u0629 \u0648\u0647\u064a \u062a\u0639\u0645\u0644 (\u0641\u064a\u062f\u064a\u0648 30 \u062b\u0627\u0646\u064a\u0629 \u064a\u0642\u0646\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 1000 \u0643\u0644\u0645\u0629).<\/li>\n <li>\u0631\u0643\u0632 \u0639\u0644\u0649 ROI (\u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631): \"\u0647\u0630\u0647 \u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0629 \u0633\u062a\u0648\u0641\u0631 \u0639\u0644\u064a\u0643 \u062a\u0643\u0644\u0641\u0629 5 \u0631\u0633\u0627\u0645\u064a\u0646 \u0648\u062a\u0646\u062c\u0632 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u0631\u0628\u0639 \u0627\u0644\u0648\u0642\u062a\".<\/li>\n <li>\u0627\u0637\u0644\u0628 \u0627\u062c\u062a\u0645\u0627\u0639 \u0641\u064a\u062f\u064a\u0648 (Zoom) \u0644\u0639\u0645\u0644 \u0639\u0631\u0636 \u062a\u0648\u0636\u064a\u062d\u064a (Demo).<\/li>\n <\/ul>\n <\/div>\n <div class=\"text-blue-500 text-xs mt-2 font-bold group-hover:translate-x-1 transition-transform inline-block\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 ←<\/div>\n <\/div>\n <\/div>\n <div class=\"absolute right-4 md:right-1\/2 md:mr-[-20px] w-10 h-10 bg-blue-600 rounded-full border-4 border-white shadow flex items-center justify-center text-white font-bold z-10 order-1\">3<\/div>\n <div class=\"md:w-1\/2 w-0 order-3\"><\/div>\n <\/div>\n\n <!-- Phase 4 -->\n <div class=\"timeline-item flex flex-col md:flex-row items-center group\">\n <div class=\"md:w-1\/2 w-0 order-2 md:order-1\"><\/div>\n <div class=\"absolute right-4 md:right-1\/2 md:mr-[-20px] w-10 h-10 bg-green-600 rounded-full border-4 border-white shadow flex items-center justify-center text-white font-bold z-10 order-1\">\u2713<\/div>\n <div class=\"md:w-1\/2 md:pr-12 pl-16 w-full order-3 md:order-2\">\n <div class=\"bg-white border-2 border-green-100 p-6 rounded-xl shadow-md hover:shadow-lg transition cursor-pointer\" onclick=\"toggleStrategy('phase4')\">\n <div class=\"flex items-center gap-2 mb-2\">\n <h3 class=\"text-xl font-bold text-green-700\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%85%D8%B1%D8%AD%D9%84%D8%A9_4_%D8%A7%D9%84%D8%A5%D8%BA%D9%84%D8%A7%D9%82_%D9%88%D8%A7%D9%84%D8%B9%D9%85%D9%88%D9%84%D8%A9\"><\/span>\u0627\u0644\u0645\u0631\u062d\u0644\u0629 4: \u0627\u0644\u0625\u063a\u0644\u0627\u0642 \u0648\u0627\u0644\u0639\u0645\u0648\u0644\u0629<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <span class=\"bg-green-100 text-green-800 text-xs px-2 py-1 rounded\">\u0627\u0644\u062d\u0635\u0627\u062f<\/span>\n <\/div>\n <p class=\"text-slate-600 text-sm\">\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0627\u0647\u062a\u0645\u0627\u0645 \u0625\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 \u0628\u0646\u0643\u064a.<\/p>\n <div id=\"phase4-details\" class=\"hidden mt-4 pt-4 border-t text-sm text-slate-700\">\n <ul class=\"list-disc pr-4 space-y-2\">\n <li>\u0631\u0628\u0637 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u062a\u0642\u0646\u064a \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629.<\/li>\n <li>\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0641\u0627\u062a\u0648\u0631\u0629 \u0648\u0639\u0642\u062f \u0627\u0644\u0628\u064a\u0639.<\/li>\n <li>\u0628\u0645\u062c\u0631\u062f \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u0644\u0644\u062f\u0641\u0639\u0629 \u0627\u0644\u0645\u0642\u062f\u0645\u0629\u060c \u064a\u062a\u0645 \u062a\u0633\u062c\u064a\u0644 \u0639\u0645\u0648\u0644\u062a\u0643.<\/li>\n <li><strong>\u062a\u062d\u0630\u064a\u0631:<\/strong> \u0644\u0627 \u062a\u0642\u062f\u0645 \u0648\u0639\u0648\u062f\u0627\u064b \u063a\u064a\u0631 \u062d\u0642\u064a\u0642\u064a\u0629 (\u0645\u062b\u0644 \u0636\u0645\u0627\u0646 \u0645\u062f\u0649 \u0627\u0644\u062d\u064a\u0627\u0629) \u0641\u0642\u0637 \u0644\u062a\u063a\u0644\u0642 \u0627\u0644\u0635\u0641\u0642\u0629. \u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629 = \u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u0626\u0645\u064a\u0646.<\/li>\n <\/ul>\n <\/div>\n <div class=\"text-green-600 text-xs mt-2 font-bold group-hover:translate-x-[-4px] transition-transform inline-block\">\u0627\u0636\u063a\u0637 \u0644\u0644\u062a\u0641\u0627\u0635\u064a\u0644 ←<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Financial Calculator -->\n <section id=\"calculator\" class=\"py-16 bg-blue-900 text-white\">\n <div class=\"container mx-auto px-4 max-w-4xl\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold mb-2\"><span class=\"ez-toc-section\" id=\"%D8%AD%D8%A7%D8%B3%D8%A8%D8%A9_%D8%A7%D9%84%D8%B9%D9%85%D9%88%D9%84%D8%A9_%D9%88%D8%A7%D9%84%D8%B1%D8%A8%D8%AD\"><\/span>\u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0639\u0645\u0648\u0644\u0629 \u0648\u0627\u0644\u0631\u0628\u062d<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"text-blue-200\">\u0636\u0639 \u0623\u0631\u0642\u0627\u0645\u0643 \u0648\u0634\u0627\u0647\u062f \u0627\u0644\u0646\u062a\u0627\u0626\u062c. \u0647\u0630\u0627 \u0627\u0644\u0628\u064a\u0632\u0646\u0633 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0635\u0641\u0642\u0627\u062a \u0627\u0644\u0643\u0628\u064a\u0631\u0629 (High Ticket Closing).<\/p>\n <\/div>\n\n <div class=\"bg-white\/10 backdrop-blur-lg rounded-2xl p-8 border border-white\/20 grid grid-cols-1 md:grid-cols-2 gap-8\">\n <!-- Inputs -->\n <div class=\"space-y-6\">\n <div>\n <label class=\"block text-sm font-medium text-blue-200 mb-2\">\u0633\u0639\u0631 \u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0629 \u0627\u0644\u0645\u062a\u0648\u0633\u0637 (\u062f\u0648\u0644\u0627\u0631)<\/label>\n <input type=\"range\" id=\"priceInput\" min=\"5000\" max=\"25000\" step=\"1000\" value=\"9000\" class=\"w-full accent-amber-400\" oninput=\"calculateEarnings()\">\n <div class=\"flex justify-between text-xs text-blue-300 mt-1\">\n <span>$5,000<\/span>\n <span id=\"priceDisplay\" class=\"font-bold text-white text-lg\">$9,000<\/span>\n <span>$25,000<\/span>\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-sm font-medium text-blue-200 mb-2\">\u0639\u0645\u0648\u0644\u062a\u0643 \u0627\u0644\u0645\u062a\u0648\u0642\u0639\u0629 (%)<\/label>\n <input type=\"range\" id=\"commissionInput\" min=\"5\" max=\"20\" step=\"1\" value=\"10\" class=\"w-full accent-amber-400\" oninput=\"calculateEarnings()\">\n <div class=\"flex justify-between text-xs text-blue-300 mt-1\">\n <span>5%<\/span>\n <span id=\"commissionDisplay\" class=\"font-bold text-white text-lg\">10%<\/span>\n <span>20%<\/span>\n <\/div>\n <\/div>\n\n <div>\n <label class=\"block text-sm font-medium text-blue-200 mb-2\">\u0639\u062f\u062f \u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0627\u062a \u0627\u0644\u0645\u0628\u0627\u0639\u0629 \u0634\u0647\u0631\u064a\u0627\u064b<\/label>\n <input type=\"number\" id=\"salesInput\" min=\"1\" max=\"10\" value=\"1\" class=\"w-full bg-blue-900\/50 border border-blue-500\/50 rounded p-2 text-center text-white focus:outline-none focus:border-amber-400\" oninput=\"calculateEarnings()\">\n <\/div>\n <\/div>\n\n <!-- Results -->\n <div class=\"flex flex-col justify-center items-center bg-black\/20 rounded-xl p-6 relative overflow-hidden\">\n <div class=\"text-center z-10\">\n <p class=\"text-blue-300 text-sm mb-1\">\u0635\u0627\u0641\u064a \u0631\u0628\u062d\u0643 \u0641\u064a \u0627\u0644\u0635\u0641\u0642\u0629 \u0627\u0644\u0648\u0627\u062d\u062f\u0629<\/p>\n <h3 id=\"singleDealProfit\" class=\"text-4xl font-black text-amber-400 mb-6\"><span class=\"ez-toc-section\" id=\"900\"><\/span>$900<span class=\"ez-toc-section-end\"><\/span><\/h3>\n \n <div class=\"w-full h-px bg-white\/10 mb-6\"><\/div>\n \n <p class=\"text-blue-300 text-sm mb-1\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u062f\u062e\u0644 \u0627\u0644\u0634\u0647\u0631\u064a \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/p>\n <h3 id=\"monthlyProfit\" class=\"text-5xl font-black text-white\"><span class=\"ez-toc-section\" id=\"900-2\"><\/span>$900<span class=\"ez-toc-section-end\"><\/span><\/h3>\n <\/div>\n <!-- Decorative visuals -->\n <div class=\"absolute top-0 right-0 w-20 h-20 bg-blue-500\/20 blur-2xl rounded-full\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-20 h-20 bg-amber-500\/20 blur-2xl rounded-full\"><\/div>\n <\/div>\n <\/div>\n <p class=\"text-center text-xs text-blue-400 mt-6\">* \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u062a\u0642\u0631\u064a\u0628\u064a\u0629 \u0648\u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0648\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062a\u0633\u0639\u064a\u0631.<\/p>\n <\/div>\n <\/section>\n\n <!-- Resources & Tactics -->\n <section id=\"resources\" class=\"py-16 bg-slate-50\">\n <div class=\"container mx-auto px-4 max-w-6xl\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold text-slate-900 mb-2\"><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D8%B3%D8%A7%D9%86%D8%A9_%D8%A7%D9%84%D9%85%D8%B3%D9%88%D9%82\"><\/span>\u062a\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u0645\u0633\u0648\u0642<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"text-slate-500\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a\u060c \u0627\u0644\u0646\u0635\u0648\u0635\u060c \u0648\u0627\u0644\u062d\u0642\u0627\u0626\u0642 \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0644\u0631\u062f \u0639\u0644\u0649 \u0623\u064a \u0639\u0645\u064a\u0644.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n <!-- Objection Handling -->\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200 col-span-1 md:col-span-2\">\n <h3 class=\"font-bold text-lg mb-4 text-blue-800 flex items-center gap-2\"><span class=\"ez-toc-section\" id=\"%F0%9F%9B%A1%EF%B8%8F_%D9%81%D9%86_%D8%A7%D9%84%D8%B1%D8%AF_%D8%B9%D9%84%D9%89_%D8%A7%D9%84%D8%A7%D8%B9%D8%AA%D8%B1%D8%A7%D8%B6%D8%A7%D8%AA\"><\/span>\n <span>\ud83d\udee1\ufe0f<\/span> \u0641\u0646 \u0627\u0644\u0631\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0639\u062a\u0631\u0627\u0636\u0627\u062a\n <span class=\"ez-toc-section-end\"><\/span><\/h3>\n <div class=\"space-y-4\">\n <div class=\"border rounded-lg p-3 cursor-pointer hover:bg-slate-50 transition\" onclick=\"toggleAccordion(this)\">\n <div class=\"flex justify-between items-center font-bold text-sm text-slate-700\">\n \"\u0627\u0644\u0633\u0639\u0631 \u0645\u0631\u062a\u0641\u0639 \u062c\u062f\u0627\u064b \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u064a\u062f\u0648\u064a\"\n <span class=\"text-blue-500 text-xl transform transition-transform duration-200\">+<\/span>\n <\/div>\n <div class=\"hidden mt-3 text-sm text-slate-600 border-t pt-2\">\n \u0627\u0644\u0631\u062f: \"\u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u064a\u062f\u0648\u064a \u064a\u0633\u062a\u063a\u0631\u0642 \u0623\u064a\u0627\u0645\u0627\u064b \u0648\u0642\u062f \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0623\u062e\u0637\u0627\u0621 \u0628\u0634\u0631\u064a\u0629. \u0647\u0630\u0647 \u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0629 \u062a\u0637\u0628\u0639 \u062c\u062f\u0627\u0631\u0627\u064b \u0643\u0627\u0645\u0644\u0627\u064b \u0641\u064a \u0633\u0627\u0639\u062a\u064a\u0646 \u0628\u062f\u0642\u0629 \u0641\u0648\u062a\u0648\u063a\u0631\u0627\u0641\u064a\u0629. \u0627\u062d\u0633\u0628 \u062a\u0643\u0644\u0641\u0629 \u0648\u0642\u062a\u0643 + \u0623\u062c\u0648\u0631 \u0627\u0644\u0631\u0633\u0627\u0645\u064a\u0646 + \u0648\u0642\u062a \u062a\u0639\u0637\u0644 \u0627\u0644\u0645\u0643\u0627\u0646\u060c \u0633\u062a\u062c\u062f \u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0629 \u0623\u0631\u062e\u0635 \u0628\u0643\u062b\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u062f\u0649 \u0627\u0644\u0637\u0648\u064a\u0644.\"\n <\/div>\n <\/div>\n <div class=\"border rounded-lg p-3 cursor-pointer hover:bg-slate-50 transition\" onclick=\"toggleAccordion(this)\">\n <div class=\"flex justify-between items-center font-bold text-sm text-slate-700\">\n \"\u0647\u0644 \u0627\u0644\u062d\u0628\u0631 \u0645\u062a\u0648\u0641\u0631\u061f \u0648\u0645\u0627 \u062a\u0643\u0644\u0641\u062a\u0647\u061f\"\n <span class=\"text-blue-500 text-xl transform transition-transform duration-200\">+<\/span>\n <\/div>\n <div class=\"hidden mt-3 text-sm text-slate-600 border-t pt-2\">\n \u0627\u0644\u0631\u062f: \"\u0646\u0639\u0645\u060c \u0646\u062d\u0646 \u0646\u0648\u0641\u0631 \u0627\u0644\u0623\u062d\u0628\u0627\u0631 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631. \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0645\u062a\u0631 \u0627\u0644\u0645\u0631\u0628\u0639 \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 1-3 \u062f\u0648\u0644\u0627\u0631\u060c \u0628\u064a\u0646\u0645\u0627 \u064a\u0645\u0643\u0646\u0643 \u0628\u064a\u0639 \u062e\u062f\u0645\u0629 \u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u0645\u062a\u0631 \u0644\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0646\u0647\u0627\u0626\u064a \u0628\u0640 50-100 \u062f\u0648\u0644\u0627\u0631. \u0647\u0627\u0645\u0634 \u0627\u0644\u0631\u0628\u062d \u0636\u062e\u0645.\"\n <\/div>\n <\/div>\n <div class=\"border rounded-lg p-3 cursor-pointer hover:bg-slate-50 transition\" onclick=\"toggleAccordion(this)\">\n <div class=\"flex justify-between items-center font-bold text-sm text-slate-700\">\n \"\u0647\u0644 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0632\u062c\u0627\u062c \u0648\u0627\u0644\u062e\u0634\u0628\u061f\"\n <span class=\"text-blue-500 text-xl transform transition-transform duration-200\">+<\/span>\n <\/div>\n <div class=\"hidden mt-3 text-sm text-slate-600 border-t pt-2\">\n \u0627\u0644\u0631\u062f: \"\u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f. \u062a\u0642\u0646\u064a\u0629 UV \u062a\u0633\u0645\u062d \u0628\u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u062a\u062c\u0641\u064a\u0641 \u0627\u0644\u0641\u0648\u0631\u064a \u0639\u0644\u0649 \u0627\u0644\u062e\u0634\u0628\u060c \u0627\u0644\u0632\u062c\u0627\u062c\u060c \u0627\u0644\u0645\u0639\u062f\u0646\u060c \u0627\u0644\u0628\u0644\u0627\u0633\u062a\u064a\u0643\u060c \u0648\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629. \u0625\u0646\u0647\u0627 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0637\u0627\u0628\u0639\u0629 \u062c\u062f\u0631\u0627\u0646\u060c \u0647\u064a \u0637\u0627\u0628\u0639\u0629 \u062f\u064a\u0643\u0648\u0631 \u0634\u0627\u0645\u0644\u0629.\"\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Sources & Links -->\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200\">\n <h3 class=\"font-bold text-lg mb-4 text-amber-600 flex items-center gap-2\"><span class=\"ez-toc-section\" id=\"%F0%9F%94%97_%D9%85%D8%B5%D8%A7%D8%AF%D8%B1_%D9%88%D9%82%D9%86%D9%88%D8%A7%D8%AA\"><\/span>\n <span>\ud83d\udd17<\/span> \u0645\u0635\u0627\u062f\u0631 \u0648\u0642\u0646\u0648\u0627\u062a\n <span class=\"ez-toc-section-end\"><\/span><\/h3>\n <ul class=\"space-y-3 text-sm\">\n <li class=\"flex items-start gap-2\">\n <span class=\"text-blue-500 mt-1\">\u25cf<\/span>\n <div>\n <strong class=\"block text-slate-800\">\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0645\u0646\u0627\u0642\u0635\u0627\u062a:<\/strong>\n <span class=\"text-slate-500\">\u0627\u0628\u062d\u062b \u0641\u064a \u0645\u0648\u0627\u0642\u0639 (BNC Network, Ventures ONSITE) \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-blue-500 mt-1\">\u25cf<\/span>\n <div>\n <strong class=\"block text-slate-800\">\u0628\u064a\u0627\u0646\u0627\u062a \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0646\u0627\u0621:<\/strong>\n <span class=\"text-slate-500\">\u062a\u0627\u0628\u0639 \u062a\u0642\u0627\u0631\u064a\u0631 \"Mordor Intelligence\" \u062d\u0648\u0644 \u0633\u0648\u0642 \u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0645\u0635\u0631.<\/span>\n <\/div>\n <\/li>\n <li class=\"flex items-start gap-2\">\n <span class=\"text-blue-500 mt-1\">\u25cf<\/span>\n <div>\n <strong class=\"block text-slate-800\">\u0627\u0644\u0643\u062a\u0627\u0644\u0648\u062c \u0627\u0644\u0641\u0646\u064a:<\/strong>\n <a href=\"#\" class=\"text-blue-600 hover:underline\">\u062a\u062d\u0645\u064a\u0644 \u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0645\u0627\u0643\u064a\u0646\u0629 PDF (\u0645\u062b\u0627\u0644)<\/a>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Final CTA -->\n <section id=\"join\" class=\"py-20 bg-gradient-to-r from-blue-900 to-slate-900 text-center text-white\">\n <div class=\"container mx-auto px-4 max-w-2xl\">\n <h2 class=\"text-3xl font-bold mb-6\"><span class=\"ez-toc-section\" id=\"%D9%87%D9%84_%D8%A3%D9%86%D8%AA_%D8%AC%D8%A7%D9%87%D8%B2_%D9%84%D9%84%D8%A8%D8%AF%D8%A1%D8%9F\"><\/span>\u0647\u0644 \u0623\u0646\u062a \u062c\u0627\u0647\u0632 \u0644\u0644\u0628\u062f\u0621\u061f<span class=\"ez-toc-section-end\"><\/span><\/h2>\n <p class=\"mb-8 text-blue-200 text-lg\">\u0644\u0627 \u062a\u0648\u062c\u062f \u0631\u0633\u0648\u0645 \u0627\u0646\u0636\u0645\u0627\u0645. \u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u062e\u0627\u0637\u0631\u0629. \u0641\u0642\u0637 \u0645\u062c\u0647\u0648\u062f\u0643 \u0627\u0644\u0630\u0643\u064a \u0641\u064a \u0625\u064a\u0635\u0627\u0644 \u0627\u0644\u0645\u0646\u062a\u062c \u0644\u0645\u0646 \u064a\u062d\u062a\u0627\u062c\u0647.<\/p>\n <form class=\"space-y-4 bg-white\/5 p-6 rounded-xl backdrop-blur-sm border border-white\/10\" onsubmit=\"event.preventDefault(); sendJoinRequestToWhatsapp();\">\n <input type=\"text\" placeholder=\"\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\" class=\"w-full p-4 rounded-lg bg-white\/10 border border-white\/20 text-white placeholder-blue-300 focus:outline-none focus:bg-white\/20 transition\">\n <input type=\"text\" placeholder=\"\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629 (\u0627\u0644\u0628\u0644\u062f\/\u0627\u0644\u0645\u062f\u064a\u0646\u0629)\" class=\"w-full p-4 rounded-lg bg-white\/10 border border-white\/20 text-white placeholder-blue-300 focus:outline-none focus:bg-white\/20 transition\">\n <button type=\"submit\" class=\"w-full bg-amber-500 hover:bg-amber-600 text-white font-bold py-4 rounded-lg transition transform hover:scale-[1.02] shadow-xl\">\u0623\u0631\u0633\u0644 \u0637\u0644\u0628 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645<\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <!-- Footer -->\n <footer class=\"bg-slate-900 text-slate-400 py-8 text-center text-sm\">\n <p>© 2024 \u0628\u0631\u0646\u0627\u0645\u062c \u0634\u0631\u0643\u0627\u0621 \u0645\u0643\u0629 \u0633\u0645\u0627\u0631\u062a. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\n <\/footer>\n\n <!-- JavaScript Logic -->\n <script>\n \/\/ --- 1. Navigation Logic ---\n function scrollToSection(id) {\n const element = document.getElementById(id);\n if (element) {\n element.scrollIntoView({ behavior: 'smooth' });\n }\n }\n\n \/\/ --- 2. Calculator Logic ---\n function calculateEarnings() {\n const price = parseInt(document.getElementById('priceInput').value);\n const commissionPercent = parseInt(document.getElementById('commissionInput').value);\n const salesCount = parseInt(document.getElementById('salesInput').value);\n\n \/\/ Update UI Displays\n document.getElementById('priceDisplay').innerText = '$' + price.toLocaleString();\n document.getElementById('commissionDisplay').innerText = commissionPercent + '%';\n\n \/\/ Calculations\n const singleProfit = price * (commissionPercent \/ 100);\n const totalProfit = singleProfit * salesCount;\n\n \/\/ Animate Numbers (Simple text update for clarity)\n document.getElementById('singleDealProfit').innerText = '$' + Math.floor(singleProfit).toLocaleString();\n document.getElementById('monthlyProfit').innerText = '$' + Math.floor(totalProfit).toLocaleString();\n }\n\n \/\/ Initialize Calculator\n calculateEarnings();\n\n \/\/ --- 3. Timeline Interaction ---\n function toggleStrategy(phaseId) {\n const details = document.getElementById(phaseId + '-details');\n if (details.classList.contains('hidden')) {\n details.classList.remove('hidden');\n details.classList.add('animate-fade-in');\n } else {\n details.classList.add('hidden');\n }\n }\n\n \/\/ --- 4. Accordion Logic ---\n function toggleAccordion(element) {\n const content = element.querySelector('div:last-child');\n const icon = element.querySelector('span');\n \n if (content.classList.contains('hidden')) {\n content.classList.remove('hidden');\n icon.style.transform = 'rotate(45deg)';\n element.classList.add('bg-slate-50');\n } else {\n content.classList.add('hidden');\n icon.style.transform = 'rotate(0deg)';\n element.classList.remove('bg-slate-50');\n }\n }\n\n \/\/ --- 5. Market Region Detail Logic ---\n const regionData = {\n 'ksa': {\n title: '\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629',\n text: '\u0623\u0643\u0628\u0631 \u0633\u0648\u0642 \u062d\u0627\u0644\u064a\u0627\u064b \u0628\u0633\u0628\u0628 \u0645\u0634\u0627\u0631\u064a\u0639 \"\u0631\u0624\u064a\u0629 2030\". \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0646\u064a\u0648\u0645. \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0648\u0646: \u0634\u0631\u0643\u0627\u062a \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a (\u0644\u0644\u0628\u0646\u0631\u0627\u062a \u0627\u0644\u0645\u0624\u0642\u062a\u0629) \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649.',\n color: 'text-green-400'\n },\n 'egypt': {\n title: '\u0645\u0635\u0631',\n text: '\u0633\u0648\u0642 \u0636\u062e\u0645 \u062d\u0633\u0627\u0633 \u0644\u0644\u0633\u0639\u0631 \u0648\u0644\u0643\u0646\u0647 \u0639\u0627\u0644\u064a \u0627\u0644\u062d\u062c\u0645. \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0627\u0635\u0645\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0633\u0627\u062d\u0644\u064a\u0629. \u0623\u0641\u0636\u0644 \u0645\u062f\u062e\u0644 \u0647\u0648 \u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u062a\u0634\u0637\u064a\u0628\u0627\u062a \u0648\u0627\u0644\u062f\u064a\u0643\u0648\u0631.',\n color: 'text-blue-400'\n },\n 'africa': {\n title: '\u0623\u0641\u0631\u064a\u0642\u064a\u0627 (\u0643\u064a\u0646\u064a\u0627\/\u0646\u064a\u062c\u064a\u0631\u064a\u0627)',\n text: '\u0633\u0648\u0642 \u0645\u062a\u0639\u0637\u0634 \u0644\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062c\u062f\u064a\u062f\u0629. \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0642\u0644\u064a\u0644\u0629 \u062c\u062f\u0627\u064b. \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 (Outdoor Advertising) \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062f\u064a\u0643\u0648\u0631 \u0627\u0644\u062f\u0627\u062e\u0644\u064a.',\n color: 'text-amber-400'\n }\n };\n\n function updateInfo(regionKey) {\n const container = document.getElementById('regionDetail');\n const data = regionData[regionKey];\n \n container.innerHTML = `\n <h4 class=\"font-bold text-lg mb-2 ${data.color}\"><span class=\"ez-toc-section\" id=\"datatitle\"><\/span>${data.title}<span class=\"ez-toc-section-end\"><\/span><\/h4>\n <p class=\"leading-relaxed\">${data.text}<\/p>\n `;\n container.classList.remove('hidden');\n }\n\n function sendJoinRequestToWhatsapp() {\n const inputs = document.querySelectorAll('#join form input');\n const fullName = inputs[0].value;\n const area = inputs[1].value;\n\n if (!fullName.trim() || !area.trim()) {\n alert('\u0627\u0644\u0631\u062c\u0627\u0621 \u062a\u0639\u0628\u0626\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0644 \u0623\u0648\u0644\u0627\u064b.');\n return;\n }\n\n const message = `\u0645\u0631\u062d\u0628\u0627\u064b\u060c \u0623\u0648\u062f \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0643\u0645\u0633\u0648\u0642 \u0628\u0627\u0644\u0639\u0645\u0648\u0644\u0629.\\n\\n*\u0627\u0644\u0627\u0633\u0645:* ${fullName.trim()}\\n*\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629:* ${area.trim()}`;\n \n const encodedMessage = encodeURIComponent(message);\n const whatsappUrl = `https:\/\/wa.me\/201147912232?text=${encodedMessage}`;\n \n window.open(whatsappUrl, '_blank');\n \n alert('\u0645\u0645\u062a\u0627\u0632! \u0633\u064a\u062a\u0645 \u0627\u0644\u0622\u0646 \u062a\u062d\u0648\u064a\u0644\u0643 \u0625\u0644\u0649 \u0648\u0627\u062a\u0633\u0627\u0628 \u0644\u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643. \u0627\u0636\u063a\u0637 \u0639\u0644\u0649 \u0625\u0631\u0633\u0627\u0644 \u0647\u0646\u0627\u0643.');\n }\n\n \/\/ --- 6. Chart.js Implementation ---\n document.addEventListener('DOMContentLoaded', function() {\n \n \/\/ Configuration for Font and Colors\n Chart.defaults.font.family = \"'Cairo', sans-serif\";\n Chart.defaults.color = '#64748b';\n\n \/\/ Sector Breakdown Chart (Doughnut)\n const sectorCtx = document.getElementById('sectorChart').getContext('2d');\n new Chart(sectorCtx, {\n type: 'doughnut',\n data: {\n labels: ['\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a', '\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u062f\u064a\u0643\u0648\u0631', '\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646', '\u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644', '\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629'],\n datasets: [{\n data: [30, 35, 15, 15, 5],\n backgroundColor: [\n '#1e3a8a', \/\/ Dark Blue\n '#3b82f6', \/\/ Blue\n '#60a5fa', \/\/ Light Blue\n '#f59e0b', \/\/ Amber\n '#94a3b8' \/\/ Gray\n ],\n borderWidth: 0\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n position: 'bottom',\n labels: {\n padding: 20,\n usePointStyle: true\n }\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ' ' + context.label + ': ' + context.raw + '%';\n }\n }\n }\n }\n }\n });\n\n \/\/ Regional Potential Chart (Bar)\n const regionCtx = document.getElementById('regionChart').getContext('2d');\n new Chart(regionCtx, {\n type: 'bar',\n data: {\n labels: ['\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629', '\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a', '\u0645\u0635\u0631', '\u0642\u0637\u0631', '\u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627', '\u0628\u0627\u0642\u064a \u0623\u0641\u0631\u064a\u0642\u064a\u0627'],\n datasets: [{\n label: '\u0645\u0624\u0634\u0631 \u062d\u062c\u0645 \u0627\u0644\u0637\u0644\u0628 (\u0645\u0646 100)',\n data: [95, 85, 75, 70, 60, 50],\n backgroundColor: '#3b82f6',\n borderRadius: 5,\n barThickness: 20\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n max: 100\n },\n x: {\n grid: {\n display: false\n }\n }\n },\n plugins: {\n legend: {\n display: false\n }\n }\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0628\u0648\u0627\u0628\u0629 \u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d | \u062a\u0633\u0648\u064a\u0642 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0631\u064a\u0629 \u0645\u0643\u0629 \u0633\u0645\u0627\u0631\u062a | \u0628\u0648\u0627\u0628\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u062e\u0637\u0629 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641 \u062d\u0627\u0633\u0628\u0629 \u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646 \u0627\u0644\u062e\u0637\u0629 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0646\u0638\u0627\u0645 \u0627\u0644\u0639\u0645\u0648\u0644\u0629 \u0627\u0644\u0634\u0627\u0645\u0644 B2B \u062d\u0648\u0644 \u0639\u0644\u0627\u0642\u0627\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u0625\u0644\u0649 \u062b\u0631\u0648\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u062e\u0637\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0644\u0628\u064a\u0639 \u0645\u0627\u0643\u064a\u0646\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0627\u0644\u062c\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0623\u0641\u0631\u064a\u0642\u064a\u0627. \u0644\u0627 \u064a\u0648\u062c\u062f \u0633\u0642\u0641 \u0644\u0644\u0639\u0645\u0648\u0644\u0627\u062a. \u0627\u0644\u062f\u0641\u0639 \u0641\u0648\u0631\u064a \u0639\u0646\u062f \u0625\u062a\u0645\u0627\u0645 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[25,27,26],"class_list":["post-1432","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-___","tag-_"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/posts\/1432","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/comments?post=1432"}],"version-history":[{"count":5,"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/posts\/1432\/revisions"}],"predecessor-version":[{"id":1437,"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/posts\/1432\/revisions\/1437"}],"wp:attachment":[{"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/media?parent=1432"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/categories?post=1432"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makkahsmart.com\/en\/wp-json\/wp\/v2\/tags?post=1432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}