AI-Driven Go-To-Market Strategy Canvas<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n \n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f5f5f4; \/* stone-100 *\/\n color: #292524;\n }\n \n \/* Custom Scrollbar for Textareas and brief *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f5f5f4; \n }\n ::-webkit-scrollbar-thumb {\n background: #d6d3d1; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #a8a29e; \n }\n\n .pillar-tab {\n transition: all 0.2s ease;\n border-left: 4px solid transparent;\n }\n .pillar-tab.active {\n background-color: #ffffff;\n border-left: 4px solid #115e59; \/* teal-800 *\/\n color: #115e59;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .pillar-tab.active .tab-icon {\n transform: scale(1.1);\n }\n\n .workspace-panel {\n display: none;\n animation: fadeSlideUp 0.4s ease-out forwards;\n opacity: 0;\n transform: translateY(10px);\n }\n .workspace-panel.active {\n display: block;\n }\n\n @keyframes fadeSlideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .prompt-box {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n }\n <\/style>\n<\/head>\n<body class=\"h-screen flex flex-col overflow-hidden\">\n\n \n <header class=\"bg-teal-900 text-white px-6 py-4 flex justify-between items-center shrink-0 shadow-md z-10\">\n <div>\n <h1 class=\"text-xl font-bold flex items-center gap-2\">\n <span class=\"text-2xl\">🚀<\/span> AI-Powered GTM Strategy Canvas\n <\/h1>\n <p class=\"text-teal-200 text-xs mt-1\">Answer the critical market research questions to build your Go-To-Market plan.<\/p>\n <\/div>\n <button id=\"compile-btn\" class=\"bg-amber-500 hover:bg-amber-400 text-teal-950 font-bold py-2 px-6 rounded-lg transition-colors shadow-sm flex items-center gap-2\">\n <span>📄<\/span> View Compiled Brief\n <\/button>\n <\/header>\n\n \n <div class=\"flex flex-1 overflow-hidden\">\n \n \n <nav class=\"w-72 bg-stone-50 border-r border-stone-200 flex flex-col overflow-y-auto shrink-0 z-0 shadow-[4px_0_24px_rgba(0,0,0,0.02)]\">\n <div class=\"p-6\">\n <h2 class=\"text-xs font-bold text-stone-400 uppercase tracking-widest mb-4\">The 4 GTM Pillars<\/h2>\n \n <div class=\"space-y-2\">\n <button class=\"pillar-tab active w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-1\">\n <span class=\"tab-icon transition-transform\">👥<\/span> 1. Audience & Market\n <\/button>\n <button class=\"pillar-tab w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-2\">\n <span class=\"tab-icon transition-transform\">🏁<\/span> 2. Competitive Arena\n <\/button>\n <button class=\"pillar-tab w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-3\">\n <span class=\"tab-icon transition-transform\">💵<\/span> 3. Offer & Positioning\n <\/button>\n <button class=\"pillar-tab w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-4\">\n <span class=\"tab-icon transition-transform\">📣<\/span> 4. Channels & Traction\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"mt-auto p-6 border-t border-stone-200 bg-stone-100\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-xs font-bold text-stone-500 uppercase tracking-wider\">Canvas Completion<\/span>\n <span id=\"completion-text\" class=\"text-xs font-bold text-teal-700\">0%<\/span>\n <\/div>\n <div class=\"h-2 w-full bg-stone-300 rounded-full overflow-hidden\">\n <div id=\"completion-bar\" class=\"h-full bg-teal-600 w-0 transition-all duration-500\"><\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"flex-1 bg-white overflow-y-auto relative\">\n \n \n <div id=\"pillar-1\" class=\"workspace-panel active p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 1<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Market & Audience<\/h2>\n <p class=\"text-stone-600\">Before building, we must use AI to identify exactly who we are selling to, the true size of the opportunity, and their deepest unmet needs.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>Who is the exact Ideal Customer Profile (ICP)?<\/li>\n <li>What triggers their buying decision?<\/li>\n <li>What are their deepest pain points with current solutions?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-1\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Scrape competitor reviews (Trustpilot\/G2) or Reddit threads, then use this prompt to extract psychological triggers.<\/p>\n <div id=\"prompt-1\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">Act as an expert consumer psychologist. I am providing you with 100 raw reviews of [Competitor Product] from [Target Audience]. Analyze this data and identify the top 3 unfulfilled needs. For each need, identify the emotional trigger that causes frustration. Quote the raw text to justify your findings. Do not hallucinate data.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (ICP & Pain Points)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-1\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Based on the AI analysis, document your Ideal Customer Profile, their main frustrations, and buying triggers here...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pillar-2\" class=\"workspace-panel p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 2<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Competitive Arena<\/h2>\n <p class=\"text-stone-600\">Use AI to map the landscape. We aren’t just listing competitors; we are looking for the strategic gaps they have left open in the market.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>Who are the direct and indirect incumbents?<\/li>\n <li>What is their core value proposition?<\/li>\n <li>Where do they fail (The Market Gap)?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-2\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Input competitor website copy, feature pages, and pricing tiers into the LLM to generate a gap analysis matrix.<\/p>\n <div id=\"prompt-2\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">I am providing you with the website copy and feature lists for Competitor A and Competitor B in the [Industry] space. Create a feature comparison matrix. More importantly, identify 2 strategic “white spaces” or market gaps where neither competitor is providing a strong solution for [Target Audience].<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (Competitors & Gaps)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-2\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Document your primary competitors, their strengths, and the specific market gaps your product will exploit...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pillar-3\" class=\"workspace-panel p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 3<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Offer & Positioning<\/h2>\n <p class=\"text-stone-600\">Now that we know the audience and the gaps, how do we package, price, and position our product to win?<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>What is our unique, defensible Value Proposition?<\/li>\n <li>What is our pricing strategy (Premium, Penetration, Freemium)?<\/li>\n <li>What is the core messaging hierarchy?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-3\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Use AI to simulate pricing strategies and generate localized positioning statements based on previous findings.<\/p>\n <div id=\"prompt-3\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">Act as a Product Marketing Executive. Our product solves [Pain Point] for [Audience], filling the gap left by [Competitors] who charge [$X]. Suggest 3 distinct pricing models (e.g., subscription, usage-based) with pros and cons for each. Then, write a 1-sentence Unique Value Proposition (UVP) that clearly differentiates us.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (Positioning & Pricing)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-3\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Write your official Unique Value Proposition (UVP) and your chosen pricing and packaging strategy here...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pillar-4\" class=\"workspace-panel p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 4<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Channels & Traction<\/h2>\n <p class=\"text-stone-600\">The best product fails without distribution. How will we reach our audience, acquire our first 100 customers, and scale?<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>Where does our audience consume information?<\/li>\n <li>What is the primary acquisition channel (Inbound, Outbound, Partner)?<\/li>\n <li>What is the launch strategy to get early traction?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-4\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Use AI to brainstorm non-obvious acquisition channels and draft initial launch campaign hooks.<\/p>\n <div id=\"prompt-4\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">Based on my audience of [Audience] in [Region], list the top 3 highest-converting digital channels for B2B\/B2C acquisition right now. Ignore generic advice. For each channel, provide a highly specific “Launch Hook” or angle that plays on the pain points identified earlier to drive high CTR.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (Distribution & Launch)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-4\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Outline your primary marketing channels, sales motion, and launch campaign ideas here...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brief-overlay\" class=\"absolute inset-0 bg-stone-900\/40 backdrop-blur-sm z-50 hidden flex-col\">\n <div class=\"bg-white flex-1 m-4 md:m-8 rounded-2xl shadow-2xl flex flex-col overflow-hidden border border-stone-200 animate-[fadeSlideUp_0.3s_ease-out]\">\n <div class=\"bg-stone-50 border-b border-stone-200 p-6 flex justify-between items-center shrink-0\">\n <div>\n <h2 class=\"text-2xl font-bold text-stone-800\">Your Master GTM Brief<\/h2>\n <p class=\"text-sm text-stone-500\">Synthesized from your AI research canvas.<\/p>\n <\/div>\n <div class=\"flex gap-3\">\n <button id=\"copy-brief-btn\" class=\"bg-teal-700 hover:bg-teal-800 text-white font-semibold py-2 px-4 rounded transition-colors text-sm flex items-center gap-2\">\n <span>📋<\/span> Copy Full Text\n <\/button>\n <button id=\"close-brief-btn\" class=\"bg-stone-200 hover:bg-stone-300 text-stone-700 font-semibold py-2 px-4 rounded transition-colors text-sm\">\n Close\n <\/button>\n <\/div>\n <\/div>\n <div class=\"p-8 overflow-y-auto flex-1 bg-white\">\n <div id=\"compiled-content\" class=\"max-w-4xl mx-auto prose prose-stone\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- NAVIGATION LOGIC ---\n const tabs = document.querySelectorAll('.pillar-tab');\n const panels = document.querySelectorAll('.workspace-panel');\n\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n \/\/ Reset active states\n tabs.forEach(t => t.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n\n \/\/ Set new active states\n tab.classList.add('active');\n const targetId = tab.getAttribute('data-target');\n document.getElementById(targetId).classList.add('active');\n });\n });\n\n \/\/ --- COPY PROMPT LOGIC ---\n const copyBtns = document.querySelectorAll('.copy-btn');\n copyBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n const targetId = btn.getAttribute('data-target');\n const text = document.getElementById(targetId).innerText;\n \n navigator.clipboard.writeText(text).then(() => {\n const originalText = btn.innerText;\n btn.innerText = \"\u2713 Copied\";\n btn.classList.add('bg-teal-100', 'border-teal-400');\n setTimeout(() => {\n btn.innerText = originalText;\n btn.classList.remove('bg-teal-100', 'border-teal-400');\n }, 2000);\n });\n });\n });\n\n \/\/ --- STATE MANAGEMENT & PROGRESS ---\n const inputs = document.querySelectorAll('.gtm-input');\n const completionBar = document.getElementById('completion-bar');\n const completionText = document.getElementById('completion-text');\n\n \/\/ Load saved data\n inputs.forEach(input => {\n const saved = localStorage.getItem(input.id);\n if (saved) input.value = saved;\n \n input.addEventListener('input', () => {\n localStorage.setItem(input.id, input.value);\n updateProgress();\n });\n });\n\n function updateProgress() {\n let filledCount = 0;\n inputs.forEach(input => {\n if (input.value.trim().length > 10) { \/\/ Require at least 10 chars to count\n filledCount++;\n }\n });\n\n const percentage = (filledCount \/ inputs.length) * 100;\n completionBar.style.width = `${percentage}%`;\n completionText.innerText = `${Math.round(percentage)}%`;\n\n if(percentage === 100) {\n completionBar.classList.replace('bg-teal-600', 'bg-emerald-500');\n completionText.classList.replace('text-teal-700', 'text-emerald-600');\n } else {\n completionBar.classList.replace('bg-emerald-500', 'bg-teal-600');\n completionText.classList.replace('text-emerald-600', 'text-teal-700');\n }\n }\n\n updateProgress(); \/\/ Initial check\n\n \/\/ --- BRIEF COMPILATION LOGIC ---\n const compileBtn = document.getElementById('compile-btn');\n const closeBriefBtn = document.getElementById('close-brief-btn');\n const copyBriefBtn = document.getElementById('copy-brief-btn');\n const briefOverlay = document.getElementById('brief-overlay');\n const compiledContent = document.getElementById('compiled-content');\n\n function generateBriefHTML() {\n const p1 = document.getElementById('input-pillar-1').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n const p2 = document.getElementById('input-pillar-2').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n const p3 = document.getElementById('input-pillar-3').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n const p4 = document.getElementById('input-pillar-4').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n\n \/\/ Format with basic markdown-to-html (paragraphs)\n const formatText = (text) => text.split('\\n').map(line => `<p style=\"margin-bottom: 0.75em;\">${line}<\/p>`).join('');\n\n return `\n <h1 style=\"font-size: 2.25rem; font-weight: 700; color: #1c1917; border-bottom: 2px solid #e7e5e4; padding-bottom: 0.5rem; margin-bottom: 1.5rem;\">Executive Go-To-Market Strategy<\/h1>\n \n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2rem; margin-bottom: 1rem;\">1. Target Market & Audience<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p1)}<\/div>\n\n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2.5rem; margin-bottom: 1rem;\">2. Competitive Landscape & Gaps<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p2)}<\/div>\n\n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2.5rem; margin-bottom: 1rem;\">3. Positioning & Pricing Strategy<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p3)}<\/div>\n\n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2.5rem; margin-bottom: 1rem;\">4. Channels & Distribution Plan<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p4)}<\/div>\n `;\n }\n\n compileBtn.addEventListener('click', () => {\n compiledContent.innerHTML = generateBriefHTML();\n briefOverlay.classList.remove('hidden');\n briefOverlay.classList.add('flex');\n });\n\n closeBriefBtn.addEventListener('click', () => {\n briefOverlay.classList.add('hidden');\n briefOverlay.classList.remove('flex');\n });\n\n copyBriefBtn.addEventListener('click', () => {\n \/\/ Copy plain text version\n const textToCopy = `EXECUTIVE GO-TO-MARKET STRATEGY\\n\\n1. Target Market & Audience\\n---------------------------\\n${document.getElementById('input-pillar-1').value}\\n\\n2. Competitive Landscape & Gaps\\n-------------------------------\\n${document.getElementById('input-pillar-2').value}\\n\\n3. Positioning & Pricing Strategy\\n---------------------------------\\n${document.getElementById('input-pillar-3').value}\\n\\n4. Channels & Distribution Plan\\n-------------------------------\\n${document.getElementById('input-pillar-4').value}`;\n \n navigator.clipboard.writeText(textToCopy).then(() => {\n const originalText = copyBriefBtn.innerHTML;\n copyBriefBtn.innerHTML = `<span>✓<\/span> Copied to Clipboard!`;\n copyBriefBtn.classList.replace('bg-teal-700', 'bg-emerald-600');\n setTimeout(() => {\n copyBriefBtn.innerHTML = originalText;\n copyBriefBtn.classList.replace('bg-emerald-600', 'bg-teal-700');\n }, 2500);\n });\n });\n\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AI-Driven Go-To-Market Strategy Canvas 🚀 AI-Powered GTM Strategy Canvas Answer the critical market research questions to build your Go-To-Market plan. 📄 View Compiled Brief The 4 GTM Pillars 👥 1. Audience & Market 🏁 2. Competitive Arena 💵 3. Offer & Positioning 📣 4. Channels & Traction Canvas Completion 0% Phase 1 Market & Audience […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1369","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/1369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=1369"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/1369\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=1369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1369,"date":"2026-04-22T04:23:02","date_gmt":"2026-04-22T04:23:02","guid":{"rendered":"https:\/\/marketing-coaching.uk\/?page_id=1369"},"modified":"2026-04-22T06:59:10","modified_gmt":"2026-04-22T06:59:10","slug":"market-research-ai-powered","status":"publish","type":"page","link":"https:\/\/marketing-coaching.uk\/en\/market-research-ai-powered\/","title":{"rendered":"Market Research AI powered"},"content":{"rendered":"\n\n\n\n \n \n AI-Driven Go-To-Market Strategy Canvas<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n \n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f5f5f4; \/* stone-100 *\/\n color: #292524;\n }\n \n \/* Custom Scrollbar for Textareas and brief *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f5f5f4; \n }\n ::-webkit-scrollbar-thumb {\n background: #d6d3d1; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #a8a29e; \n }\n\n .pillar-tab {\n transition: all 0.2s ease;\n border-left: 4px solid transparent;\n }\n .pillar-tab.active {\n background-color: #ffffff;\n border-left: 4px solid #115e59; \/* teal-800 *\/\n color: #115e59;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n }\n .pillar-tab.active .tab-icon {\n transform: scale(1.1);\n }\n\n .workspace-panel {\n display: none;\n animation: fadeSlideUp 0.4s ease-out forwards;\n opacity: 0;\n transform: translateY(10px);\n }\n .workspace-panel.active {\n display: block;\n }\n\n @keyframes fadeSlideUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .prompt-box {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n }\n <\/style>\n<\/head>\n<body class=\"h-screen flex flex-col overflow-hidden\">\n\n \n <header class=\"bg-teal-900 text-white px-6 py-4 flex justify-between items-center shrink-0 shadow-md z-10\">\n <div>\n <h1 class=\"text-xl font-bold flex items-center gap-2\">\n <span class=\"text-2xl\">🚀<\/span> AI-Powered GTM Strategy Canvas\n <\/h1>\n <p class=\"text-teal-200 text-xs mt-1\">Answer the critical market research questions to build your Go-To-Market plan.<\/p>\n <\/div>\n <button id=\"compile-btn\" class=\"bg-amber-500 hover:bg-amber-400 text-teal-950 font-bold py-2 px-6 rounded-lg transition-colors shadow-sm flex items-center gap-2\">\n <span>📄<\/span> View Compiled Brief\n <\/button>\n <\/header>\n\n \n <div class=\"flex flex-1 overflow-hidden\">\n \n \n <nav class=\"w-72 bg-stone-50 border-r border-stone-200 flex flex-col overflow-y-auto shrink-0 z-0 shadow-[4px_0_24px_rgba(0,0,0,0.02)]\">\n <div class=\"p-6\">\n <h2 class=\"text-xs font-bold text-stone-400 uppercase tracking-widest mb-4\">The 4 GTM Pillars<\/h2>\n \n <div class=\"space-y-2\">\n <button class=\"pillar-tab active w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-1\">\n <span class=\"tab-icon transition-transform\">👥<\/span> 1. Audience & Market\n <\/button>\n <button class=\"pillar-tab w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-2\">\n <span class=\"tab-icon transition-transform\">🏁<\/span> 2. Competitive Arena\n <\/button>\n <button class=\"pillar-tab w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-3\">\n <span class=\"tab-icon transition-transform\">💵<\/span> 3. Offer & Positioning\n <\/button>\n <button class=\"pillar-tab w-full text-left p-4 rounded-r-xl font-semibold text-stone-600 hover:bg-stone-100 flex items-center gap-3\" data-target=\"pillar-4\">\n <span class=\"tab-icon transition-transform\">📣<\/span> 4. Channels & Traction\n <\/button>\n <\/div>\n <\/div>\n \n <div class=\"mt-auto p-6 border-t border-stone-200 bg-stone-100\">\n <div class=\"flex justify-between items-center mb-2\">\n <span class=\"text-xs font-bold text-stone-500 uppercase tracking-wider\">Canvas Completion<\/span>\n <span id=\"completion-text\" class=\"text-xs font-bold text-teal-700\">0%<\/span>\n <\/div>\n <div class=\"h-2 w-full bg-stone-300 rounded-full overflow-hidden\">\n <div id=\"completion-bar\" class=\"h-full bg-teal-600 w-0 transition-all duration-500\"><\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n \n <main class=\"flex-1 bg-white overflow-y-auto relative\">\n \n \n <div id=\"pillar-1\" class=\"workspace-panel active p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 1<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Market & Audience<\/h2>\n <p class=\"text-stone-600\">Before building, we must use AI to identify exactly who we are selling to, the true size of the opportunity, and their deepest unmet needs.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n \n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>Who is the exact Ideal Customer Profile (ICP)?<\/li>\n <li>What triggers their buying decision?<\/li>\n <li>What are their deepest pain points with current solutions?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-1\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Scrape competitor reviews (Trustpilot\/G2) or Reddit threads, then use this prompt to extract psychological triggers.<\/p>\n <div id=\"prompt-1\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">Act as an expert consumer psychologist. I am providing you with 100 raw reviews of [Competitor Product] from [Target Audience]. Analyze this data and identify the top 3 unfulfilled needs. For each need, identify the emotional trigger that causes frustration. Quote the raw text to justify your findings. Do not hallucinate data.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (ICP & Pain Points)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-1\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Based on the AI analysis, document your Ideal Customer Profile, their main frustrations, and buying triggers here...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pillar-2\" class=\"workspace-panel p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 2<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Competitive Arena<\/h2>\n <p class=\"text-stone-600\">Use AI to map the landscape. We aren’t just listing competitors; we are looking for the strategic gaps they have left open in the market.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>Who are the direct and indirect incumbents?<\/li>\n <li>What is their core value proposition?<\/li>\n <li>Where do they fail (The Market Gap)?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-2\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Input competitor website copy, feature pages, and pricing tiers into the LLM to generate a gap analysis matrix.<\/p>\n <div id=\"prompt-2\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">I am providing you with the website copy and feature lists for Competitor A and Competitor B in the [Industry] space. Create a feature comparison matrix. More importantly, identify 2 strategic “white spaces” or market gaps where neither competitor is providing a strong solution for [Target Audience].<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (Competitors & Gaps)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-2\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Document your primary competitors, their strengths, and the specific market gaps your product will exploit...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pillar-3\" class=\"workspace-panel p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 3<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Offer & Positioning<\/h2>\n <p class=\"text-stone-600\">Now that we know the audience and the gaps, how do we package, price, and position our product to win?<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>What is our unique, defensible Value Proposition?<\/li>\n <li>What is our pricing strategy (Premium, Penetration, Freemium)?<\/li>\n <li>What is the core messaging hierarchy?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-3\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Use AI to simulate pricing strategies and generate localized positioning statements based on previous findings.<\/p>\n <div id=\"prompt-3\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">Act as a Product Marketing Executive. Our product solves [Pain Point] for [Audience], filling the gap left by [Competitors] who charge [$X]. Suggest 3 distinct pricing models (e.g., subscription, usage-based) with pros and cons for each. Then, write a 1-sentence Unique Value Proposition (UVP) that clearly differentiates us.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (Positioning & Pricing)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-3\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Write your official Unique Value Proposition (UVP) and your chosen pricing and packaging strategy here...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"pillar-4\" class=\"workspace-panel p-8 md:p-12 max-w-5xl mx-auto\">\n <div class=\"mb-8\">\n <span class=\"inline-block px-3 py-1 bg-teal-100 text-teal-800 rounded-full text-xs font-bold uppercase tracking-wide mb-3\">Phase 4<\/span>\n <h2 class=\"text-3xl font-bold text-stone-900 mb-2\">Channels & Traction<\/h2>\n <p class=\"text-stone-600\">The best product fails without distribution. How will we reach our audience, acquire our first 100 customers, and scale?<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n <div class=\"space-y-6\">\n <div class=\"bg-stone-50 p-5 rounded-xl border border-stone-200\">\n <h3 class=\"font-bold text-stone-800 flex items-center gap-2 mb-2\">\n <span class=\"text-teal-700\">❔<\/span> The Key Questions\n <\/h3>\n <ul class=\"list-disc list-inside text-sm text-stone-600 space-y-1 ml-1\">\n <li>Where does our audience consume information?<\/li>\n <li>What is the primary acquisition channel (Inbound, Outbound, Partner)?<\/li>\n <li>What is the launch strategy to get early traction?<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"bg-teal-50\/50 p-5 rounded-xl border border-teal-100\">\n <div class=\"flex justify-between items-center mb-3\">\n <h3 class=\"font-bold text-teal-900 flex items-center gap-2\">\n <span class=\"text-lg\">🤖<\/span> AI Execution Strategy\n <\/h3>\n <button class=\"copy-btn text-xs bg-white border border-teal-200 px-2 py-1 rounded text-teal-700 hover:bg-teal-100 transition-colors font-semibold shadow-sm\" data-target=\"prompt-4\">Copy Prompt<\/button>\n <\/div>\n <p class=\"text-xs text-teal-800 mb-3\"><strong>Method:<\/strong> Use AI to brainstorm non-obvious acquisition channels and draft initial launch campaign hooks.<\/p>\n <div id=\"prompt-4\" class=\"prompt-box bg-white p-3 rounded border border-teal-200 text-xs text-stone-700 overflow-y-auto max-h-40\">Based on my audience of [Audience] in [Region], list the top 3 highest-converting digital channels for B2B\/B2C acquisition right now. Ignore generic advice. For each channel, provide a highly specific “Launch Hook” or angle that plays on the pain points identified earlier to drive high CTR.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"bg-white border-2 border-stone-200 p-6 rounded-xl shadow-sm flex flex-col focus-within:border-teal-500 transition-colors\">\n <label class=\"block text-sm font-bold text-stone-700 mb-2 flex justify-between\">\n <span>Your Research Findings (Distribution & Launch)<\/span>\n <span class=\"text-stone-400 font-normal text-xs\">Saves automatically<\/span>\n <\/label>\n <textarea id=\"input-pillar-4\" class=\"gtm-input w-full flex-1 p-3 border-none bg-stone-50 rounded-lg outline-none resize-none text-stone-700 text-sm focus:bg-white transition-colors\" placeholder=\"Outline your primary marketing channels, sales motion, and launch campaign ideas here...\"><\/textarea>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"brief-overlay\" class=\"absolute inset-0 bg-stone-900\/40 backdrop-blur-sm z-50 hidden flex-col\">\n <div class=\"bg-white flex-1 m-4 md:m-8 rounded-2xl shadow-2xl flex flex-col overflow-hidden border border-stone-200 animate-[fadeSlideUp_0.3s_ease-out]\">\n <div class=\"bg-stone-50 border-b border-stone-200 p-6 flex justify-between items-center shrink-0\">\n <div>\n <h2 class=\"text-2xl font-bold text-stone-800\">Your Master GTM Brief<\/h2>\n <p class=\"text-sm text-stone-500\">Synthesized from your AI research canvas.<\/p>\n <\/div>\n <div class=\"flex gap-3\">\n <button id=\"copy-brief-btn\" class=\"bg-teal-700 hover:bg-teal-800 text-white font-semibold py-2 px-4 rounded transition-colors text-sm flex items-center gap-2\">\n <span>📋<\/span> Copy Full Text\n <\/button>\n <button id=\"close-brief-btn\" class=\"bg-stone-200 hover:bg-stone-300 text-stone-700 font-semibold py-2 px-4 rounded transition-colors text-sm\">\n Close\n <\/button>\n <\/div>\n <\/div>\n <div class=\"p-8 overflow-y-auto flex-1 bg-white\">\n <div id=\"compiled-content\" class=\"max-w-4xl mx-auto prose prose-stone\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ --- NAVIGATION LOGIC ---\n const tabs = document.querySelectorAll('.pillar-tab');\n const panels = document.querySelectorAll('.workspace-panel');\n\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n \/\/ Reset active states\n tabs.forEach(t => t.classList.remove('active'));\n panels.forEach(p => p.classList.remove('active'));\n\n \/\/ Set new active states\n tab.classList.add('active');\n const targetId = tab.getAttribute('data-target');\n document.getElementById(targetId).classList.add('active');\n });\n });\n\n \/\/ --- COPY PROMPT LOGIC ---\n const copyBtns = document.querySelectorAll('.copy-btn');\n copyBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n const targetId = btn.getAttribute('data-target');\n const text = document.getElementById(targetId).innerText;\n \n navigator.clipboard.writeText(text).then(() => {\n const originalText = btn.innerText;\n btn.innerText = \"\u2713 Copied\";\n btn.classList.add('bg-teal-100', 'border-teal-400');\n setTimeout(() => {\n btn.innerText = originalText;\n btn.classList.remove('bg-teal-100', 'border-teal-400');\n }, 2000);\n });\n });\n });\n\n \/\/ --- STATE MANAGEMENT & PROGRESS ---\n const inputs = document.querySelectorAll('.gtm-input');\n const completionBar = document.getElementById('completion-bar');\n const completionText = document.getElementById('completion-text');\n\n \/\/ Load saved data\n inputs.forEach(input => {\n const saved = localStorage.getItem(input.id);\n if (saved) input.value = saved;\n \n input.addEventListener('input', () => {\n localStorage.setItem(input.id, input.value);\n updateProgress();\n });\n });\n\n function updateProgress() {\n let filledCount = 0;\n inputs.forEach(input => {\n if (input.value.trim().length > 10) { \/\/ Require at least 10 chars to count\n filledCount++;\n }\n });\n\n const percentage = (filledCount \/ inputs.length) * 100;\n completionBar.style.width = `${percentage}%`;\n completionText.innerText = `${Math.round(percentage)}%`;\n\n if(percentage === 100) {\n completionBar.classList.replace('bg-teal-600', 'bg-emerald-500');\n completionText.classList.replace('text-teal-700', 'text-emerald-600');\n } else {\n completionBar.classList.replace('bg-emerald-500', 'bg-teal-600');\n completionText.classList.replace('text-emerald-600', 'text-teal-700');\n }\n }\n\n updateProgress(); \/\/ Initial check\n\n \/\/ --- BRIEF COMPILATION LOGIC ---\n const compileBtn = document.getElementById('compile-btn');\n const closeBriefBtn = document.getElementById('close-brief-btn');\n const copyBriefBtn = document.getElementById('copy-brief-btn');\n const briefOverlay = document.getElementById('brief-overlay');\n const compiledContent = document.getElementById('compiled-content');\n\n function generateBriefHTML() {\n const p1 = document.getElementById('input-pillar-1').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n const p2 = document.getElementById('input-pillar-2').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n const p3 = document.getElementById('input-pillar-3').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n const p4 = document.getElementById('input-pillar-4').value || \"<em style='color:#a8a29e;'>No data provided for this section. Return to the canvas to complete.<\/em>\";\n\n \/\/ Format with basic markdown-to-html (paragraphs)\n const formatText = (text) => text.split('\\n').map(line => `<p style=\"margin-bottom: 0.75em;\">${line}<\/p>`).join('');\n\n return `\n <h1 style=\"font-size: 2.25rem; font-weight: 700; color: #1c1917; border-bottom: 2px solid #e7e5e4; padding-bottom: 0.5rem; margin-bottom: 1.5rem;\">Executive Go-To-Market Strategy<\/h1>\n \n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2rem; margin-bottom: 1rem;\">1. Target Market & Audience<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p1)}<\/div>\n\n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2.5rem; margin-bottom: 1rem;\">2. Competitive Landscape & Gaps<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p2)}<\/div>\n\n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2.5rem; margin-bottom: 1rem;\">3. Positioning & Pricing Strategy<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p3)}<\/div>\n\n <h2 style=\"font-size: 1.5rem; font-weight: 700; color: #0f766e; margin-top: 2.5rem; margin-bottom: 1rem;\">4. Channels & Distribution Plan<\/h2>\n <div style=\"color: #44403c; line-height: 1.6;\">${formatText(p4)}<\/div>\n `;\n }\n\n compileBtn.addEventListener('click', () => {\n compiledContent.innerHTML = generateBriefHTML();\n briefOverlay.classList.remove('hidden');\n briefOverlay.classList.add('flex');\n });\n\n closeBriefBtn.addEventListener('click', () => {\n briefOverlay.classList.add('hidden');\n briefOverlay.classList.remove('flex');\n });\n\n copyBriefBtn.addEventListener('click', () => {\n \/\/ Copy plain text version\n const textToCopy = `EXECUTIVE GO-TO-MARKET STRATEGY\\n\\n1. Target Market & Audience\\n---------------------------\\n${document.getElementById('input-pillar-1').value}\\n\\n2. Competitive Landscape & Gaps\\n-------------------------------\\n${document.getElementById('input-pillar-2').value}\\n\\n3. Positioning & Pricing Strategy\\n---------------------------------\\n${document.getElementById('input-pillar-3').value}\\n\\n4. Channels & Distribution Plan\\n-------------------------------\\n${document.getElementById('input-pillar-4').value}`;\n \n navigator.clipboard.writeText(textToCopy).then(() => {\n const originalText = copyBriefBtn.innerHTML;\n copyBriefBtn.innerHTML = `<span>✓<\/span> Copied to Clipboard!`;\n copyBriefBtn.classList.replace('bg-teal-700', 'bg-emerald-600');\n setTimeout(() => {\n copyBriefBtn.innerHTML = originalText;\n copyBriefBtn.classList.replace('bg-emerald-600', 'bg-teal-700');\n }, 2500);\n });\n });\n\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>AI-Driven Go-To-Market Strategy Canvas 🚀 AI-Powered GTM Strategy Canvas Answer the critical market research questions to build your Go-To-Market plan. 📄 View Compiled Brief The 4 GTM Pillars 👥 1. Audience & Market 🏁 2. Competitive Arena 💵 3. Offer & Positioning 📣 4. Channels & Traction Canvas Completion 0% Phase 1 Market & Audience […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1369","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/1369","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=1369"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/1369\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=1369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}