<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 class="vg-section" style="background:#06054B;padding:100px 0 80px;position:relative;overflow:hidden;">  <svg style="position:absolute;top:-20px;right:-30px;width:380px;height:380px;opacity:0.04;" viewBox="0 0 380 380" fill="none" aria-hidden="true"> <circle cx="190" cy="100" r="20" stroke="#9431ff" stroke-width="1.5"/> <circle cx="100" cy="250" r="20" stroke="#9431ff" stroke-width="1.5"/> <circle cx="280" cy="250" r="20" stroke="#9431ff" stroke-width="1.5"/> <circle cx="190" cy="300" r="15" stroke="#9431ff" stroke-width="1"/> <circle cx="60" cy="150" r="15" stroke="#9431ff" stroke-width="1"/> <circle cx="320" cy="150" r="15" stroke="#9431ff" stroke-width="1"/> <line x1="190" y1="120" x2="100" y2="230" stroke="#9431ff" stroke-width="1" stroke-dasharray="4 4"/> <line x1="190" y1="120" x2="280" y2="230" stroke="#9431ff" stroke-width="1" stroke-dasharray="4 4"/> <line x1="100" y1="250" x2="280" y2="250" stroke="#9431ff" stroke-width="1" stroke-dasharray="4 4"/> <line x1="190" y1="100" x2="60" y2="150" stroke="#9431ff" stroke-width="1" stroke-dasharray="4 4"/> <line x1="190" y1="100" x2="320" y2="150" stroke="#9431ff" stroke-width="1" stroke-dasharray="4 4"/> </svg>  <svg style="position:absolute;bottom:30px;left:-20px;width:260px;height:220px;opacity:0.04;" viewBox="0 0 260 220" fill="none" aria-hidden="true"> <rect x="20" y="40" width="220" height="140" rx="12" stroke="#9431ff" stroke-width="1.5"/> <path d="M20 50L130 130L240 50" stroke="#9431ff" stroke-width="1.5"/> <path d="M20 170L90 120" stroke="#9431ff" stroke-width="1"/> <path d="M240 170L170 120" stroke="#9431ff" stroke-width="1"/> </svg> <div style="max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;">  <nav style="margin-bottom:32px;" aria-label="Breadcrumb"> <ol style="list-style:none;padding:0;margin:0;display:flex;gap:8px;align-items:center;font-size:14px;color:#94a3b8;"> <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/services" style="color:#94a3b8;text-decoration:none;">Services</a></li> <li style="color:#94a3b8;">›</li> <li style="color:#9431ff;">User Comms, CRM & Loyalty</li> </ol> </nav> <div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 0.8fr;gap:48px;align-items:center;"> <div> <h1 style="font-family:'Montserrat',sans-serif;font-size:56px;font-weight:800;line-height:1.1;color:#fff;margin:0 0 24px;"> <span style="background:linear-gradient(135deg,#9431ff 0%,#c084fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;">User Comms, CRM</span> & Loyalty Systems </h1> <p class="vg-hero-subtitle" style="font-family:'Nunito Sans',sans-serif;font-size:20px;line-height:1.7;color:#c8cdd3;max-width:640px;margin:0 0 40px;"> Turn one-time buyers into repeat customers. We design and implement the email, push, SMS, and in-app messaging systems that drive retention, reactivation, and lifetime value. </p> <div style="display:flex;gap:16px;flex-wrap:wrap;align-items:center;"> <a href="https://app.youform.io/forms/benjmpmj" style="display:inline-block;background:#9431ff;color:#fff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:600;padding:14px 32px;border-radius:100px;text-decoration:none;transition:background 0.2s;" onmouseover="this.style.background='#7a28d6'" onmouseout="this.style.background='#9431ff'">Book a Free Discovery Call</a> <a href="#approach" style="display:inline-block;color:#9431ff;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:500;padding:14px 24px;text-decoration:none;border:1px solid rgba(148,49,255,0.3);border-radius:100px;transition:border-color 0.2s;" onmouseover="this.style.borderColor='#9431ff'" onmouseout="this.style.borderColor='rgba(148,49,255,0.3)'">See Our Approach ↓</a> </div> </div>  <div style="display:flex;justify-content:center;align-items:center;"> <div style="position:relative;width:320px;">  <div style="background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;margin-bottom:12px;"> <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;"> <div style="width:28px;height:28px;border-radius:6px;background:rgba(148,49,255,0.2);display:flex;align-items:center;justify-content:center;"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><rect x="1" y="3" width="12" height="8" rx="1.5" stroke="#9431ff" stroke-width="1"/><path d="M1 4l6 4 6-4" stroke="#9431ff" stroke-width="1"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;color:#c084fc;">DAY 0</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#fff;">Welcome sequence triggered</div> </div> </div> <div style="display:flex;gap:12px;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:4px;">72% open rate</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:4px;">Email + SMS</span> </div> </div>  <div style="background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:16px;margin-bottom:12px;"> <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;"> <div style="width:28px;height:28px;border-radius:6px;background:rgba(148,49,255,0.2);display:flex;align-items:center;justify-content:center;"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1C4.2 1 2 3.2 2 6v3l-1 1v1h12v-1l-1-1V6c0-2.8-2.2-5-5-5z" stroke="#9431ff" stroke-width="1"/><path d="M5.5 12c.3.6.9 1 1.5 1s1.2-.4 1.5-1" stroke="#9431ff" stroke-width="1"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;color:#c084fc;">DAY 3</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#fff;">Activation nudge sent</div> </div> </div> <div style="display:flex;gap:12px;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:4px;">18% click rate</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:4px;">Push + In-app</span> </div> </div>  <div style="background:rgba(255,255,255,0.05);border:1px solid rgba(148,49,255,0.2);border-radius:12px;padding:16px;"> <div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;"> <div style="width:28px;height:28px;border-radius:6px;background:rgba(148,49,255,0.2);display:flex;align-items:center;justify-content:center;"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1l1.8 3.6L13 5.3l-3 2.9.7 4.1L7 10.5 3.3 12.3l.7-4.1-3-2.9 4.2-.7L7 1z" stroke="#9431ff" stroke-width="1"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;color:#c084fc;">DAY 30</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#fff;">Loyalty tier unlocked</div> </div> </div> <div style="display:flex;gap:12px;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:4px;">2.1x LTV uplift</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:11px;color:#94a3b8;background:rgba(255,255,255,0.06);padding:2px 8px;border-radius:4px;">All channels</span> </div> </div> </div> </div> </div>  <div class="vg-hero-stats" style="display:flex;gap:32px;margin-top:56px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08);flex-wrap:wrap;"> <div style="display:flex;align-items:center;gap:12px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M2 15l4-5 4 3 4-6 4 4" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">42%</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;">Avg. Retention Lift</div> </div> </div> <div style="display:flex;align-items:center;gap:12px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><rect x="2" y="4" width="16" height="10" rx="2" stroke="#9431ff" stroke-width="1.5"/><path d="M2 7l8 4 8-4" stroke="#9431ff" stroke-width="1.5"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">2.8x</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;">Email Revenue Growth</div> </div> </div> <div style="display:flex;align-items:center;gap:12px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><circle cx="10" cy="10" r="7" stroke="#9431ff" stroke-width="1.5"/><path d="M10 6v4l3 2" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">35+</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;">CRM Systems Configured</div> </div> </div> <div style="display:flex;align-items:center;gap:12px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M10 2l2.5 5 5.5.8-4 3.9.9 5.3L10 14.5 5.1 17l.9-5.3-4-3.9 5.5-.8L10 2z" stroke="#9431ff" stroke-width="1.5" stroke-linejoin="round"/></svg> </div> <div> <div style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;">67%</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#94a3b8;">Churn Reduction</div> </div> </div> </div> </div> </section>    <section style="background:#050430;padding:24px 0;border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;">Platform expertise</span> <div style="display:flex;gap:40px;align-items:center;flex-wrap:wrap;justify-content:center;"> <span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,0.25);letter-spacing:1px;">Klaviyo</span> <span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,0.25);letter-spacing:1px;">HubSpot</span> <span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,0.25);letter-spacing:1px;">Braze</span> <span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,0.25);letter-spacing:1px;">Customer.io</span> <span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,0.25);letter-spacing:1px;">Iterable</span> <span style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,0.25);letter-spacing:1px;">Salesforce</span> </div> </div> </section>    <section class="vg-section" style="background:#f8f9fa;padding:80px 0;"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;"> <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 16px;">The Challenge</h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;margin:0;"> Acquiring customers is expensive. Losing them after the first purchase is unforgivable. Most businesses treat CRM as a newsletter tool instead of a revenue engine. </p> </div> <div class="vg-grid-2" style="display:grid;grid-template-columns:1fr 1fr;gap:24px;"> <div class="vg-card" style="background:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(239,68,68,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2z" stroke="#ef4444" stroke-width="1.5" opacity="0.7"/><path d="M15 9l-6 6M9 9l6 6" stroke="#ef4444" stroke-width="1.5" stroke-linecap="round" opacity="0.7"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Batch-and-Blast Emails</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0;"> The same promotional email to 50,000 people. No segmentation. No personalization. Open rates declining quarter over quarter. Unsubscribe rates climbing. Revenue from email channel flatlined. </p> </div> <div class="vg-card" style="background:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(239,68,68,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3" stroke="#ef4444" stroke-width="1.5" opacity="0.7"/><path d="M7 12h10M12 7v10" stroke="#ef4444" stroke-width="1.5" stroke-linecap="round" opacity="0.7"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">CRM Data Chaos</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0;"> Customer data in five different tools. No single source of truth. Sales sees one version of the customer, marketing another, support a third. Segments built on incomplete profiles. </p> </div> <div class="vg-card" style="background:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(239,68,68,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 4l16 16" stroke="#ef4444" stroke-width="1.5" stroke-linecap="round" opacity="0.7"/><circle cx="12" cy="12" r="9" stroke="#ef4444" stroke-width="1.5" opacity="0.7"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">No Lifecycle Strategy</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0;"> No welcome sequence. No onboarding drip. No win-back campaign. No post-purchase flow. Users go from "new signup" to "churned" with nothing in between. </p> </div> <div class="vg-card" style="background:#fff;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(239,68,68,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2v10l5 5" stroke="#ef4444" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" opacity="0.7"/><circle cx="12" cy="12" r="9" stroke="#ef4444" stroke-width="1.5" opacity="0.7"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Loyalty as an Afterthought</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0;"> A points program no one uses. Rewards that do not match what customers actually value. No tiered system. No referral mechanics. Loyalty spend with zero measurable ROI. </p> </div> </div> </div> </section>    <section id="approach" class="vg-section" style="background:#06054B;padding:80px 0;position:relative;overflow:hidden;"> <svg style="position:absolute;top:0;right:0;width:300px;height:300px;opacity:0.03;" viewBox="0 0 300 300" fill="none" aria-hidden="true"> <circle cx="150" cy="150" r="140" stroke="#9431ff" stroke-width="1"/> <circle cx="150" cy="150" r="100" stroke="#9431ff" stroke-width="1"/> <circle cx="150" cy="150" r="60" stroke="#9431ff" stroke-width="1"/> </svg> <div style="max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1;"> <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0 0 16px;">How We Build Retention Systems</h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#94a3b8;margin:0;"> We design the full lifecycle journey from first touch to loyal advocate. Every message earns its place, every automation has a purpose. </p> </div>  <div style="display:grid;gap:0;">  <div style="display:grid;grid-template-columns:60px 1fr;gap:24px;padding-bottom:40px;"> <div style="display:flex;flex-direction:column;align-items:center;"> <div style="width:48px;height:48px;border-radius:50%;background:rgba(148,49,255,0.15);border:2px solid #9431ff;display:flex;align-items:center;justify-content:center;"> <span style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#9431ff;">1</span> </div> <div style="width:2px;flex:1;background:linear-gradient(to bottom,#9431ff,rgba(148,49,255,0.2));margin-top:8px;"></div> </div> <div style="padding-top:6px;"> <h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;">Audit and Unify Data</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 16px;max-width:640px;"> We map every customer touchpoint and data source. CRM, e-commerce platform, support tickets, website behavior, app events. We create a unified customer profile and identify data gaps that break segmentation. </p> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Data source mapping</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Profile unification</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Segment architecture</span> </div> </div> </div>  <div style="display:grid;grid-template-columns:60px 1fr;gap:24px;padding-bottom:40px;"> <div style="display:flex;flex-direction:column;align-items:center;"> <div style="width:48px;height:48px;border-radius:50%;background:rgba(148,49,255,0.15);border:2px solid #9431ff;display:flex;align-items:center;justify-content:center;"> <span style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#9431ff;">2</span> </div> <div style="width:2px;flex:1;background:linear-gradient(to bottom,#9431ff,rgba(148,49,255,0.2));margin-top:8px;"></div> </div> <div style="padding-top:6px;"> <h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;">Design Lifecycle Journeys</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 16px;max-width:640px;"> We map the complete user lifecycle: welcome, onboarding, activation, first purchase, repeat purchase, at-risk, win-back, and referral. Each stage gets a tailored messaging strategy across email, push, SMS, and in-app channels. </p> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Journey mapping</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Channel orchestration</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Copy and creative</span> </div> </div> </div>  <div style="display:grid;grid-template-columns:60px 1fr;gap:24px;padding-bottom:40px;"> <div style="display:flex;flex-direction:column;align-items:center;"> <div style="width:48px;height:48px;border-radius:50%;background:rgba(148,49,255,0.15);border:2px solid #9431ff;display:flex;align-items:center;justify-content:center;"> <span style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#9431ff;">3</span> </div> <div style="width:2px;flex:1;background:linear-gradient(to bottom,#9431ff,rgba(148,49,255,0.2));margin-top:8px;"></div> </div> <div style="padding-top:6px;"> <h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;">Build and Automate</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 16px;max-width:640px;"> We configure every flow in your CRM platform. Email templates designed and coded. Automation triggers set. Segments built. Send schedules optimized for your audience's timezone and behavior patterns. </p> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Flow configuration</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Template design</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Send optimization</span> </div> </div> </div>  <div style="display:grid;grid-template-columns:60px 1fr;gap:24px;"> <div style="display:flex;flex-direction:column;align-items:center;"> <div style="width:48px;height:48px;border-radius:50%;background:rgba(148,49,255,0.15);border:2px solid #9431ff;display:flex;align-items:center;justify-content:center;"> <span style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#9431ff;">4</span> </div> </div> <div style="padding-top:6px;"> <h3 style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 8px;">Optimize and Scale</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 16px;max-width:640px;"> Weekly performance reviews. A/B tests on subject lines, send times, content, and CTAs. Segment refinement based on engagement data. We continuously improve every flow until each one produces measurable revenue lift. </p> <div style="display:flex;gap:8px;flex-wrap:wrap;"> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">A/B testing</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Revenue attribution</span> <span style="font-family:'Nunito Sans',sans-serif;font-size:12px;color:#9431ff;background:rgba(148,49,255,0.1);padding:4px 12px;border-radius:100px;">Deliverability monitoring</span> </div> </div> </div> </div> </div> </section>    <section class="vg-section" style="background:#fff;padding:80px 0;"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;"> <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 16px;">What's Included</h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;margin:0;"> Everything you need to turn your CRM from a contact database into a retention revenue engine. </p> </div> <div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;"> <div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="2" y="4" width="20" height="14" rx="3" stroke="#9431ff" stroke-width="1.5"/><path d="M2 8l10 5 10-5" stroke="#9431ff" stroke-width="1.5"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Email Marketing</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0 0 16px;"> Strategy, template design, copywriting, automation flows, and deliverability management. We handle the full stack. </p> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Welcome and onboarding flows</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Abandoned cart recovery</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Post-purchase nurture</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Win-back campaigns</li> </ul> </div> <div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M7 2C4.2 2 2 4.2 2 7v10c0 2.8 2.2 5 5 5h10c2.8 0 5-2.2 5-5V7c0-2.8-2.2-5-5-5H7z" stroke="#9431ff" stroke-width="1.5"/><path d="M8 10l3 3 5-5" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">CRM Setup and Migration</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0 0 16px;"> Platform selection, data migration, custom property setup, pipeline configuration, and team training. </p> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Platform evaluation</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Data clean and migrate</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Integration setup</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Team onboarding</li> </ul> </div> <div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 2l3 6 6 1-4 4 1 6-6-3-6 3 1-6-4-4 6-1 3-6z" stroke="#9431ff" stroke-width="1.5" stroke-linejoin="round"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Loyalty Program Design</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0 0 16px;"> Tiered reward systems, referral mechanics, VIP programs, and gamification that drive repeat purchase and advocacy. </p> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Points and tier systems</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Referral program design</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> VIP experience design</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> ROI measurement</li> </ul> </div> <div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2v10z" stroke="#9431ff" stroke-width="1.5"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Push and In-App Messaging</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0 0 16px;"> Mobile push notifications, in-app messages, and web push that re-engage users at the right moment. </p> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Trigger-based notifications</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> In-app onboarding tours</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Feature announcement</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Opt-in rate optimization</li> </ul> </div> <div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="5" y="2" width="14" height="20" rx="3" stroke="#9431ff" stroke-width="1.5"/><path d="M9 17h6" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">SMS and WhatsApp</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0 0 16px;"> High-impact direct messaging for transactional updates, promotions, and conversational commerce. Especially effective in GCC markets. </p> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> WhatsApp Business API</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Transactional SMS</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Conversational flows</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Compliance management</li> </ul> </div> <div class="vg-card" style="background:#f8f9fa;border-radius:16px;padding:32px;border:1px solid #e2e8f0;"> <div style="width:48px;height:48px;border-radius:12px;background:rgba(148,49,255,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="8" r="4" stroke="#9431ff" stroke-width="1.5"/><path d="M4 20c0-4 3.6-7 8-7s8 3 8 7" stroke="#9431ff" stroke-width="1.5"/><path d="M16 4c2 1 3 3 3 5s-1 4-3 5" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#06054B;margin:0 0 8px;">Segmentation and Personalization</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#64748b;margin:0 0 16px;"> RFM analysis, behavioral cohorts, predictive segments, and dynamic content personalization. </p> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> RFM scoring</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Behavioral triggers</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Dynamic content blocks</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#475569;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Predictive churn scoring</li> </ul> </div> </div> </div> </section>    <section class="vg-section" style="background:#06054B;padding:80px 0;"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;"> <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0 0 16px;">Built For</h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#94a3b8;margin:0;"> If you have customers but they only buy once, we build the systems that bring them back. </p> </div> <div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;"> <div style="background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-left:3px solid #9431ff;border-radius:12px;padding:32px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M3 10l3-3 3 2 4-5 4 4" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><rect x="3" y="3" width="14" height="14" rx="2" stroke="#9431ff" stroke-width="1.5"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;">E-Commerce and D2C</h3> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Repeat purchase rate below 25%</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Email revenue below 20% of total</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> High CAC needing LTV improvement</li> </ul> </div> <div style="background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-left:3px solid #9431ff;border-radius:12px;padding:32px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><rect x="2" y="4" width="16" height="12" rx="2" stroke="#9431ff" stroke-width="1.5"/><path d="M6 8l3 2-3 2" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><line x1="11" y1="12" x2="14" y2="12" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;">SaaS and Subscription</h3> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Monthly churn above 5%</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> No onboarding email sequence</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Feature adoption under 40%</li> </ul> </div> <div style="background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-left:3px solid #9431ff;border-radius:12px;padding:32px;"> <div style="width:40px;height:40px;border-radius:10px;background:rgba(148,49,255,0.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" aria-hidden="true"><circle cx="10" cy="10" r="7" stroke="#9431ff" stroke-width="1.5"/><path d="M10 6v4l3 2" stroke="#9431ff" stroke-width="1.5" stroke-linecap="round"/></svg> </div> <h3 style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;">Service and Hospitality</h3> <ul style="list-style:none;padding:0;margin:0;"> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> Repeat booking below industry avg</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> No post-experience follow-up</li> <li style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;padding:4px 0;padding-left:16px;position:relative;"><span style="position:absolute;left:0;color:#9431ff;">+</span> WhatsApp as primary channel</li> </ul> </div> </div> </div> </section>    <section class="vg-section" style="background:#f8f9fa;padding:80px 0;"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;"> <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 16px;">The Lifecycle Journey We Build</h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#475569;margin:0;"> Eight stages. Each one automated, measured, and optimized. No user falls through the cracks. </p> </div>  <div class="vg-grid-4" style="display:grid;grid-template-columns:repeat(4,1fr);gap:16px;"> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 1</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Welcome</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">3-email sequence. Brand intro, value proposition, first action CTA.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 2</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Onboarding</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">Progressive feature intro. Milestone celebrations. Time-to-value acceleration.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 3</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Activation</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">First purchase or key action. Nudges, incentives, social proof triggers.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 4</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Nurture</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">Value content, tips, case studies. Building habit and trust between purchases.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 5</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Repeat Purchase</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">Cross-sell, replenishment reminders, personalized recommendations.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 6</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Loyalty</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">Tier upgrades, exclusive access, birthday rewards, VIP treatment.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 7</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">At-Risk</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">Engagement drop detection, re-engagement campaigns, feedback surveys.</p> </div> <div style="background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;border-top:3px solid #9431ff;"> <div style="font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Stage 8</div> <h3 style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin:0 0 6px;">Win-Back</h3> <p style="font-family:'Nunito Sans',sans-serif;font-size:13px;color:#64748b;line-height:1.6;margin:0;">Last-resort incentives, sunset flows, list hygiene for churned contacts.</p> </div> </div> </div> </section>    <section class="vg-section" style="background:linear-gradient(135deg,#06054B 0%,#1a0a4a 50%,#2d1065 100%);padding:80px 0;"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;"> <div style="text-align:center;max-width:720px;margin:0 auto 56px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0 0 16px;">Results We Drive</h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#94a3b8;margin:0;"> Retention measured in revenue, not vanity metrics. </p> </div> <div class="vg-grid-4" style="display:grid;grid-template-columns:repeat(4,1fr);gap:24px;"> <div class="vg-card" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px;text-align:center;"> <div style="font-family:'Montserrat',sans-serif;font-size:48px;font-weight:800;color:#fff;line-height:1;">42%</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:8px;">Average Retention Lift</div> </div> <div class="vg-card" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px;text-align:center;"> <div style="font-family:'Montserrat',sans-serif;font-size:48px;font-weight:800;color:#fff;line-height:1;">2.8x</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:8px;">Email Revenue Growth</div> </div> <div class="vg-card" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px;text-align:center;"> <div style="font-family:'Montserrat',sans-serif;font-size:48px;font-weight:800;color:#fff;line-height:1;">67%</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:8px;">Churn Reduction</div> </div> <div class="vg-card" style="background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px;text-align:center;"> <div style="font-family:'Montserrat',sans-serif;font-size:48px;font-weight:800;color:#fff;line-height:1;">35+</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#94a3b8;margin-top:8px;">CRM Systems Built</div> </div> </div> </div> </section>    <section class="vg-section vg-faq" style="background:#f8f9fa;padding:80px 0;"> <div style="max-width:800px;margin:0 auto;padding:0 24px;"> <div style="text-align:center;margin-bottom:48px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#06054B;margin:0 0 16px;">Frequently Asked Questions</h2> </div> <div style="display:grid;gap:12px;"> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> Which CRM platform should we use? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> It depends on your business model and scale. For e-commerce, Klaviyo is our default recommendation. For B2B SaaS, HubSpot or Customer.io. For enterprise or multi-channel orchestration, Braze or Iterable. For startups on a budget, Loops or Resend with a simple automation layer. We evaluate your needs before recommending a platform, and we can migrate you from your current setup. </div> </details> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> How long until we see results from email and CRM improvements? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> Quick wins come fast. A welcome sequence and abandoned cart flow can be live within 2 weeks and typically show revenue impact within the first month. Full lifecycle automation (all 8 stages) takes 6-8 weeks to build and optimize. Loyalty programs take 8-12 weeks to design, launch, and see measurable retention shifts. </div> </details> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> Do you write the email copy and design the templates? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> Yes. We handle strategy, copywriting, visual design, and HTML coding for all email templates. Our templates are mobile-responsive, dark-mode compatible, and designed for deliverability. We also write subject lines and run A/B tests on them. </div> </details> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> Can you work with WhatsApp Business in the GCC? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> Yes. WhatsApp is often the most effective channel in the GCC, with open rates exceeding 90% in some segments. We work with the WhatsApp Business API through partners like Respond.io, WATI, or direct integration via your CRM. We design conversational flows, template messages for transactional updates, and promotional campaigns within WhatsApp's compliance requirements. </div> </details> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> What is the difference between this and your Performance Marketing service? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> Performance Marketing acquires new customers through paid channels. CRM and Loyalty retains them and increases their lifetime value. Together, they make your unit economics work. Most clients see the biggest ROI from combining both services because lower churn means your acquisition spend delivers more cumulative revenue. </div> </details> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> How do you handle email deliverability? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> Deliverability is not an afterthought. We configure SPF, DKIM, and DMARC from day one. We set up dedicated sending domains, warm up IP addresses gradually, implement list hygiene automation (suppress bounced, unsubscribed, and inactive contacts), and monitor inbox placement rates. We also segment sends to protect sender reputation. </div> </details> <details style="background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;"> <summary style="padding:20px 24px;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;cursor:pointer;display:flex;justify-content:space-between;align-items:center;"> Can you build a loyalty program for a business with physical locations? <span class="vg-chevron" style="transition:transform 0.3s;color:#9431ff;font-size:20px;">▾</span> </summary> <div style="padding:0 24px 20px;font-family:'Nunito Sans',sans-serif;font-size:15px;line-height:1.7;color:#475569;"> Yes. For retail, hospitality, and F&B businesses with physical locations, we design omnichannel loyalty programs that bridge online and offline. This includes QR-code-based check-ins, POS integration for point accrual, digital stamp cards, and location-based push notifications. We work with platforms like Loyverse, Kangaroo, or custom solutions depending on your needs. </div> </details> </div> </div> </section>    <section class="vg-section" style="background:#fff;padding:80px 0;"> <div style="max-width:1200px;margin:0 auto;padding:0 24px;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#06054B;margin:0 0 32px;">Related Reading</h2> <div class="vg-grid-3" style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px;"> <a href="https://www.velocitygrowth.ae/problems/users-try-but-dont-stay" style="text-decoration:none;background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e2e8f0;transition:border-color 0.2s;" onmouseover="this.style.borderColor='#9431ff'" onmouseout="this.style.borderColor='#e2e8f0'"> <div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Problem</div> <div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin-bottom:8px;">Users Try But Don't Stay</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;line-height:1.6;">Retention starts with understanding why users leave after the first experience.</div> </a> <a href="https://www.velocitygrowth.ae/services/product-led-growth-strategy" style="text-decoration:none;background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e2e8f0;transition:border-color 0.2s;" onmouseover="this.style.borderColor='#9431ff'" onmouseout="this.style.borderColor='#e2e8f0'"> <div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Service</div> <div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin-bottom:8px;">Product-Led Growth Strategy</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;line-height:1.6;">Activation funnels, onboarding redesign, and expansion loops for product-led companies.</div> </a> <a href="https://www.velocitygrowth.ae/services/analytics-growth-intelligence" style="text-decoration:none;background:#f8f9fa;border-radius:12px;padding:24px;border:1px solid #e2e8f0;transition:border-color 0.2s;" onmouseover="this.style.borderColor='#9431ff'" onmouseout="this.style.borderColor='#e2e8f0'"> <div style="font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:600;color:#9431ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;">Service</div> <div style="font-family:'Montserrat',sans-serif;font-size:16px;font-weight:600;color:#06054B;margin-bottom:8px;">Analytics and Growth Intelligence</div> <div style="font-family:'Nunito Sans',sans-serif;font-size:14px;color:#64748b;line-height:1.6;">The data infrastructure that powers your CRM segmentation and lifecycle triggers.</div> </a> </div> </div> </section>    <section class="vg-section" style="background:#06054B;padding:80px 0;position:relative;overflow:hidden;">  <svg style="position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.03;" aria-hidden="true"> <defs><pattern id="crmdots" x="0" y="0" width="24" height="24" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1" fill="#9431ff"/></pattern></defs> <rect width="100%" height="100%" fill="url(#crmdots)"/> </svg> <div style="max-width:800px;margin:0 auto;padding:0 24px;text-align:center;position:relative;z-index:1;"> <h2 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:700;color:#fff;margin:0 0 16px;"> Stop Losing Customers You Already Won </h2> <p style="font-family:'Nunito Sans',sans-serif;font-size:18px;line-height:1.7;color:#94a3b8;margin:0 auto 40px;max-width:600px;"> Every churned customer is revenue you paid to acquire and then let walk away. The fix is not more traffic. It is better communication with the customers you already have. </p> </div> </section>