<!-- Case Study Template - Velocity Growth -->
<!-- velocitygrowth.ae/case-studies/[slug] -->
<!-- Rendered via decoder script: plain text field > DOMParser > innerHTML -->
<!-- TEMPLATE: Replace all {{PLACEHOLDER}} values with actual content -->
<style>
/* ─── Global typography matching velocitygrowth.ae ─── */
.vg-section p { font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B;margin:0 0 16px; }
.vg-section p:last-child { margin-bottom:0; }
.vg-section p strong { color:#06054B; }
/* Key Takeaway (white bg, same as body) */
.vg-key-takeaway-content p { font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#06054B !important;margin:0 0 16px; }
.vg-key-takeaway-content p strong { color:#06054B !important; }
.vg-key-takeaway-content p:last-child { margin-bottom:0; }
/* Force colors on all injected content - Webflow overrides without !important */
#vg-casestudy-content p { color:#06054B !important; }
#vg-casestudy-content li { color:inherit !important; }
#vg-casestudy-content .vg-challenge-card p,
#vg-casestudy-content .vg-challenge-card li { color:#c8cdd3 !important; }
#vg-casestudy-content .vg-challenge-card p[style*="color:#fff"] { color:#fff !important; }
#vg-casestudy-content .vg-impact-narrative p { color:#c8cdd3 !important; }
/* Impact narrative (navy bg, light text) */
.vg-impact-narrative p { font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#c8cdd3;margin:0 0 16px; }
.vg-impact-narrative p strong { color:#fff; }
.vg-impact-narrative p:last-child { margin-bottom:0; }
/* Metric card hover glow */
.vg-metric-card {
transition: all 0.3s cubic-bezier(0.22,1,0.36,1) !important;
}
/* Challenge tiles (navy bg) - white glow on hover */
.vg-challenge-card {
transition: all 0.3s cubic-bezier(0.22,1,0.36,1);
cursor: default;
}
.vg-challenge-card:hover {
transform: translateY(-4px);
box-shadow: 0 0 24px rgba(148,49,255,0.35), 0 0 48px rgba(148,49,255,0.15), 0 8px 24px rgba(0,0,0,0.25);
}
/* Execution tiles (white bg) - purple glow on hover */
.vg-exec-card {
transition: all 0.3s cubic-bezier(0.22,1,0.36,1);
cursor: default;
}
.vg-exec-card:hover {
transform: translateY(-4px);
border-color: rgba(148,49,255,0.25) !important;
box-shadow: 0 8px 20px rgba(0,0,0,0.06), 0 16px 48px rgba(148,49,255,0.15), 0 0 0 1px rgba(148,49,255,0.1);
}
@media (max-width: 768px) {
.vg-takeaway-grid { grid-template-columns: 1fr !important; }
.vg-form-card { position: static !important; }
}
.vg-metric-card:hover {
transform: translateY(-4px);
border-color: rgba(255,255,255,0.35) !important;
box-shadow: 0 0 20px rgba(255,255,255,0.08), 0 0 40px rgba(255,255,255,0.04), 0 4px 24px rgba(0,0,0,0.2);
background: rgba(255,255,255,0.1) !important;
}
</style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Nunito+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 1: CASE STUDY HEADER -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#06054B;padding:80px 0 60px;position:relative;overflow:hidden;">
<!-- Decorative SVG shapes -->
<svg style="position:absolute;top:-40px;right:-60px;width:400px;height:400px;opacity:0.06;" viewBox="0 0 400 400" fill="none" aria-hidden="true">
<circle cx="200" cy="200" r="180" stroke="#9431ff" stroke-width="2"/>
<circle cx="200" cy="200" r="130" stroke="#9431ff" stroke-width="1.5"/>
<circle cx="200" cy="200" r="80" stroke="#9431ff" stroke-width="1"/>
</svg>
<svg style="position:absolute;bottom:-20px;left:-40px;width:300px;height:300px;opacity:0.05;" viewBox="0 0 300 300" fill="none" aria-hidden="true">
<rect x="30" y="30" width="240" height="240" rx="20" stroke="#9431ff" stroke-width="2" transform="rotate(15 150 150)"/>
<rect x="60" y="60" width="180" height="180" rx="15" stroke="#9431ff" stroke-width="1.5" transform="rotate(15 150 150)"/>
</svg>
<div style="max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;">
<!-- Breadcrumb -->
<nav style="margin-bottom:24px;" aria-label="Breadcrumb">
<ol style="list-style:none;padding:0;margin:0;display:flex;gap:8px;align-items:center;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;flex-wrap:wrap;">
<li><a href="https://www.velocitygrowth.ae" style="color:#94a3b8;text-decoration:none;">Home</a></li>
<li style="color:#94a3b8;">›</li>
<li><a href="https://www.velocitygrowth.ae/case-studies" style="color:#94a3b8;text-decoration:none;">Our Work</a></li>
<li style="color:#94a3b8;">›</li>
<li style="color:#9431ff;">A Major Events & Experiences Marketplace, UAE</li>
</ol>
</nav>
<!-- Header content + share buttons -->
<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;">
<div style="flex:1;min-width:280px;">
<!-- Badge + Geography -->
<div style="display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;">
<span style="display:inline-block;padding:6px 14px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;background:#9431ff;color:#fff;">Transformation</span>
<span style="display:inline-block;padding:6px 14px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:500;background:rgba(255,255,255,0.12);color:#c8cdd3;">UAE</span>
</div>
<!-- Client Descriptor -->
<h1 style="font-family:'Montserrat',sans-serif;font-size:56px;font-weight:700;line-height:1.1;color:#fff;margin:0 0 16px;">A Major Events & Experiences Marketplace, UAE</h1>
<!-- Project Summary -->
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.6;color:#c8cdd3;margin:0 0 24px;max-width:700px;">Built a full-stack growth engine across 7 workstreams for the UAE's largest events and experiences marketplace, turning a negative contribution margin into sustainable, profitable growth.</p>
<!-- Workstream Tags (primary - what we did) -->
<div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;">
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Growth Strategy</span>
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Growth Analytics</span>
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Growth Design</span>
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Digital Growth</span>
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Growth Engineering</span>
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Growth Content</span>
<span style="display:inline-block;padding:4px 12px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(148,49,255,0.15);color:#c084fc;">Growth Research</span>
</div>
<!-- Industry Tags (secondary - type of business) -->
<div style="display:flex;gap:8px;flex-wrap:wrap;">
<span style="display:inline-block;padding:5px 14px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(255,255,255,0.9);color:#06054B;">Marketplaces</span>
<span style="display:inline-block;padding:5px 14px;border-radius:6px;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;background:rgba(255,255,255,0.9);color:#06054B;">Events & Experiences</span>
</div>
</div>
<!-- Share buttons (aligned with H1) -->
<div style="display:flex;gap:10px;flex-shrink:0;margin-top:48px;">
<button onclick="navigator.clipboard.writeText(window.location.href).then(function(){var b=this;b.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg> Copied!';setTimeout(function(){b.innerHTML='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg> Copy Link'},2000)}.bind(this))" style="display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:100px;border:2px solid rgba(255,255,255,0.5);background:transparent;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;" onmouseover="this.style.background='rgba(255,255,255,0.1)';this.style.borderColor='#fff'" onmouseout="this.style.background='transparent';this.style.borderColor='rgba(255,255,255,0.5)'">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
Copy Link
</button>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.velocitygrowth.ae%2Fcase-studies%2Fgrowth-engine-events-marketplace-uae" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:100px;border:none;background:#9431ff;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.2s;" onmouseover="this.style.background='#7a28d6'" onmouseout="this.style.background='#9431ff'">
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
Share on LinkedIn
</a>
</div>
</div>
<!-- Hero Metric -->
<div style="margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08);">
<div style="display:flex;align-items:center;gap:20px;flex-wrap:wrap;">
<div style="font-family:'Montserrat',sans-serif;font-size:56px;font-weight:600;line-height:1;background:linear-gradient(135deg,#9431ff 0%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">256%</div>
<div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:18px;font-weight:600;color:#fff;line-height:1.3;">Increase in Qualified Leads</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;line-height:1.3;">via scientifically designed landing pages and campaigns</div>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 2: THE CHALLENGE -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;margin:0 0 8px;letter-spacing:0.04em;">The Challenge</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 32px;letter-spacing:-0.48px;line-height:46px;">What We Were Solving</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#06054B;margin:0 0 36px;">The UAE's largest events marketplace was growing, but every dollar of revenue cost more than a dollar to generate. CM3 sat at -3%. The growth stack needed a full rebuild.</p><div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;"><div class="vg-challenge-card" style="background:#06054B;border-radius:12px;padding:28px;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/><line x1="1" y1="1" x2="23" y2="23"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0 0 12px;">Broken Attribution</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;"><li>No events taxonomy across 8 business lines</li><li>Offline conversions invisible to ad platforms</li><li>No line of sight into what drove revenue</li></ul></div><div class="vg-challenge-card" style="background:#06054B;border-radius:12px;padding:28px;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0 0 12px;">No Lifecycle Strategy</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;"><li>CRM had no roadmap or lifecycle flows</li><li>WhatsApp riddled with 61 flow-breaking issues</li><li>Email engagement declining month over month</li></ul></div><div class="vg-challenge-card" style="background:#06054B;border-radius:12px;padding:28px;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#c084fc" stroke-width="2"><path d="M12 20V10"/><path d="M18 20V4"/><path d="M6 20v-4"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;margin:0 0 12px;">Negative Unit Economics</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#c8cdd3;"><li>CM3 at -3%, CAC climbing steadily</li><li>Landing pages not designed for conversion</li><li>UI/UX issues slipping through UAT</li></ul></div></div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 3: THE APPROACH -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:0 0 80px;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;margin:0 0 8px;letter-spacing:0.04em;">The Approach</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 32px;letter-spacing:-0.48px;line-height:46px;">How We Thought About It</h2>
<p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#06054B;margin:0 0 36px;">You cannot optimize what you cannot measure, and you cannot scale what is not profitable. We started with research and measurement before touching any campaigns.</p><div style="position:relative;padding-left:48px;"><div style="position:absolute;left:19px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,#9431ff,rgba(148,49,255,0.15));"></div><div style="position:relative;margin-bottom:36px;"><div style="position:absolute;left:-48px;top:0;width:40px;height:40px;border-radius:50%;background:#9431ff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;">1</div><p style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 12px;letter-spacing:-0.4px;padding-top:8px;">Research and Diagnosis</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>34 user research interviews + 12 event planner interviews</li><li>8-competitor landscape analysis</li><li>Marketing spend breakdown: new vs. repeat users</li><li>Inquiry-to-event conversion pipeline mapped end to end</li></ul></div><div style="position:relative;margin-bottom:36px;"><div style="position:absolute;left:-48px;top:0;width:40px;height:40px;border-radius:50%;background:#9431ff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;">2</div><p style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 12px;letter-spacing:-0.4px;padding-top:8px;">Measurement Infrastructure</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>Events taxonomy: 43 key events across 8 business lines</li><li>Offline conversion tracking for phone and WhatsApp bookings</li><li>Attribution fundamentally changed once clean data flowed</li></ul></div><div style="position:relative;margin-bottom:36px;"><div style="position:absolute;left:-48px;top:0;width:40px;height:40px;border-radius:50%;background:#9431ff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;">3</div><p style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 12px;letter-spacing:-0.4px;padding-top:8px;">Systematic Execution</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>Media spend rationalization to eliminate waste</li><li>CRM lifecycle strategy built from scratch</li><li>WhatsApp automation + landing page redesign</li><li>Every initiative tied to a CM3 lever: reduce CAC, increase revenue, or improve retention</li></ul></div><div style="position:relative;"><div style="position:absolute;left:-48px;top:0;width:40px;height:40px;border-radius:50%;background:#9431ff;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:#fff;">4</div><p style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:600;color:#06054B;margin:0 0 12px;letter-spacing:-0.4px;padding-top:8px;">Continuous Optimization</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>11 initiatives targeting automation, pricing, CLTV, and CAC</li><li>4-dimensional scoring framework (complexity, effort, criticality, priority)</li><li>Executed in sprints with measurable outcomes</li></ul></div></div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 4: THE EXECUTION -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:1000px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;margin:0 0 8px;letter-spacing:0.04em;">The Execution</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 32px;letter-spacing:-0.48px;line-height:46px;">What We Delivered</h2>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;"><div class="vg-exec-card" style="background:#fff;border-radius:12px;padding:28px;border:1px solid #e2e8f0;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 12px;">Strategy & Research</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>34 user + 12 planner interviews</li><li>8-competitor landscape analysis</li><li>CM3 diagnostic across 2 delivery centers</li></ul></div><div class="vg-exec-card" style="background:#fff;border-radius:12px;padding:28px;border:1px solid #e2e8f0;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 12px;">Measurement & Tracking</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>43-event taxonomy across 8 business lines</li><li>Offline conversion tracking (phone + WhatsApp)</li><li>Attribution restructured end to end</li></ul></div><div class="vg-exec-card" style="background:#fff;border-radius:12px;padding:28px;border:1px solid #e2e8f0;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><path d="M18 20V10"/><path d="M12 20V4"/><path d="M6 20v-6"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 12px;">Digital Growth</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>Media spend rationalization</li><li>Creative optimization and A/B testing</li><li>Narrative-driven campaign strategy</li></ul></div><div class="vg-exec-card" style="background:#fff;border-radius:12px;padding:28px;border:1px solid #e2e8f0;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 12px;">CRM & Lifecycle</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>Full CRM roadmap and lifecycle strategy</li><li>WhatsApp flow audit: 61 issues found</li><li>3-API WhatsApp campaign automation</li></ul></div><div class="vg-exec-card" style="background:#fff;border-radius:12px;padding:28px;border:1px solid #e2e8f0;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/><path d="M9 21V9"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 12px;">Growth Design</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>Full UI/UX teardown of consumer app</li><li>30 issues found (incl. go-live blockers)</li><li>Every screen reviewed from 5 perspectives</li></ul></div><div class="vg-exec-card" style="background:#fff;border-radius:12px;padding:28px;border:1px solid #e2e8f0;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:14px;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 12px;">Growth Engineering</p><ul style="margin:0;padding:0 0 0 18px;font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#06054B;"><li>Conversion-focused landing pages from scratch</li><li>Research-backed positioning and copy</li><li>374% improvement in engaged sessions</li></ul></div></div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 5: THE IMPACT -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#06054B;padding:80px 0;position:relative;overflow:hidden;">
<svg style="position:absolute;top:-40px;right:-60px;width:400px;height:400px;opacity:0.06;" viewBox="0 0 400 400" fill="none" aria-hidden="true">
<circle cx="200" cy="200" r="180" stroke="#9431ff" stroke-width="2"/>
<circle cx="200" cy="200" r="130" stroke="#9431ff" stroke-width="1.5"/>
</svg>
<svg style="position:absolute;bottom:-30px;left:-50px;width:300px;height:300px;opacity:0.05;" viewBox="0 0 300 300" fill="none" aria-hidden="true">
<rect x="30" y="30" width="240" height="240" rx="20" stroke="#9431ff" stroke-width="2" transform="rotate(15 150 150)"/>
</svg>
<div style="max-width:1000px;margin:0 auto;padding:0 24px;position:relative;z-index:1;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#c084fc;margin:0 0 8px;letter-spacing:0.04em;">The Impact</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0 0 40px;letter-spacing:-0.48px;line-height:46px;">Results That Moved the Needle</h2>
<!-- Multi-Metric Dashboard Strip -->
<div class="vg-grid-4" style="display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:48px;">
<div class="vg-metric-card" style="padding:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;cursor:default;">
<div style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="256" data-decimals="0">0</span><span>%</span></div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin-top:4px;">Increase in Qualified Leads</div>
</div>
<div class="vg-metric-card" style="padding:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;cursor:default;">
<div style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="11" data-decimals="0">0</span><span>%</span></div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin-top:4px;">CM3 Improvement (from -3% to 8%)</div>
</div>
<div class="vg-metric-card" style="padding:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;cursor:default;">
<div style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="38" data-decimals="0">0</span><span>%</span></div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin-top:4px;">Reduction in User CAC</div>
</div>
<div class="vg-metric-card" style="padding:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;cursor:default;">
<div style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="17" data-decimals="0">0</span><span>%</span></div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin-top:4px;">Revenue Improvement</div>
</div>
<div class="vg-metric-card" style="padding:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;cursor:default;">
<div style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:600;color:#fff;"><span class="vg-anim-num" data-value="42.8" data-decimals="1">0</span><span>%</span></div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin-top:4px;">Email Open Rate</div>
</div>
</div>
<!-- Before/After Comparisons (optional, include if data exists) -->
<div style="display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:32px 0;">
<div style="text-align:center;padding:24px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;">Before</div>
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#fff;">-3%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;">Contribution Margin 3</div>
</div>
<div style="font-size:24px;color:#fff;">→</div>
<div style="text-align:center;padding:24px;background:rgba(255,255,255,0.08);border:2px solid #fff;border-radius:12px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#fff;">After</div>
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:600;color:#fff;">8%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#fff;">Contribution Margin 3</div>
</div>
</div>
<div style="text-align:center;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:24px;">+11 pts improvement</div>
<div style="display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:32px 0;">
<div style="text-align:center;padding:24px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;">Before</div>
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#fff;">Baseline</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;">ROAS (with offline tracking)</div>
</div>
<div style="font-size:24px;color:#fff;">→</div>
<div style="text-align:center;padding:24px;background:rgba(255,255,255,0.08);border:2px solid #fff;border-radius:12px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#fff;">After</div>
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:600;color:#fff;">+113%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#fff;">ROAS (with offline tracking)</div>
</div>
</div>
<div style="text-align:center;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:24px;">113% improvement</div>
<!-- Directional Trend Chart (optional, include if data exists) -->
<!-- Additional impact narrative -->
<div class="vg-impact-narrative">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;"><div style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;"><div style="display:flex;align-items:center;gap:14px;margin-bottom:12px;"><div style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:600;color:#fff;line-height:1;">23%</div><div style="width:1px;height:36px;background:rgba(255,255,255,0.2);"></div><div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#fff;font-weight:600;">Revenue from CRM</div></div><p style="font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:1.6;color:#c8cdd3;margin:0;">CRM went from an afterthought to driving nearly a quarter of total revenue through lifecycle strategy and automation.</p></div><div style="background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:24px;"><div style="display:flex;align-items:center;gap:14px;margin-bottom:12px;"><div style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:600;color:#fff;line-height:1;">98%</div><div style="width:1px;height:36px;background:rgba(255,255,255,0.2);"></div><div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#fff;font-weight:600;">Cost Per Lead Reduction</div></div><p style="font-family:'Nunito Sans',sans-serif;font-size:14px;line-height:1.6;color:#c8cdd3;margin:0;">Conversion-focused landing pages drove 374% more engaged sessions while cutting cost per qualified lead by 98%.</p></div></div><div style="background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:24px;margin-top:16px;"><div style="display:flex;align-items:center;gap:16px;"><div style="flex-shrink:0;"><div style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:600;color:#fff;line-height:1;">61</div><div style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#fff;margin-top:4px;font-weight:600;">WhatsApp issues found</div></div><div style="width:1px;height:52px;background:rgba(255,255,255,0.2);"></div><p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.6;color:#c8cdd3;margin:0;">78% were flow blockers silently killing conversions. The WhatsApp audit alone drove 31% improvement in enquiry rates after fixes were implemented.</p></div></div>
</div>
<!-- Sanitization Disclosure (conditional) -->
<p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin:32px 0 0;font-style:italic;">Certain metrics have been directionally represented to maintain client confidentiality. Impact percentages and improvement ratios are reported as-is.</p>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 6: KEY TAKEAWAY + FORM (merged two-column) -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<div class="vg-takeaway-grid" style="display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:stretch;">
<!-- Left: Key Takeaway as visual insight tiles -->
<div style="display:flex;flex-direction:column;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;margin:0 0 8px;letter-spacing:0.04em;">Key Takeaway</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#06054B;margin:0 0 28px;letter-spacing:-0.48px;line-height:38px;">What This Means for Your Business</h2>
<div class="vg-key-takeaway-content">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;"><div style="background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;"><div style="display:flex;align-items:center;gap:10px;margin-bottom:10px;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:#06054B;margin:0;">Systems, Not Campaigns</p></div><p style="font-size:14px;line-height:1.6;margin:0;">Growth transformations come from rebuilding the system, not optimizing one channel. Fix measurement first, then systematically address every lever.</p></div><div style="background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;"><div style="display:flex;align-items:center;gap:10px;margin-bottom:10px;"><div style="width:36px;height:36px;border-radius:8px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg></div><p style="font-family:'Montserrat',sans-serif;font-size:15px;font-weight:700;color:#06054B;margin:0;">Owned Growth Compounds</p></div><p style="font-size:14px;line-height:1.6;margin:0;">Rented growth is a treadmill. The 256% lead increase was a byproduct of owned fundamentals: clean attribution, lifecycle CRM, and research-backed positioning.</p></div></div><div style="background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;"><div style="display:flex;align-items:center;gap:16px;"><div style="flex-shrink:0;text-align:center;"><div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:600;color:#9431ff;line-height:1;">11</div><div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#64748b;margin-top:4px;">coordinated initiatives</div></div><div style="width:1px;height:48px;background:#e2e8f0;"></div><p style="font-size:14px;line-height:1.6;margin:0;">CM3 moved from -3% to 8% not through any single move, but through 11 coordinated initiatives across 7 workstreams. Each tied to a specific unit economics lever.</p></div></div>
</div>
<!-- Closing bridge text -->
<div style="margin-top:28px;padding:20px 24px;border-left:3px solid #9431ff;border-radius:0 8px 8px 0;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#06054B;margin:0;">Every growth transformation starts with a conversation. Tell us about your business and we'll work with you to help unlock growth.</p>
</div>
<!-- Directional cue: visual arrow pointing toward form -->
<div style="display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px;">
<div style="flex:1;height:1px;background:linear-gradient(90deg,transparent,#9431ff);"></div>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</div>
</div>
<!-- Right: Lead Gen Form with social proof + trust signals -->
<div class="vg-form-card" style="position:sticky;top:24px;">
<!-- Social proof strip -->
<div style="background:#06054B;border-radius:16px 16px 0 0;padding:20px 28px;">
<div style="display:flex;gap:24px;align-items:center;justify-content:center;">
<div style="text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">33+</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:2px;">Brands Grown</div>
</div>
<div style="width:1px;height:32px;background:rgba(255,255,255,0.15);"></div>
<div style="text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">$1.4B</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:2px;">Revenue Generated</div>
</div>
<div style="width:1px;height:32px;background:rgba(255,255,255,0.15);"></div>
<div style="text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">6</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;margin-top:2px;">Countries</div>
</div>
</div>
</div>
<!-- Form card -->
<div style="background:#fff;border-radius:0 0 16px 16px;padding:28px 28px 32px;border:1px solid #e2e8f0;border-top:none;box-shadow:0 8px 32px rgba(6,5,75,0.08);">
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#06054B;margin:0 0 20px;">Get a custom growth audit</h3>
<div id="vg-cta-form-container">
<form id="vg-lead-form" onsubmit="return handleFormSubmit(event)" style="display:flex;flex-direction:column;gap:14px;">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
<div>
<label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">Name *</label>
<input type="text" name="name" required onfocus="pushFormFocus('name')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'" />
</div>
<div>
<label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">Work Email *</label>
<input type="email" name="email" required onfocus="pushFormFocus('email')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'" />
</div>
</div>
<div>
<label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">Company *</label>
<input type="text" name="company" required onfocus="pushFormFocus('company')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'" />
</div>
<div>
<label style="font-family:'Nunito Sans',sans-serif;font-size:13px;font-weight:600;color:#06054B;display:block;margin-bottom:5px;">3 core problems you'd want us to take a look at</label>
<textarea name="message" rows="3" onfocus="pushFormFocus('message')" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-family:'Nunito Sans',sans-serif;font-size:14px;color:#06054B;box-sizing:border-box;resize:vertical;transition:border-color 0.2s;" onfocusin="this.style.borderColor='#9431ff'" onfocusout="this.style.borderColor='#e2e8f0'"></textarea>
</div>
<button type="submit" style="width:100%;padding:14px 32px;background:#9431ff;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;border:none;border-radius:100px;cursor:pointer;transition:all 0.2s;margin-top:4px;box-shadow:0 4px 16px rgba(148,49,255,0.3);" onmouseover="this.style.background='#7a28d6';this.style.boxShadow='0 6px 24px rgba(148,49,255,0.4)'" onmouseout="this.style.background='#9431ff';this.style.boxShadow='0 4px 16px rgba(148,49,255,0.3)'">Book Your Free Discovery Call</button>
</form>
</div>
<!-- Trust signals -->
<div style="display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;">
<div style="display:flex;align-items:center;gap:5px;">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#64748b;">No commitment</span>
</div>
<div style="display:flex;align-items:center;gap:5px;">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>
<span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#64748b;">Response within 24hrs</span>
</div>
</div>
<!-- Post-submit -->
<div id="vg-thank-you" style="display:none;text-align:center;padding:24px 0;">
<svg width="40" height="40" viewBox="0 0 48 48" fill="none" style="margin-bottom:12px;">
<circle cx="24" cy="24" r="24" fill="#f0fdf4"/>
<path d="M14 24l7 7 13-13" stroke="#22c55e" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 6px;">We've received your details</h3>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;margin:0;">We'll reach out within 24 hours.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 6b: FAQ (SEO + GEO optimized) -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#fff;padding:80px 0;">
<div style="max-width:800px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;margin:0 0 8px;letter-spacing:0.04em;">FAQ</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#06054B;margin:0 0 32px;letter-spacing:-0.48px;line-height:38px;">Common Questions</h2>
<details style="border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:12px;background:#fff;">
<summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;">
What does a growth transformation engagement look like?
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;margin-left:16px;transition:transform 0.2s;"><polyline points="6 9 12 15 18 9"/></svg>
</summary>
<div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#06054B;">It starts with research and measurement infrastructure before any campaign work. We diagnose the full growth stack (attribution, CRM, channels, unit economics), then systematically rebuild each lever. For this marketplace, that meant 7 parallel workstreams over multiple months, each tied to a specific CM3 improvement lever.</div>
</details>
<details style="border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:12px;background:#fff;">
<summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;">
How do you measure ROI when multiple workstreams run simultaneously?
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;margin-left:16px;transition:transform 0.2s;"><polyline points="6 9 12 15 18 9"/></svg>
</summary>
<div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#06054B;">Each initiative is tied to a specific metric (CAC, revenue per user, retention rate, CRM revenue share). We use control groups where possible and before/after measurement for infrastructure changes. The 43-event taxonomy we built for this client gave us granular attribution across all 8 business lines.</div>
</details>
<details style="border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:12px;background:#fff;">
<summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;">
What is CM3 and why does it matter for marketplaces?
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;margin-left:16px;transition:transform 0.2s;"><polyline points="6 9 12 15 18 9"/></svg>
</summary>
<div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#06054B;">Contribution Margin 3 is revenue minus all variable costs including marketing. A negative CM3 means you lose money on every transaction even at scale. For marketplaces, CM3 is the true measure of whether growth is sustainable. Moving from -3% to 8% meant this marketplace could finally scale profitably.</div>
</details>
<details style="border:1px solid #e2e8f0;border-radius:12px;padding:0;margin-bottom:12px;background:#fff;">
<summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;">
How long does it take to see results from a full growth transformation?
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#9431ff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;margin-left:16px;transition:transform 0.2s;"><polyline points="6 9 12 15 18 9"/></svg>
</summary>
<div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#06054B;">Measurement infrastructure improvements show impact within weeks (e.g., offline conversion tracking immediately changes attribution data). CRM and lifecycle results build over 2 to 3 months as automated journeys compound. The full CM3 turnaround in this engagement was visible within 6 months.</div>
</details>
</div>
</section>
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- SECTION 8: RELATED CASE STUDIES -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<section class="vg-section" style="background:#f8f9fa;padding:80px 0;">
<div style="max-width:1200px;margin:0 auto;padding:0 24px;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;margin:0 0 8px;letter-spacing:0.04em;">More Work</p>
<h2 style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#06054B;margin:0 0 32px;letter-spacing:-0.48px;line-height:38px;">Related Case Studies</h2>
<div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;">
<a href="https://www.velocitygrowth.ae/case-studies/crm-experimentation-superapp-uae" style="text-decoration:none;">
<div class="vg-card" style="background:#fff;border-radius:16px;padding:28px;border:1px solid #e5e7eb;">
<div style="display:flex;gap:8px;margin-bottom:12px;">
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:600;background:#f3e8ff;color:#7c3aed;">Deep Dive</span>
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:500;background:#f1f5f9;color:#64748b;">UAE</span>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 8px;line-height:1.3;">A Leading SuperApp, UAE</h3>
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:#9431ff;margin:12px 0 4px;">265%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;">Uplift vs Control Group</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;margin:12px 0 0;line-height:1.5;">Mapped core user journeys, built an experimentation roadmap, and engineered lifecycle automations that delivered measurable conversion lifts.</p>
</div>
</a>
<a href="https://www.velocitygrowth.ae/case-studies/crm-teardown-fashion-ecommerce-kuwait" style="text-decoration:none;">
<div class="vg-card" style="background:#fff;border-radius:16px;padding:28px;border:1px solid #e5e7eb;">
<div style="display:flex;gap:8px;margin-bottom:12px;">
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:600;background:#f3e8ff;color:#7c3aed;">Spotlight</span>
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:500;background:#f1f5f9;color:#64748b;">Kuwait</span>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 8px;line-height:1.3;">A Fast-Growing Fashion E-Commerce Platform, Kuwait</h3>
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:#9431ff;margin:12px 0 4px;">21</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;">Critical CRM Issues Identified</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;margin:12px 0 0;line-height:1.5;">Comprehensive CRM teardown and events taxonomy implementation uncovering critical issues across the lifecycle stack.</p>
</div>
</a>
<a href="https://www.velocitygrowth.ae/case-studies/analytics-seo-mass-transit-kenya" style="text-decoration:none;">
<div class="vg-card" style="background:#fff;border-radius:16px;padding:28px;border:1px solid #e5e7eb;">
<div style="display:flex;gap:8px;margin-bottom:12px;">
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:600;background:#f3e8ff;color:#7c3aed;">Deep Dive</span>
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:500;background:#f1f5f9;color:#64748b;">Kenya</span>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 8px;line-height:1.3;">A Series-B Mass Transit Operator, Kenya</h3>
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:#9431ff;margin:12px 0 4px;">4%</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;">ML Forecasting Delta</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;margin:12px 0 0;line-height:1.5;">Built ML demand forecasting, promo optimization framework, and SEO infrastructure from scratch for an African mass transit operator.</p>
</div>
</a>
</div>
<div style="text-align:center;margin-top:40px;">
<a href="https://www.velocitygrowth.ae/case-studies" style="display:inline-flex;align-items:center;gap:8px;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;text-decoration:none;padding:12px 28px;border:2px solid #9431ff;border-radius:100px;transition:all 0.2s;" onmouseover="this.style.background='#9431ff';this.style.color='#fff'" onmouseout="this.style.background='transparent';this.style.color='#9431ff'">View All Case Studies <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></a>
</div>
</div>
</section>
<!-- Scripts removed - they must live in a separate Webflow Embed block -->
<!-- innerHTML injection does not execute <script> tags -->
<!-- See: case-studies-post-decoder.html for the script to paste into a 2nd Embed -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!-- REUSABLE COMPONENT SNIPPETS (for reference when building case studies) -->
<!-- ═══════════════════════════════════════════════════════════════════════ -->
<!--
PARAGRAPH (use in Challenge, Approach, Execution, Key Takeaway):
<p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.8;color:#334155;margin:0 0 20px;">Text here</p>
SUBHEADING within a section:
<h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:600;color:#06054B;margin:32px 0 16px;">Subheading</h3>
METRIC CARD (single, for Multi-Metric Strip):
<div style="padding:20px;background:#f8f9fa;border-radius:12px;text-align:center;">
<div style="font-family:'Montserrat',sans-serif;font-size:28px;font-weight:700;color:#06054B;">VALUE</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;margin-top:4px;">Label</div>
</div>
BEFORE/AFTER COMPONENT:
<div style="display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin:32px 0;">
<div style="text-align:center;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;">Before</div>
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#06054B;">VALUE</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;">Label</div>
</div>
<div style="font-size:24px;color:#9431ff;">→</div>
<div style="text-align:center;padding:24px;background:#f5f0ff;border:2px solid #9431ff;border-radius:12px;">
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;">After</div>
<div style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#9431ff;">VALUE</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;">Label</div>
</div>
</div>
<div style="text-align:center;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;color:#9431ff;">+XX% improvement</div>
RELATED CASE STUDY CARD (for Section 8):
<a href="https://www.velocitygrowth.ae/case-studies/SLUG" style="text-decoration:none;">
<div class="vg-card" style="background:#fff;border-radius:16px;padding:28px;border:1px solid #e5e7eb;">
<div style="display:flex;gap:8px;margin-bottom:12px;">
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:600;background:BADGE_BG;color:BADGE_TEXT;">BADGE</span>
<span style="padding:4px 10px;border-radius:100px;font-family:'Nunito Sans',sans-serif;font-size:11px;font-weight:500;background:#f1f5f9;color:#64748b;">GEO</span>
</div>
<h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#06054B;margin:0 0 8px;line-height:1.3;">CLIENT DESCRIPTOR</h3>
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:800;color:#9431ff;margin:12px 0 4px;">HERO METRIC</div>
<div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;">METRIC LABEL</div>
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;margin:12px 0 0;line-height:1.5;">SUMMARY</p>
</div>
</a>
SANITIZATION DISCLOSURE:
<p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;margin:32px 0 0;font-style:italic;">Certain metrics have been directionally represented to maintain client confidentiality. Impact percentages and improvement ratios are reported as-is.</p>
PLAYBOOK SECONDARY CTA:
<div style="margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:center;">
<p style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;margin:0 0 8px;">Want to dive deeper?</p>
<a href="PLAYBOOK_URL" style="font-family:'Nunito Sans',sans-serif;font-size:15px;font-weight:600;color:#9431ff;text-decoration:none;">Download our PLAYBOOK_TITLE ></a>
</div>
BADGE COLORS:
Spotlight: background:#E9D6FF; color:#6b21a8;
Deep Dive: background:#BC7EF9; color:#fff;
Transformation: background:#9431ff; color:#fff;
Strategic Advisory: background:#06054B; color:#fff;
-->