Nudzɔdzɔwo Ŋuti Numekuku: Alesi Chicago Senyawo Gbɔkpɔƒe Trɔ Dɔwɔnu 4 Kple Asitsahawo Dzikpɔkpɔ ƒe OS Ðeka | Mewayz</titre> ƒe ŋkɔ
<atsyã> ƒe atsyã
ŋutilã { .
ŋɔŋlɔdzesi-ƒome: -apple-ɖoɖo, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
fli ƒe kɔkɔme: 1.7;
amadede: #1f2937;
megbe-amadede: #f9fafb;
margin: 0;
nusiwo wotsɔ blaa nu: 20px;
max-kekeme: 1200px;
margin: 0 auto;
} .
.container { megbenyawo: ɣie; nusiwo wotsɔna ƒoa nu: 40px; liƒo-dzidzeme: 12px; aɖaka-vɔvɔli: 0 4px 12px rgba (0, 0, 0, 0.05); liƒo: 1px sesẽ #e5e7eb; } .
h1 { amadede: # 1f2937; ŋɔŋlɔdzesi ƒe lolome: 2.8rem; axadzi-ete: 1rem; } .
h2 { amadede: # 1f2937; liƒo-ete: 2px sesẽ # 6366f1; padding-ete: 8px; margin-tame: 3rem; } .
h3 { amadede: # 312e81; margin-tame: 2rem; } .
p { axadzi-ete: 1.5rem; } .
.emetsonuwo-ɖaka { .
megbenyawo: fli-dzidzenu (135deg, # 6366f1, # 8b5cf6);
amadede: #fff;
nusiwo wotsɔna ƒoa nu: 30px;
liƒo-dzidzeme: 12px;
axadzi: 40px 0;
aɖaka-vɔvɔli: 0 8px 20px rgba (99, 102, 241, 0.2);
} .
.emetsonuwo-aɖaka h2 { amadede: #fff; liƒo-ete: 2px sesẽ rgba (255,255,255,0.3); } .
.emetsonuwo-grid { .
ɖeɖefia: grid;
grid-template-sɔtiwo: gbugbɔ (auto-fit, minmax (250px, 1fr));
dometsotso: 25px;
axadzi-tame: 25px;
} .
.emetsonu-kaɖi { .
megbenyawo: rgba (255,255,255,0.15);
nusiwo wotsɔ blaa nu: 20px;
liƒo-dzidzeme: 8px;
text-align: titina;
megbenyawo-filter: blu (10px);
} .
.emetsonu-kaɖi .metric { .
ŋɔŋlɔdzesi ƒe lolome: 2.5rem;
ŋɔŋlɔdzesi ƒe kpekpeme: 800;
ɖeɖefia: mɔxexe;
fli ƒe kɔkɔme: 1;
} .
.emetsonu-kaɖi .label { ŋɔŋlɔdzesi ƒe lolome: 0.95rem; nusiwo me mekɔ o: 0.9; } .
kplɔ̃ { .
kekeme: 100%;
border-collapse: gbagbã;
axadzi: 30px 0;
liƒo-dzidzeme: 8px;
overflow: nusi woɣla;
aɖaka-vɔvɔli: 0 4px 6px rgba (0, 0, 0, 0.05);
} .
th { .
megbenyawo: #312e81;
amadede: #fff;
nusiwo wotsɔna ƒoa nu: 16px 20px;
text-align: miame;
ŋɔŋlɔdzesi ƒe kpekpeme: 600;
} .
td { .
nusiwo wotsɔna ƒoa nu: 16px 20px;
liƒo-ete: 1px sesẽ #e5e7eb;
} .
tr: nth-vi (ha gɔ̃ hã) { megbe-amadede: # f9fafb; } .
tr:hover { megbe-amadede: # f3f4f6; } .
.nyayɔyɔ { .
ŋɔŋlɔdzesi ƒe atsyã: italic;
liƒo-miame: 4px sesẽ # 6366f1;
padding-miame: 25px;
axadzi: 40px 0;
amadede: #4b5563;
ŋɔŋlɔdzesi ƒe lolome: 1.1rem;
megbenyawo: #f9fafb;
nusiwo wotsɔna ƒoa nu: 25px;
liƒo-dzidzeme: 0 8px 8px 0;
} .
.quote-agbalẽŋlɔla { .
ŋɔŋlɔdzesi ƒe kpekpeme: 600;
amadede: #1f2937;
axadzi-tame: 10px;
font-style: nusi sɔ;
} .
.ɣeyiɣi ƒe ɖoɖo { .
ɖoƒe: ƒometɔ;
axadzi: 50px 0;
padding-miame: 30px;
} .
.ɣeyiɣi ƒe ɖoɖo::do ŋgɔ na { .
emenyawo: '';
ɖoƒe: nusi le bliboe;
miame: 15px ƒe didime;
etame: 0;
ete: 0;
kekeme: 3px;
megbenyawo: #6366f1;
liƒo-dzidzeme: 3px;
} .
.ɣeyiɣi ƒe ɖoɖo-nu { .
ɖoƒe: ƒometɔ;
axadzi-ete: 40px;
padding-miame: 30px;
} .
.ɣeyiɣi ƒe ɖoɖo-nu::do ŋgɔ na { .
emenyawo: '';
ɖoƒe: nusi le bliboe;
miame: -18px;
etame: 5px;
kekeme: 15px;
kɔkɔme: 15px;
liƒo-dzidzeme: 50%;
megbenyawo: #6366f1;
liƒo: 3px sesẽ ɣi;
aɖaka-vɔvɔli: 0 0 0 3px #6366f1;
} .
.ɣeyiɣi-ŋkeke { .
ŋɔŋlɔdzesiwo ƒe kpekpeme: 700;
amadede: #6366f1;
axadzi-ete: 5px;
} .
.ɣeyiɣi ƒe ɖoɖo-emenyawo { amadede: # 4b5563; } .
.faq-nu { .
axadzi-ete: 25px;
liƒo: 1px sesẽ #e5e7eb;
liƒo-dzidzeme: 8px;
overflow: nusi woɣla;
} .
.faq-biabia { .
megbenyawo: #f9fafb;
nusiwo wotsɔ blaa nu: 20px;
ŋɔŋlɔdzesiwo ƒe kpekpeme: 700;
amadede: #1f2937;
cursor: nufiamɔ̃;
liƒo-ete: 1px sesẽ #e5e7eb;
} .
.faq-ŋuɖoɖo { .
nusiwo wotsɔ blaa nu: 20px;
amadede: #4b5563;
} .
.cta-aɖaka { .
megbenyawo: fli-dzidzenu (135deg, # 6366f1, # 8b5cf6);
amadede: #fff;
nusiwo wotsɔna ƒoa nu: 50px;
liƒo-dzidzeme: 16px;
text-align: titina;
axadzi: 60px 0 30px;
} .
.cta-aɖaka h2 { amadede: # fff; liƒo: ɖeke meli o; margin-tame: 0; } .
.cta-bɔt { .
ɖeɖefia: inline-block;
megbenyawo: ɣie;
amadede: #6366f1;
nusiwo wotsɔna ƒoa nu: 18px 40px;
liƒo-dzidzeme: 8px;
nuŋɔŋlɔ-atsyɔ̃ɖoɖo: ɖeke meli o;
ŋɔŋlɔdzesi ƒe kpekpeme: 800;
ŋɔŋlɔdzesi ƒe lolome: 1.1rem;
axadzi-tame: 20px;
tɔtrɔ: katã 0.3s bɔbɔe;
aɖaka-vɔvɔli: 0 6px 15px rgba (0, 0, 0, 0.1);
} .
.cta-bɔt:ʋuʋu { .
tɔtrɔ: gɔmeɖeɖeY (-3px);
aɖaka-vɔvɔli: 0 10px 20px rgba (0,0,0,0.15);
} .
.etenuŋɔŋlɔ { ŋɔŋlɔdzesi ƒe lolome: 0.9rem; amadede: #6b7280; axadzi-tame: 40px; liƒo-tame: 1px sesẽ #e5e7eb; padding-tame: 20px; } .
</style> ƒe nɔnɔmetata
<meta property="og:image" content="https://mewayz.com/vendor/images/hero-dzVxjvxR.png" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="630" /><meta name="twitter:image" content="https://mewayz.com/vendor/images/hero-dzVxjvxR.png" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@mewayz" /></head> ƒe nyawo
<ŋutilã>
<div class="nugoe">
<tanya>
<h1>Alesi Chicago Senyawo Gbɔkpɔƒe Trɔ Dɔwɔnu 4 Kple Asisiwo Dzikpɔkpɔ Ðeka</h1> ƒe nyawo
<p><strong>Dɔwɔƒe:</strong> Carter & Vance LLP, si nye Chicago dɔwɔƒe si lolo titina si bi ɖe dɔwɔƒewo kple aƒewo kple anyigbawo ƒe senyawo me.<br>
<strong>Dɔwɔlawo:</strong> 24 (senyala 12, kpekpeɖeŋudɔwɔla 12)<br>
<strong>Nuƒolanɔƒe:</strong> Mewayz ƒe Asitsatsa ƒe OS<br>
<strong>Ɣeyiɣi si woatsɔ awɔ ROI:</strong> Ɣleti 3.2</p>
</tanya> ƒe nyawo
<div class="emetsonuwo-ɖaka">
<h2 id="emetsonuwo-le-kpl-o-e">Emetsonuwo le Kplɔ̃ɖoƒe</h2>
<div class="emetsonuwo-grid">
<div class="emetsonu-kaɖi">
<span class="metric">Dɔlar 18,540</span> ƒe home
<span class="label">Ƒe Sia Ƒe Kɔmpiutadziɖoɖowo ƒe Gazazã Dzi Ðeɖe Akpɔtɔ</span>
</div> ƒe nyawo
<div class="emetsonu-kaɖi">
<span ƒe hatsotso="metric">65%</span>
<span class="label">Asitsalawo ƒe Dɔwɔɖoɖo Kabakaba</span>
</div> ƒe nyawo
<div class="emetsonu-kaɖi">
<span ƒe klass="metric">22%</span>
<span class="label">Gakpɔkpɔ ƒe Dzidziɖedzi (YoY)</span>
</div> ƒe nyawo
<div class="emetsonu-kaɖi">
<span class="metric">gaƒoƒo 15.5/kwasiɖa</span>
<span class="label">Ɣeyiɣi si Wodzra Ðo Ðe Dɔdzikpɔdɔwo Ŋu</span>
</div> ƒe nyawo
</div> ƒe nyawo
</div> ƒe nyawo
<h2 id="kuxia-d-w-nuwo-e-kaka-d-w-w-e-o-o-siwo-mew-a-d-nyuie-o">Kuxia: Dɔwɔnuwo ƒe kaka & Dɔwɔwɔ ƒe ɖoɖo siwo mewɔa dɔ nyuie o</h2>
<p>Kaka ƒe 2024 ƒe gɔmedzedze naɖo la, Carter & Vance LLP nɔ asisiwo dzi kpɔm le mɔnu ene vovovowo dzi:</p>
<ul> ƒe nyawo
<li><strong>Clio Manage</strong> na nya veviwo dzikpɔkpɔ kple ɣeyiɣi didi ($65/zãla/ɣleti)</li>
<li><strong>Calendly Pro</strong> na ɖoɖowɔwɔ ɖe ɖoɖowɔɖi ŋu ($12/zãla/ɣleti)</li>
<li><strong>DocuSign</strong> na e-signatures ($40/zãla/ɣleti)</li>
<li><strong>Mailchimp Standard</strong> na asisiwo ƒe kadodowo ($20/ɣleti)</li>
</ul> ƒe nyawo
<p>"Míenɔ tɔtrɔm le fesrewo dome ɣesiaɣi," Dɔwɔƒea ƒe Dɔwɔhati Robert Vance gblɔ. "Asitsalawo ƒe xɔxlɔ̃ bɔbɔe bia be woaŋlɔ nyatakakawo ɖe Clio me, awɔ <a href="https://mewayz.cloud/calendly-alternative" class="text-indigo-400 hover:underline">Calendly</a> kadodo, aɖo DocuSign package ɖa to email dzi, emegbe woatsɔ asi aŋlɔ nusianu. Míaƒe senyalawo zã ɣeyiɣi geɖe ɖe nyatakakawo ŋɔŋlɔ ŋu wu dɔ veviwo wɔwɔ."</p>
<p>Dɔwɔƒea dze ŋgɔ vevesese vevi etɔ̃:</p>
<ol> ƒe nyawo
<li><strong>Data Silos:</strong> Asitsalawo ƒe nyatakakawo nɔa ɖoɖo vovovowo me, si hea masɔmasɔwo kple tɔtrɔwo dzikpɔkpɔ ƒe nyawo vɛ.</li>
<li><strong>Gazazã Gãwo:</strong> Esi wozãla 24 ta la, woƒe kɔmpiutadziɖoɖowo ƒe fetu ɣleti sia ɣleti wu $2,800 hafi woatsɔ akpe ɖe eŋu.</li>
<li><strong>Asitsalawo ƒe Nuteƒekpɔkpɔ Manyo:</strong> Asitsalawo xɔ e-mail tso ɖoɖo geɖewo gbɔ (Clio ƒe nyatakakawo, Calendly ƒe kpeɖodziwo, DocuSign biabia) si he tɔtɔ vɛ.</li>
</ol> ƒe nyawo
<p>Numekuku aɖe si <em>Legaltech News</em> wɔ le ƒe 2025 me ɖee fia be senyawo gbɔ kpɔƒe siwo le titina ƒe 68% gblɔ be viɖekpɔkpɔ dzi ɖe kpɔtɔ le kɔmpiutadziɖoɖowo ƒe mama<sup>1</sup> ta. Carter & Vance nye nusrɔ̃gbalẽ ƒe kpɔɖeŋu.</p>
<h2 id="egb-kp-nu-mewayz-e-nuw-na-ekaw-w-e-d-w-w">Egbɔkpɔnu: Mewayz ƒe Nuwɔna Ðekawɔwɔ ƒe Dɔwɔwɔ</h2>
<p>Le March 2024 me la, dɔwɔƒea dze ʋuʋu gɔme yi Mewayz Business OS, etɔxɛe wòwɔ modules ene tso eƒe agbalẽdzraɖoƒe si me 208:</p>
<ol> ƒe nyawo
<li><strong>Asitsalawo & Nyawo Dzikpɔkpɔ (Module #42)</strong>: Nyatakakadzraɖoƒe si woɖo ɖe teƒe ɖeka na asisiwo ƒe nyatakakawo, nuŋlɔɖiwo, kple kadodowo katã.</li>
<li><strong>Automated Workflows (Module #87)</strong>: Se siwo woateŋu atrɔ asi le na asisiwo ƒe xɔxlɔ̃, nuŋlɔɖiwo ƒe mɔfiame, kple ɣeyiɣi mamlɛawo dzikpɔkpɔ.</li>
<li><strong>Ɣletigbalẽ & Ðoɖowɔɖi si Wowɔ Ðekae (Module #23)</strong>: Ememe kple asisiwo ƒe ɖoɖowɔɖi si dze ŋgɔe kple ŋkuɖodzinya siwo wowɔna le wo ɖokui si.</li>
<li><strong>Nuŋlɔɖiwo ƒe Ƒuƒoƒo & E-Ade asi (Module #156)</strong>: Nuŋlɔɖiwo wɔwɔ si wotu ɖe nɔnɔmetata dzi kple asidede agbalẽ te si wotu ɖe eme.</li>
</ol> ƒe nyawo
<p>Dɔwɔwɔa zɔ ɖe mɔnu si wowɔna vivivi dzi le kwasiɖa 6 me, si senyala eve siwo va zu "ŋusẽzãlawo" kplɔ. Mewayz ƒe asitsatsa ƒe gazazã ƒe kpɔɖeŋu si nye $0 fia be dɔwɔƒea ke ɖe mɔ̃a ŋu to dɔwɔhati ƒe ameɖoɖoɖa dzi, ke menye boblododo o.</p><div class="my-8 p-5 bg-gray-900 text-white rounded-2xl not-prose">
<p class="text-sm font-semibold text-indigo-400 mb-1">💡 DID YOU KNOW?</p>
<p class="font-bold text-lg mb-2">Mewayz replaces 8+ business tools in one platform</p>
<p class="text-sm text-gray-400 mb-4">CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.</p>
<a href="/ee/free-trial?utm_source=blog&utm_medium=inline_cta_dark&utm_campaign=mid_article&utm_content=ee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os" class="inline-flex items-center gap-1.5 px-4 py-2 bg-white text-gray-900 rounded-lg text-sm font-semibold hover:bg-gray-100 transition-colors">Start Free →</a>
</div><div klass="nyayɔyɔ">
"'Aha' ƒe ɣeyiɣia va esime míexɔ míaƒe anyigba kple xɔ ƒe asisi gbãtɔ ɖe ʋua me keŋkeŋ le Mewayz me. Ðoɖoa wɔ ŋugbedodogbalẽa le eɖokui si, ɖoe ɖa be woade asi ete le e-mail dzi, wɔ ɖoɖo ɖe aɖaŋuɖoɖo gbãtɔa ŋu, eye wòwɔ nya la ƒe faɛl—wo katã esime wònɔ ɖeka wɔm kple míaƒe akɔntabubu ƒe mɔ̃a. Nusi xɔa miniti 90 tsã la xɔa miniti 20 fifia."
<div class="quote-author">— Sarah Chen, Dɔwɔƒea ƒe Dɔdzikpɔla, Carter & Vance LLP</div>
</div> ƒe nyawo
<h3 id="do-g-emegbe-d-w-nu-e-o-u">Do ŋgɔ & Emegbe: Dɔwɔnu ƒe Ƒoƒu</h3>
<kplɔ̃>
<thead> ƒe ta
<tr> ƒe nyawo
<th>Dɔwɔwɔ</th>
<th>Do ŋgɔ na (Dɔwɔnu 4)</th>
<th>Le (Mewayz)</th> megbe
<th>Ŋusẽkpɔɖeamedzi</th>
</tr> ƒe nyawo
</thead> ƒe nya
<ŋutilã>
<tr> ƒe nyawo
<td><strong>Asitsalawo ƒe Xɔxɔ</strong></td>
<td>3 ɖoɖowo, 7 asi ƒe afɔɖeɖewo</td>
<td>1 dɔwɔwɔ ƒe ɖoɖo si wowɔ le wo ɖokui si</td>
<td>Ɣeyiɣia dzi ɖe kpɔtɔ tso miniti 45 va ɖo 8</td>
</tr> ƒe nyawo
<tr> ƒe nyawo
<td><strong>Nuŋlɔɖiwo Dzikpɔkpɔ</strong></td>
<td>Ekaka ɖe Clio, nutoa me ʋuwo, email</td> dzi
<td>Nudzraɖoƒe si woɖo ɖe titina kple tɔtrɔwo dzikpɔkpɔ</td>
<td>Didiɣi dzi ɖe kpɔtɔ 70%</td>
</tr> ƒe nyawo
<tr> ƒe nyawo
<td><strong>Ðoɖowɔɖi</strong></td>
<td>Ɣletigbalẽ + asi ƒe ɣletigbalẽ ƒe tɔtrɔwo</td>
<td>Nuɖoɖo si wowɔ ɖekae kple masɔmasɔwo me toto</td>
<td>Woɖe agbalẽŋɔŋlɔ zi eve ɖa</td>
</tr> ƒe nyawo
<tr> ƒe nyawo
<td><strong>Adzɔxexe & Ɣeyiɣi Dzikpɔkpɔ</strong></td>
<td>Clio kple asi nuŋɔŋlɔ</td>
<td>Dɔléle le eɖokui si tso dɔwɔwɔ ƒe ʋuʋu gbɔ</td>
<td>15% ƒe dzidziɖedzi le gaƒoƒo siwo wolé ƒe fexexe me</td>
</tr> ƒe nyawo
<tr> ƒe nyawo
<td><strong>Ɣleti sia ɣleti ƒe Gazazã (zãla 24)</strong></td>
<td>$2,812</td> ƒe home
<td>$1,176 (Mewayz ƒe Dɔwɔlawo ƒe Ðoɖo)</td>
<td><strong>$18,540 ƒe sia ƒe gadzadzraɖo</strong></td>
</tr> ƒe nyawo
</tbody> ƒe nyawo
</table> ƒe nyatakakadzraɖoƒea
<p><em>De dzesii: Gazazãwo tsɔtsɔ sɔ kple wo nɔewo si wotu ɖe asixɔxɔ si wota dzi tso Q1 2024. Mewayz Professional Plan at $49/user/month for 24 users.</em></p>
<h2 id="emetsonu-siwo-woate-u-adzidze-leti-12-e-d-w-w">Emetsonu Siwo Woate Ŋu Adzidze: Ɣleti 12 ƒe Dɔwɔwɔ</h2>
<p>Ƒe ɖeka le dɔwɔwɔ vɔ megbe la, Carter & Vance dzidze emetsonu siawo:</p>
<h3 id="ganyawo-e-metrix">Ganyawo ƒe Metrix</h3>
<ul> ƒe nyawo
<li><strong>22% ƒe gakpɔkpɔ ƒe dzidziɖedzi</strong> (tso $2.8M va ɖo $3.4M YoY), si wogblɔ be etso ŋutete ƒe dzidziɖedzi kple fexexe ƒe nyateƒetoto si nyo wu gbɔ.</li>
<li><strong>94% gross margin lé</strong> ɖe Mewayz ƒe akpa dzi—nuƒolanɔƒea ƒe dɔwɔwɔ nyuie mehiã be woatsɔ ta bubuwo akpe ɖe eŋu o togbɔ be wokpɔ nya 40% geɖe wu gbɔ hã.</li>
<li><strong>98.7% ƒe fexexe ɖe game dzi</strong> ne wotsɔe sɔ kple 82% tsã, akpe na ŋkuɖodzinya siwo wowɔ le wo ɖokui si kple ɣeyiɣi ƒe kplɔkplɔ si wowɔ ɖekae.</li>
</ul> ƒe nyawo
<h3 id="d-w-w-e-metrix">Dɔwɔwɔ ƒe Metrix</h3>
<ul> ƒe nyawo
<li><strong>Asisiwo ƒe ʋuɖoɖo ƒe ɣeyiɣi dzi ɖeɖe kpɔtɔ 65%</strong> (tso dɔwɔƒewo ƒe mamã dedie si nye gaƒoƒo 2.1 va ɖo miniti 44<sup>2</sup>).</li>
<li><strong>gaƒoƒo 15.5/kwasiɖa si wodzra ɖo</strong> na senyala kpeɖeŋutɔ ɖesiaɖe le dɔdzikpɔkpɔdɔwo me, wogbugbɔ ɖoe ɖe senyadɔ veviwo me.</li>
<li><strong>Email ƒe agbɔsɔsɔ dzi ɖeɖe kpɔtɔ 43%</strong> esime ememe kadodowo ʋu yi nya tɔxɛ ƒe ka siwo le Mewayz me.</li>
</ul> ƒe nyawo
<h3 id="asitsalawo-e-nute-ekp-kp-e-metrix">Asitsalawo ƒe Nuteƒekpɔkpɔ ƒe Metrix</h3>
<ul> ƒe nyawo
<li>Net Promoter Score dzi ɖe edzi tso +32 va ɖo +58.</li>
<li>Ɣeyiɣi si wotsɔ ɖoa asisiwo ƒe nyabiasewo ŋu le mama dedie nu ɖiɖi tso gaƒoƒo 5.2 va ɖo gaƒoƒo 1.8.</li>
<li>Asitsalawo ƒe dzidzeme le nuŋlɔɖiwo te ƒe ɖoɖoa ŋu: 4.9/5 tsɔ wu 3.2/5 tsã.</li>
</ul> ƒe nyawo
<div class="ɣeyiɣi ƒe ɖoɖo">
<h2 id="d-w-w-e-eyi-ik-ntabubu">Dɔwɔwɔ ƒe Ɣeyiɣikɔntabubu</h2>
<div class="ɣeyiɣi ƒe ɖoɖo-nu">
<div class="timeline-date">Kwasiɖa 1-2: Nukpɔkpɔ & Ðoɖowɔwɔ</div>
<div class="timeline-content">Wowɔ dɔ vevi 27 ƒe nɔnɔmetata. Wode dzesi modules 4 siwo wotsɔ ɖo nɔƒe gbãtɔ. Wona hehe ŋusẽzãla 2.</div>
</div> ƒe nyawo
<div class="ɣeyiɣi ƒe ɖoɖo-nu">
<div class="timeline-date">Kwasiɖa 3-4: Akpa 1 ƒe Dɔwɔwɔ</div><div class="timeline-content">Asitsalawo ƒe nyatakakadzraɖoƒe si woʋu (1,412 nya siwo le dɔ wɔm). Wowɔ Client & Matter Management module ŋudɔ. Deactivated Clio na nya yeyewo.</div>
</div> ƒe nyawo
<div class="ɣeyiɣi ƒe ɖoɖo-nu">
<div class="timeline-date">Kwasiɖa 5-6: Akpa 2 ƒe Dɔwɔwɔ</div>
<div class="timeline-content">Dɔwɔwɔ ƒe ɖoɖo siwo wowɔ le wo ɖokui si kple nuŋlɔɖiwo ƒe ƒuƒoƒo si wowɔ. Wona hehe dɔwɔlawo katã (ame 24 zãlawo). Edze dɔwɔwɔ ɖekae gɔme le ɖoɖo eveawo siaa me.</div>
</div> ƒe nyawo
<div class="ɣeyiɣi ƒe ɖoɖo-nu">
<div class="timeline-date">Kwasiɖa 7-8: Akpa 3 & Yi-Agbe</div>
<div class="timeline-content">Wowɔ Ɣletigbalẽ si Wowɔ Ðekae & E-Ade asi. Woɖe asi le dɔ ŋu le Ɣletigbalẽ dzi, DocuSign, <a href="https://mewayz.cloud/mailchimp-alternative" class="text-indigo-400 hover:underline">Mailchimp</a>. Trɔ ɖe Mewayz ŋu bliboe.</div>
</div> ƒe nyawo
<div class="ɣeyiɣi ƒe ɖoɖo-nu">
<div class="timeline-date">Ɣleti 3-4: Dɔwɔwɔ nyuie</div>
<div class="timeline-content">Woɖɔ dɔwɔwɔ ƒe ɖoɖo 12 siwo wotu ɖe zãla ƒe nyaŋuɖoɖo dzi. Wotsɔ agble 2 siwo wowɔ ɖe ɖoɖo nu kpee. ROI si wokpɔ (ga si wodzra ɖo wu gadede asi).</div>
</div> ƒe nyawo
<div class="ɣeyiɣi ƒe ɖoɖo-nu">
<div class="timeline-date">Ɣleti 12: Dzodzro Blibo</div>
<div class="timeline-content">22% ƒe gakpɔkpɔ ƒe dzidziɖedzi si woŋlɔ ɖi. Domenyinu dɔwɔnu 4 ƒe nubablawo katã nu tso. 138K+ platform zãlawo le dɔwɔƒe bliboa me (le Mewayz ƒe nyatakaka ɖesiaɖe nu).</div>
</div> ƒe nyawo
</div> ƒe nyawo
<div klass="nyayɔyɔ">
"Míetsi dzi ɖe hehenana ƒe ʋuʋudedi kple nyatakakawo ƒe ʋuʋu ŋu le gɔmedzedzea me. Gake Mewayz ƒe modular mɔnu na míedze egɔme tso nusi míehiã wu dzi. Le ŋkeke 30 me la, míaƒe zɔhɛ si menya mɔ̃ɖaŋununya boo o gɔ̃ hã nɔ dɔwɔwɔ ƒe ɖoɖo siwo wowɔna le wo ɖokui si wɔm. Nuƒolanɔƒe ɖekawɔwɔa na nane si dɔwɔnu vovovowo ƒe hatsotso aɖeke mate ŋu awɔ o la mí: nyateƒetsoƒe ɖeka."
<div class="quote-author">— Robert Vance, Dɔwɔhati si Kpɔa Dɔwɔnyawo Gbɔ</div>
</div> ƒe nyawo
<h2 id="nusita-nudz-dz-uti-numekuku-sia-le-vevie-na-senyawo-gb-kp-ha">Nusita Nudzɔdzɔ Ŋuti Numekuku Sia Le Vevie Na Senyawo Gbɔkpɔha</h2>
<p>Le <em>Senyawo Gbɔkpɔƒe ƒe Akɔntabubu: Asi Ŋuti Nyatakaka 2026</em> ƒe nya nu la, dɔwɔƒe si ƒe lolome le titina le mama dedie nu zãa kɔmpiutadziɖoɖo vovovo 8.3, si xɔa dɔlar 3,200 na ezãla ɖeka ƒe sia ƒe eye wòwɔa gaƒoƒo 12-18 ƒe kwasiɖa sia kwasiɖa ƒe dɔdzikpɔkpɔ ƒe gazazã<sup>3</sup>. Carter & Vance ƒe nuteƒekpɔkpɔ ɖee fia be:</p>
<ol> ƒe nyawo
<li><strong>Nuƒolanɔƒea ƒe ƒoƒo ƒu ɖekae nye ganyawo ƒe nyonyo:</strong> Woƒe ƒe sia ƒe ga si wodzrana ɖo si nye dɔlar 18,540 nye gakpɔkpɔ ƒe 0.66%—si fia na dɔwɔƒe siwo wɔa dɔ le viɖe ƒe vovototo 30-40% me.</li>
<li><strong>Nuɖoɖo siwo wowɔ ɖekae na asisiwo ƒe dɔwɔwɔ nyona ɖe edzi:</strong> 65% ƒe gege ɖe ʋua me kabakaba wu la kpe ɖe dɔwɔƒe ƒe asisi yeye 7 siwo ƒe home nye $420,000 ƒe ƒe sia ƒe gakpɔkpɔ me dzi ɖuɖu ŋu tẽ.</li>
<li><strong>Scalability matters:</strong> Mewayz ƒe module 208 fia be dɔwɔƒea ateŋu atsɔ sedziwɔwɔ yometiti (Module #189) alo client portal enhancements (Module #67) akpe ɖe eŋu ƒoƒo ɖekae yeyewo manɔmee.</li>
</ol> ƒe nyawo
<p>"Nuƒolanɔƒe ƒe ɣeyiɣi" si wogblɔ ɖi le <em>Nuƒolanɔƒe ƒe Ɣeyiɣia Va: Nusi Do Ŋgɔ na Senyawo Kwasiɖa 2026 ƒe Mɔ̃ɖaŋununya ƒe Ʋuʋu Gã</em> me la le afisia<sup>4</sup>. Le Carter & Vance gome la, eva ɖo ɣleti 18 do ŋgɔ.</p>
<div klass="cta-aɖaka">
<h2 id="le-klalo-be-yea-o-w-d-w-ea-e-d-w-nuwo-ekae">Èle klalo be yeaƒo Wò Dɔwɔƒea ƒe Dɔwɔnuwo Ðekae?</h2>
<p>Wɔ ɖeka kple zãla 138,000+ siwo kpɔa woƒe dɔwɔƒe bliboa dzi le teƒe ɖeka. Dze egɔme kple Free Forever tier—mehiã be nàxɔ gaxɔgbalẽvi o.</p>
<a href="https://app.mewayz.com" class="cta-button">Dze Wò Dodokpɔ Femaxee gɔme le app.mewayz.com</a>
<p style="margin-top: 20px; opacity: 0.9; font-size: 0.95rem;">Module 208 siwo katã li • 94% ƒe vovototo bliboa ƒe mɔnu • $0 asitsatsa ƒe gazazã = asixɔxɔ nyuitɔ</p>
</div> ƒe nyawo
<h2 id="nyabiase-siwo-wobiana-enuenu">Nyabiase Siwo Wobiana Enuenu</h2>
<div klass="nyabiase-nu">
<div class="nyabiase-biabia">1. Aleke gbegbee nyatakakawo ƒe ʋuʋu tso Clio yi Mewayz sesẽe?</div>
<div class="faq-answer">Dɔwɔƒea ʋu 1,412 active matters le kwasiɖa 3 me to Mewayz ƒe import templates zazã me. Wodzra ŋutinya me fexexe ŋuti nyatakakawo (ƒe 7) ɖo tsɔ wu be woatsɔ wo ayi teƒe bubu. Le nya siwo le dɔ dzi gome la, senyalawo ƒe kpeɖeŋutɔ ƒe ƒuƒoƒoa ka nya ta be yezã abe miniti 15 ene na asisi ɖesiaɖe hena nyatakakawo ƒe kpeɖodzi. Mewayz na ʋuʋu ƒe kpekpeɖeŋu tɔxɛ le dɔwɔwɔ me.</div>
</div> ƒe nyawo
<div klass="nyabiase-nu">
<div class="nyabiase-biabia">2. Ke hehenana senyala siwo menya mɔ̃ɖaŋununya boo o ya ɖe?</div><div class="faq-answer">Carter & Vance zã "ŋusẽ zãla" ƒe kpɔɖeŋu—wona hehe senyalawo ƒe kpeɖeŋutɔ eve geɖe gbã. Emegbe ŋusẽzãla siawo wɔ hehenana si ku ɖe akpa aɖe koŋ ŋu: miniti 90 na senyalawo (woƒe susu nɔ ɣeyiɣi ƒe nuŋɔŋlɔ, nuŋlɔɖiwo me yiyi, kple asisiwo ƒe nukpɔkpɔ ŋu), gaƒoƒo 3 na kpekpeɖeŋudɔwɔlawo. Dɔwɔƒea wɔ video mɔfiame kpui 12 (<aɖabaƒoƒo 2) hã na dɔ siwo bɔ.</div>
</div> ƒe nyawo
<div klass="nyabiase-nu">
<div class="nyabiase-biabia">3. Ètrɔ asi le Mewayz ŋu alo zãe le aɖaka mea?</div>
<div class="faq-answer">95% le aɖaka me. Dɔwɔƒea zã mɔ̃a ƒe dɔwɔwɔ ƒe ɖoɖowɔla si wotu ɖe eme tsɔ wɔ automation se 8 siwo wowɔ ɖe ɖoɖo nu (abe automatic masɔmasɔwo me toto le intake me ene) eye wòtsɔ custom field 3 kpe ɖe matter templates ŋu. Mehiã be woatrɔ kɔpi aɖeke o. Esia sɔ kple Mewayz ƒe modular mɔnu—tia nusi nèhiã, ɖoe ŋgɔyiyi manɔmee.</div>
</div> ƒe nyawo
<div klass="nyabiase-nu">
<div class="nyabiase-biabia">4. Aleke Mewayz kpɔa sedziwɔwɔ kple nyatakakawo ƒe dedienɔnɔ gbɔ na senyawo gbɔ kpɔƒewo?</div>
<div class="faq-answer">Nuƒolanɔƒea nye SOC 2 Type II ƒe ɖaseɖigbalẽ eye wònaa HIPAA/BAA ƒe nubablawo. Wotsɔa nyatakakawo dea nyatakaka ɣaɣlawo me ne wole ɖiɖim ɖe eme kple ne wole mɔ dzi yina. Le Carter & Vance gome la, ɖoɖo si wowɔ ɖe teƒe ɖeka la na sedziwɔwɔ nyo ɖe edzi ŋutɔŋutɔ—woŋlɔa asisiwo ƒe kadodowo katã ɖe nya ƒe faɛl la me le wo ɖokui si, si wɔnɛ be wowɔa agbalẽdzikpɔkpɔ ƒe mɔ siwo kaka ɖe e-mail, nuŋɔŋlɔ, kple gbeɖiɖi me tsã.</div>
</div> ƒe nyawo
<div klass="nyabiase-nu">
<div class="nyabiase-biabia">5. Nukae adzɔ ne míehiã na nɔnɔme aɖe si mele modules 208 la me o?</div>
<div class="faq-answer">Mewayz ɖea modules yeye 4-6 ɖe go le ɣleti etɔ̃ ɖesiaɖe me le zãla ƒe biabiawo nu. Dɔwɔƒea bia be woawɔ aƒewo kple anyigbawo ƒe nuwuwu ƒe mɔnu tɔxɛ aɖe, si wotsɔ ɖo nɔƒe gbãtɔ le biabia mawo tɔgbe 42 siwo tso ezãla bubuwo gbɔ megbe. Le ɣeyiɣi sia me la, wozã API (si le Dɔwɔlawo ƒe ɖoɖowo dzi) tsɔ tu ɖekawɔwɔ bɔbɔe aɖe kple nutoa me ƒe ŋkɔdɔwɔƒe aɖe—si nye ŋkeke 2 ƒe dɔ na woƒe IT aɖaŋuɖola.</div>
</div> ƒe nyawo
<div class="etenuŋɔŋlɔ">
<p><strong>Dzɔtsoƒewo & Mɔnu:</strong><br>
1. Legaltech News, "2025 Senyawo Dɔwɔƒe ƒe Mɔ̃ɖaŋununya Numekuku," kpɔɖeŋu na dɔwɔƒe 412.<br>
2. Clio, "2024 Senyawo Ŋuti Nyatakaka," dɔwɔƒea ƒe mamã dedie si wobu tso dɔwɔƒe 3,200 gbɔ.<br>
3. Worldmetrics.org, "Senyawo Dɔwɔƒe ƒe Akɔntabubu: Asi Ŋuti Nyatakaka 2026," woƒo ƒu tso dɔwɔƒe 9 ƒe dzɔtsoƒe.<br>
4. CLEFormula, "Nuƒolanɔƒe ƒe Ɣeyiɣia Va ɖo," January 2026 ƒe numekuku.<br>
Ganyawo ƒe xexlẽdzesi siwo katã ŋu Carter & Vance LLP ƒe ememe akɔntabubu ɖo kpee. Platform metrics tso Mewayz ƒo nyatakakawo nu ƒu (138,000+ zãlawo abe Q4 2024). Dɔwɔwɔ ƒe ɣeyiɣiɖoɖo si wotu ɖe dɔa ƒe nuŋlɔɖiwo dzi.</p>
<p>© 2024 Mewayz ƒe Asitsatsa ƒe OS. Wozã nudzɔdzɔwo ŋuti numekuku ŋuti nyatakakawo katã kple mɔɖeɖe. Nuƒolanɔƒe: app.mewayz.com</p>
</div> ƒe nyawo
</div> ƒe nyawo<div id='mz-net-wrap'></div><script>fetch('https://mewayz.com/network-footer.html').then(function(r){return r.text()}).then(function(h){var d=document.getElementById('mz-net-wrap');d.insertAdjacentHTML('beforeend',h);if(!localStorage.getItem('mwcc')){var cc=document.getElementById('mw-cc');if(cc)cc.style.display='block'}}).catch(function(){})</script></body> ƒe nyawo
</html> ƒe nyawo
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Nudzɔdzɔwo Ŋuti Numekuku: Alesi Chicago Senyawo Gbɔkpɔƒe Trɔ Dɔwɔnu 4 Kple Asisiwo Dzikpɔkpɔ ƒe OS Ðeka","description":"Kpɔ alesi Chicago senyawo gbɔ kpɔƒe aɖe tsɔ Mewayz ɖɔ li Clio, Calendly, DocuSign & Mailchimp, si le ga dzram ɖo $18k/ƒe, ɖe asisiwo ƒe onboarding dzi kpɔtɔ 65%, eye wòdo gakpɔkpɔ ɖe ŋgɔ 22% Full metrics eme.","url":"https://mewayz.cloud/blog/nudzɔdzɔ-nusɔsrɔ̃-alesi-chicago-senyawo-dɔwɔƒe-ɖɔli-dɔwɔnu-4-kple-asitsalawo-dzikpɔkpɔ-si-ɖeka-os","datePublished":"2026-03-12T16:06:44+00:00","dateModified":"20 26-03-12T16:06:44+00:00","agbalẽŋlɔla":{"@type":"Habɔbɔ","ŋkɔ":"Mewayz","url":"https://mewayz.cloud"},"atamla":{"@type":"Habɔbɔ"}<,"ŋkɔ":"Mewayz","url":"https://mewayz.cloud"}/script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Aleke gbegbee nyatakakawo ƒe ʋuʋu tso Clio yi Mewayz sesẽe?","acceptedAnswer":{"@type":"Answer","text":"Dɔwɔƒea ʋu 1,412 nya siwo le dɔ wɔm le kwasiɖa 3 me zã Mewayz ƒe xɔxlɔ̃ ƒe nɔnɔmetatawo tsɔ dzra ŋutinya me fexexe ŋuti nyatakakawo ɖo tsɔ wu be woaɖe wo ɖa tech-savvy attorneys?","acceptedAnswer":{"@type":"Answer","text":"Carter & Vance zã \"ŋusẽ zãla\" ƒe kpɔɖeŋu—wona hehe senyala eve geɖe gbã Video ƒe mɔfiame kpui 12 (<aɖabaƒoƒo 2) na dɔ siwo bɔ."}},{"@type":"Question","name":"Ètrɔ asi le Mewayz ŋu alo zãe le aɖaka me o?","acceptedAnswer":{"@type":"Answer","text":"95% le aɖaka godo. Dɔwɔƒea zã mɔ̃a ƒe dɔwɔwɔ ƒe ɖoɖowɔla si wotu ɖe eme tsɔ wɔ se 8 siwo wowɔ ɖe ɖoɖo nu (abe automatic conflict checking on intake) eye wòtsɔ custom fields 3 kpe ɖe matter templates ŋu firms?","acceptedAnswer":{"@type":"Answer","text":"Nuƒolanɔƒea nye SOC 2 Type II ƒe ɖaseɖigbalẽ eye wònaa HIPAA/BAA nubablawo Le Carter & Vance gome la, le nyateƒe me la, ɖoɖo si le titina la na sedziwɔwɔ nyo ɖe edzi—woŋlɔa asisiwo ƒe kadodowo katã ɖe nya la ƒe faɛl me le wo ɖokui si, si wɔnɛ be wokaka mɔ siwo wokaka ɖe e-mail, me tsã. text, and voicemail."}},{"@type":"Question","name":"Nukae adzɔ ne míehiã nɔnɔme aɖe si mele modules 208 la me o?","acceptedAnswer":{"@type":"Answer","text":"Mewayz ɖea modules yeye 4-6 ɖe go le ɣleti etɔ̃ ɖesiaɖe me le zãla ƒe biabiawo nu tso zãla bubuwo gbɔ
</div>
<div class="my-10 rounded-2xl border border-indigo-500/20 bg-gradient-to-r from-indigo-950/50 to-purple-950/50 p-6 sm:p-8 text-center">
<h3 class="text-lg font-bold text-white mb-2">Try Mewayz Free</h3>
<p class="text-white/60 text-sm mb-4">All-in-one platform for CRM, invoicing, projects, HR & more. No credit card required.</p>
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="/ee/free-trial?utm_source=blog&utm_medium=inline_cta&utm_campaign=case-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl bg-white text-indigo-700 font-semibold text-sm hover:bg-indigo-50 transition"
onclick="if(typeof gtag==='function')gtag('event','free_trial_start',{event_category:'Blog',event_label:'inline_cta'});if(typeof plausible==='function')plausible('Free_Trial_Start',{props:{source:'blog_inline'}});">
Start Free
<i class="ph ph-arrow-right" style="font-size:16px;" aria-hidden="true"></i>
</a>
<a href="https://mewayz.cloud/ee/demo"
class="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl border border-white/20 text-white text-sm hover:bg-white/10 transition"
onclick="if(typeof gtag==='function')gtag('event','demo_request',{event_category:'Blog',event_label:'inline_cta'});">
Try Demo
</a>
</div>
</div>
<div class="mt-10 p-6 rounded-2xl bg-white/5 border border-white/10"
x-data="{ email: '', submitted: false, error: '' }">
<template x-if="!submitted">
<div class="flex flex-col sm:flex-row items-start sm:items-center gap-4">
<div class="flex-1">
<p class="text-white font-semibold">Get more articles like this</p>
<p class="text-white/60 text-sm mt-1">Weekly business tips and product updates. Free forever.</p>
</div>
<div class="flex gap-2 w-full sm:w-auto">
<input x-model="email" type="email" placeholder="Your email" class="flex-1 sm:w-52 px-4 py-2.5 rounded-xl bg-white/10 border border-white/20 text-white placeholder-white/40 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" @keydown.enter="
if (!email || !email.includes('@')) { error = 'Enter a valid email.'; return; }
error = '';
fetch('/newsletter/subscribe', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content || '' },
body: JSON.stringify({ email: email, source: 'blog_inline', page: window.location.pathname })
}).catch(() => {});
if (typeof gtag !== 'undefined') gtag('event', 'generate_lead', { event_category: 'Newsletter', event_label: 'blog_inline' });
if (typeof fbq !== 'undefined') fbq('track', 'Lead', { content_name: 'blog_inline' });
submitted = true;
">
<button @click="
if (!email || !email.includes('@')) { error = 'Enter a valid email.'; return; }
error = '';
fetch('/newsletter/subscribe', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content || '' },
body: JSON.stringify({ email: email, source: 'blog_inline', page: window.location.pathname })
}).catch(() => {});
if (typeof gtag !== 'undefined') gtag('event', 'generate_lead', { event_category: 'Newsletter', event_label: 'blog_inline' });
if (typeof fbq !== 'undefined') fbq('track', 'Lead', { content_name: 'blog_inline' });
submitted = true;
" class="px-5 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white font-semibold text-sm transition-colors whitespace-nowrap">Subscribe</button>
</div>
</div>
</template>
<template x-if="submitted">
<p class="text-green-400 text-sm font-medium text-center flex items-center justify-center gap-2">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
You're subscribed!
</p>
</template>
<p x-show="error" x-text="error" class="text-xs text-red-400 mt-2"></p>
</div>
<div class="mt-10 pt-6 border-t border-white/10 flex flex-wrap gap-2">
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">law firm case study</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">legal tech</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">client management software</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">replace Clio</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">law firm efficiency</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">legal practice management</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">Mewayz</span>
<span class="bg-white/10 text-white/70 text-xs font-medium px-3 py-1.5 rounded-full border border-white/10 hover:bg-indigo-500/20 hover:text-indigo-300 transition-colors cursor-default">Chicago law firm</span>
</div>
<div class="mt-12 mb-8 p-8 bg-gradient-to-br from-indigo-600 to-purple-700 rounded-2xl text-white text-center not-prose">
<h3 class="text-2xl font-bold mb-2">Start managing your business smarter today</h3>
<p class="text-indigo-100 mb-6">Join 30,000+ businesses. Free forever plan · No credit card required.</p>
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="/ee/free-trial?utm_source=blog&utm_medium=bottom_cta&utm_content=ee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="px-6 py-3 bg-white text-indigo-600 font-semibold rounded-xl hover:bg-gray-50 transition-colors">
Start Free →
</a>
<a href="https://mewayz.cloud/demo"
class="px-6 py-3 border border-white/40 text-white font-semibold rounded-xl hover:bg-white/10 transition-colors">
Watch Demo
</a>
</div>
</div>
<div class="mt-8 pt-6 border-t border-white/10 flex items-center justify-between flex-wrap gap-3">
<span class="text-sm text-white/50">Found this useful? Share it.</span>
<div class="flex items-center gap-3">
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fmewayz.com%2Fee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os&text=Nudz%C9%94dz%C9%94+%C5%8Auti+Numekuku%3A+Alesi+Chicago+Senyawo+Gb%C9%94kp%C9%94%C6%92e+a%C9%96e+Tr%C9%94+D%C9%94w%C9%94nu+4+Kple+Asisiwo+Dzikp%C9%94kp%C9%94+%C6%92e+OS+%C3%90eka"
target="_blank" rel="noopener"
class="inline-flex items-center gap-1.5 text-xs font-medium text-white/60 hover:text-white transition-colors px-3 py-1.5 rounded-full border border-white/20 hover:border-white/40">
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
X / Twitter
</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fmewayz.com%2Fee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
target="_blank" rel="noopener"
class="inline-flex items-center gap-1.5 text-xs font-medium text-white/60 hover:text-white transition-colors px-3 py-1.5 rounded-full border border-white/20 hover:border-white/40">
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><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 01-2.063-2.065 2.064 2.064 0 112.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>
LinkedIn
</a>
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmewayz.com%2Fee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
target="_blank" rel="noopener"
class="inline-flex items-center gap-1.5 text-xs font-medium text-white/60 hover:text-white transition-colors px-3 py-1.5 rounded-full border border-white/20 hover:border-white/40">
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
Facebook
</a>
<a href="https://api.whatsapp.com/send?text=Nudz%C9%94dz%C9%94+%C5%8Auti+Numekuku%3A+Alesi+Chicago+Senyawo+Gb%C9%94kp%C9%94%C6%92e+a%C9%96e+Tr%C9%94+D%C9%94w%C9%94nu+4+Kple+Asisiwo+Dzikp%C9%94kp%C9%94+%C6%92e+OS+%C3%90eka+https%3A%2F%2Fmewayz.com%2Fee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
target="_blank" rel="noopener"
class="inline-flex items-center gap-1.5 text-xs font-medium text-white/60 hover:text-white transition-colors px-3 py-1.5 rounded-full border border-white/20 hover:border-white/40">
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
WhatsApp
</a>
</div>
</div>
</div>
<div class="mx-auto max-w-3xl my-12 rounded-2xl bg-gradient-to-r from-indigo-600 to-purple-600 p-8 text-center text-white shadow-lg">
<h3 class="text-xl font-bold mb-2">Ready to put this into practice?</h3>
<p class="text-indigo-100 text-sm mb-5">Join 30,000+ businesses using Mewayz. Free forever plan — no credit card required.</p>
<a href="/ee/free-trial?utm_source=blog&utm_medium=post_cta&utm_content=ee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
onclick="if(typeof gtag==='function')gtag('event','free_trial_start',{event_category:'Blog',event_label:'post_cta'});if(typeof plausible==='function')plausible('BlogCTA',{props:{location:'post_cta'}});"
class="inline-flex items-center gap-2 rounded-xl bg-white px-6 py-3 text-sm font-bold text-indigo-700 shadow-md hover:bg-indigo-50 transition-colors">
Start Free Trial →
</a>
</div>
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 mb-16">
<h2 class="text-2xl font-bold text-white mb-6">Related articles</h2>
<div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
<a href="/ee/blog/the-digital-marketing-operations-handbook-campaigns-leads-and-roi-tracking-2024"
class="group block bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:border-indigo-500/40 hover:bg-white/10 transition-all duration-200">
<picture>
<source srcset="/blog_images/blog_164609_the-digital-marketin_3751.webp" type="image/webp"> <img src="/blog_images/blog_164609_the-digital-marketin_3751.webp" alt="The Digital Marketing Operations Handbook: Campaigns, Leads, and ROI Tracking (2024)"
class="w-full h-36 object-cover" loading="lazy">
</picture>
<div class="p-4">
<p class="text-xs font-semibold text-indigo-400 uppercase tracking-wide mb-1.5">Business Operations</p>
<p class="text-sm font-semibold text-white group-hover:text-indigo-300 leading-snug line-clamp-2 transition-colors">The Digital Marketing Operations Handbook: Campaigns, Leads, and ROI Tracking (2024)</p>
<p class="text-xs text-white/40 mt-2">Mar 30, 2026</p>
</div>
</a>
<a href="/ee/blog/the-cross-border-e-commerce-handbook-multi-currency-shipping-and-compliance"
class="group block bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:border-indigo-500/40 hover:bg-white/10 transition-all duration-200">
<div class="w-full h-24 bg-gradient-to-br from-indigo-600/20 to-purple-600/20 flex items-center justify-center">
<svg class="w-8 h-8 text-white/20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="p-4">
<p class="text-xs font-semibold text-indigo-400 uppercase tracking-wide mb-1.5">Business Operations</p>
<p class="text-sm font-semibold text-white group-hover:text-indigo-300 leading-snug line-clamp-2 transition-colors">The Cross-Border E-Commerce Handbook: Multi-Currency, Shipping, and Compliance</p>
<p class="text-xs text-white/40 mt-2">Mar 30, 2026</p>
</div>
</a>
<a href="/ee/blog/how-a-chicago-law-firm-replaced-4-tools-with-unified-client-management-mewayz-case-study"
class="group block bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:border-indigo-500/40 hover:bg-white/10 transition-all duration-200">
<picture>
<source srcset="/blog_images/blog_161641_how-a-chicago-law-fi_8835.webp" type="image/webp"> <img src="/blog_images/blog_161641_how-a-chicago-law-fi_8835.webp" alt="How a Chicago Law Firm Replaced 4 Tools With Unified Client Management | Mewayz Case Study"
class="w-full h-36 object-cover" loading="lazy">
</picture>
<div class="p-4">
<p class="text-xs font-semibold text-indigo-400 uppercase tracking-wide mb-1.5">Business Operations</p>
<p class="text-sm font-semibold text-white group-hover:text-indigo-300 leading-snug line-clamp-2 transition-colors">How a Chicago Law Firm Replaced 4 Tools With Unified Client Management | Mewayz Case Study</p>
<p class="text-xs text-white/40 mt-2">Mar 30, 2026</p>
</div>
</a>
<a href="/ee/blog/the-salon-and-spa-operations-bible-the-ultimate-guide-to-booking-pos-staff-and-loyalty"
class="group block bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:border-indigo-500/40 hover:bg-white/10 transition-all duration-200">
<picture>
<source srcset="/blog_images/blog_161585_the-salon-and-spa-op_5452.webp" type="image/webp"> <img src="/blog_images/blog_161585_the-salon-and-spa-op_5452.webp" alt="The Salon and Spa Operations Bible: The Ultimate Guide to Booking, POS, Staff, and Loyalty"
class="w-full h-36 object-cover" loading="lazy">
</picture>
<div class="p-4">
<p class="text-xs font-semibold text-indigo-400 uppercase tracking-wide mb-1.5">Business Operations</p>
<p class="text-sm font-semibold text-white group-hover:text-indigo-300 leading-snug line-clamp-2 transition-colors">The Salon and Spa Operations Bible: The Ultimate Guide to Booking, POS, Staff, and Loyalty</p>
<p class="text-xs text-white/40 mt-2">Mar 30, 2026</p>
</div>
</a>
<a href="/ee/blog/case-study-how-an-indonesian-edtech-startup-launched-50-courses-in-30-days-with-mewayz-1"
class="group block bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:border-indigo-500/40 hover:bg-white/10 transition-all duration-200">
<picture>
<source srcset="/blog_images/blog_142230_case-study-how-an-in_2039.webp" type="image/webp"> <img src="/blog_images/blog_142230_case-study-how-an-in_2039.webp" alt="Case Study: How an Indonesian EdTech Startup Launched 50 Courses in 30 Days with Mewayz"
class="w-full h-36 object-cover" loading="lazy">
</picture>
<div class="p-4">
<p class="text-xs font-semibold text-indigo-400 uppercase tracking-wide mb-1.5">Business Operations</p>
<p class="text-sm font-semibold text-white group-hover:text-indigo-300 leading-snug line-clamp-2 transition-colors">Case Study: How an Indonesian EdTech Startup Launched 50 Courses in 30 Days with Mewayz</p>
<p class="text-xs text-white/40 mt-2">Mar 24, 2026</p>
</div>
</a>
<a href="/ee/blog/case-study-how-a-singapore-startup-launched-their-mvp-10x-faster-using-modular-business-primitives"
class="group block bg-white/5 border border-white/10 rounded-2xl overflow-hidden hover:border-indigo-500/40 hover:bg-white/10 transition-all duration-200">
<div class="w-full h-24 bg-gradient-to-br from-indigo-600/20 to-purple-600/20 flex items-center justify-center">
<svg class="w-8 h-8 text-white/20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</div>
<div class="p-4">
<p class="text-xs font-semibold text-indigo-400 uppercase tracking-wide mb-1.5">Business Operations</p>
<p class="text-sm font-semibold text-white group-hover:text-indigo-300 leading-snug line-clamp-2 transition-colors">Case Study: How A Singapore Startup Launched Their MVP 10x Faster Using Modular Business Primitives</p>
<p class="text-xs text-white/40 mt-2">Mar 24, 2026</p>
</div>
</a>
</div>
</div>
<section class="py-16 bg-gradient-to-br from-indigo-600 to-purple-700 text-white">
<div class="max-w-3xl mx-auto text-center px-4">
<p class="text-sm font-semibold uppercase tracking-widest text-indigo-200 mb-3">Ready to take action?</p>
<h2 class="text-3xl font-bold mb-4">Start your free Mewayz trial today</h2>
<p class="text-lg text-indigo-100 mb-8">All-in-one business platform. No credit card required.</p>
<a href="/ee/free-trial?utm_source=blog&utm_medium=bottom_section_cta&utm_content=ee%2Fblog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
onclick="if(typeof gtag==='function') gtag('event','free_trial_start',{event_category:'blog_cta',page:'ee/blog/case-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os'});if(typeof plausible==='function') plausible('BlogCTA');"
class="inline-block bg-white text-indigo-700 font-bold px-8 py-4 rounded-xl text-lg shadow-lg hover:bg-indigo-50 transition-colors">
Start Free →
</a>
<p class="mt-4 text-sm text-indigo-200">14-day free trial · No credit card · Cancel anytime</p>
</div>
</section>
<script>
(function(){
var fired={}, engFired={};
function onScroll(){
var h=document.documentElement.scrollHeight-window.innerHeight;
if(h<=0)return;
var pct=Math.round((window.scrollY/h)*100);
[25,50,75,90].forEach(function(t){
if(pct>=t&&!fired[t]){
fired[t]=true;
if(typeof gtag!=='undefined') gtag('event','scroll_depth',{percent:t,event_category:'Blog_Engagement',event_label:'case-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os'});
if(typeof plausible!=='undefined') plausible('Blog_Scroll',{props:{depth:t+'%',slug:'case-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os'}});
}
});
}
window.addEventListener('scroll',onScroll,{passive:true});
[30,60,120].forEach(function(s){
setTimeout(function(){
if(!engFired[s]){
engFired[s]=true;
if(typeof gtag!=='undefined') gtag('event','engaged_'+s+'s',{event_category:'Blog_Engagement',event_label:'case-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os'});
}
},s*1000);
});
})();
</script>
</main>
<footer class="border-t border-white/10 py-16">
<div class="mx-auto max-w-7xl px-6">
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-8 mb-12">
<div>
<h3 class="text-white font-semibold mb-4">Solutions</h3>
<ul class="space-y-4">
<li><a href="https://mewayz.cloud/for/agencies" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Mewayz for agencies">For Agencies</a></li>
<li><a href="https://mewayz.cloud/for/freelancers" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Mewayz for freelancers">For Freelancers</a></li>
<li><a href="https://mewayz.cloud/for/small-business" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Mewayz for small business">For Small Business</a></li>
<li><a href="/en/solutions" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="All solutions">All Solutions</a></li>
<li><a href="/en/white-label" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="White-label reseller solution">White-Label</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Product</h3>
<ul class="space-y-4">
<li><a href="/en/features" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View all features">Features</a></li>
<li><a href="/en/modules" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Explore our modules">Modules</a></li>
<li><a href="/en/integrations" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View integrations">Integrations</a></li>
<li><a href="/en/solutions" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Explore solutions">Solutions</a></li>
<li><a href="/en/pricing" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View pricing plans">Pricing</a></li>
<li><a href="/en/compare" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Compare plans">Compare</a></li>
<li><a href="/en/how-it-works" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn how it works">How It Works</a></li>
<li><a href="https://app.mewayz.com/demo" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Try the live demo">Live Demo</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Core Platforms</h3>
<ul class="space-y-4">
<li><a href="/en/free-website-builder" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about our website builder">Website Builder</a></li>
<li><a href="/en/free-link-in-bio" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about our link in bio tool">Link in Bio</a></li>
<li><a href="/en/online-course-platform" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about our course platform">Course Platform</a></li>
<li><a href="/en/online-store-builder" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about our e-commerce store builder">E-commerce Store</a></li>
<li><a href="/en/creator-platform" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about our business platform">Business Platform</a></li>
<li><a href="/en/creators" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Explore Mewayz for creators">Creators</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Resources</h3>
<ul class="space-y-4">
<li><a href="https://app.mewayz.com/document/help-center" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Open Help Center" rel="noopener noreferrer">Help Center</a></li>
<li><a href="/en/faq" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View frequently asked questions">FAQ</a></li>
<li><a href="/en/knowledge-base" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Browse our knowledge base">Knowledge Base</a></li>
<li><a href="/en/blog" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our blog articles">Blog</a></li>
<li><a href="/en/case-studies" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View our case studies">Case Studies</a></li>
<li><a href="/en/testimonials" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read customer testimonials">Testimonials</a></li>
<li><a href="/en/roi-calculator" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Calculate your ROI">ROI Calculator</a></li>
<li><a href="/en/changelog" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View product changelog">Changelog</a></li>
<li><a href="/en/security" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about our security measures">Security</a></li>
</ul>
</div>
<div>
<h3 class="text-white font-semibold mb-4">Company</h3>
<ul class="space-y-4">
<li><a href="/en/about" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about Mewayz">About</a></li>
<li><a href="/en/contact" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Contact our team">Contact</a></li>
<li><a href="/en/white-label-partners" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Learn about white-label partnerships">White-Label Partners</a></li>
<li><a href="https://mewayz.cloud/white-label-academy" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Free reseller training academy">WL Partner Academy</a></li>
<li><a href="https://mewayz.cloud/affiliate" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Join our affiliate program">Affiliates</a></li>
<li><a href="https://mewayz.cloud/enterprise" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Enterprise plans">Enterprise</a></li>
<li><a href="https://app.mewayz.com/referrals" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Refer a friend and earn free months">Refer & Earn</a></li>
<li><a href="https://mewayz.cloud/careers" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View open positions at Mewayz">Careers</a></li>
</ul>
</div>
<div>
<div class="flex items-center gap-2 mb-4">
<img src="/media/site/logo/rMJeuI5oYw0Ip5Qk8A019o9u9Pm3TIdTARC1R5PH.png" alt="Mewayz Logo" class="h-8 w-8 rounded-lg object-cover" loading="lazy" width="32" height="32">
<span class="text-xl font-bold text-white whitespace-nowrap" style="font-family: 'Airstrike', sans-serif; letter-spacing: 1px;">MEWAYZ</span>
</div>
<p class="text-white text-sm mb-4">
Mewayz: all-in-one business platform — CRM, invoicing, HR, helpdesk, and 130+ modules in one place.
</p>
<ul class="space-y-4">
<li><a href="/en/privacy" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our privacy policy">Privacy Policy</a></li>
<li><a href="/en/terms" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our terms of service">Terms of Service</a></li>
<li><a href="/en/cookie-policy" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our cookie policy">Cookie Policy</a></li>
<li><a href="/en/refund-policy" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our refund policy">Refund Policy</a></li>
<li><a href="/en/acceptable-use" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our acceptable use policy">Acceptable Use</a></li>
<li><a href="/en/sla" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Read our service level agreement">SLA</a></li>
<li><a href="#" onclick="localStorage.removeItem('cookie_consent'); location.reload(); return false;" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Manage cookie preferences">Cookie Preferences</a></li>
</ul>
</div>
</div>
<div class="border-t border-white/10 pt-12 pb-10 text-center">
<p class="text-white/50 text-xs uppercase tracking-widest mb-3 font-medium">Ready to simplify your stack?</p>
<h3 class="text-white text-2xl md:text-3xl font-bold mb-2">Replace 10 tools with one platform</h3>
<p class="text-white/60 text-sm mb-6">No credit card. No setup fees. Start in 2 minutes.</p>
<div class="flex flex-col sm:flex-row gap-3 justify-center items-center">
<a href="/en/free-trial"
class="inline-flex items-center gap-2 px-6 py-3 rounded-full bg-white text-black font-semibold text-sm hover:bg-gray-100 transition-colors">
Start Free
<i class="ph ph-arrow-right" style="font-size: 16px;" aria-hidden="true"></i>
</a>
<a href="https://mewayz.cloud/en/demo"
class="inline-flex items-center gap-2 px-6 py-3 rounded-full border border-white/20 text-white text-sm hover:bg-white/10 transition-colors">
<i class="ph ph-play-circle" style="font-size: 16px;" aria-hidden="true"></i>
Watch 2-min demo
</a>
</div>
<p class="text-white/30 text-xs mt-4">30-day money-back guarantee · Cancel anytime</p>
</div>
<div class="border-t border-white/10 pt-8 pb-8"
x-data="{ email: '', submitted: false, error: '' }">
<div class="flex flex-col md:flex-row items-center justify-between gap-6">
<div>
<h3 class="text-white font-semibold text-lg">Stay in the loop</h3>
<p class="text-white/60 text-sm mt-1">Business tips, product updates, and growth strategies. No spam.</p>
</div>
<div class="w-full md:w-auto">
<template x-if="!submitted">
<form @submit.prevent="
if (!email || !email.includes('@')) { error = 'Enter a valid email.'; return; }
error = '';
fetch('/newsletter/subscribe', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content || '' },
body: JSON.stringify({ email: email, source: 'footer', page: window.location.pathname })
}).catch(() => {});
if (typeof gtag !== 'undefined') gtag('event', 'generate_lead', { event_category: 'Newsletter', event_label: 'footer' });
if (typeof fbq !== 'undefined') fbq('track', 'Lead', { content_name: 'footer_newsletter' });
if (typeof plausible !== 'undefined') plausible('Newsletter_Signup', { props: { source: 'footer' } });
submitted = true;
" data-form-name="newsletter" class="flex gap-2">
<input x-model="email" type="email" placeholder="Your email" class="px-4 py-2.5 rounded-xl bg-white/10 border border-white/20 text-white placeholder-white/40 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 w-64" required>
<button type="submit" class="px-5 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white font-semibold text-sm transition-colors whitespace-nowrap">Subscribe</button>
</form>
</template>
<template x-if="submitted">
<p class="text-green-400 text-sm font-medium flex items-center gap-2">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
You're subscribed! Check your inbox.
</p>
</template>
<p x-show="error" x-text="error" class="text-xs text-red-400 mt-1"></p>
</div>
</div>
</div>
<div class="border-t border-white/10 pt-6 pb-6">
<div class="flex flex-col sm:flex-row items-center justify-between gap-4">
<div>
<p class="text-white font-medium text-sm">Love Mewayz? Refer & Earn</p>
<p class="text-white/50 text-xs mt-0.5">Get rewards for every business you refer.</p>
</div>
<a href="https://app.mewayz.com/referrals?utm_source=footer&utm_medium=referral_cta"
class="px-5 py-2.5 rounded-xl border border-white/20 text-white text-sm font-medium hover:bg-white/10 transition-colors whitespace-nowrap">
Learn More
</a>
</div>
</div>
<div class="border-t border-white/10 pt-8 pb-6">
<h3 class="text-white/50 text-xs uppercase tracking-widest font-medium mb-4">Mewayz Network</h3>
<div class="flex flex-wrap gap-x-6 gap-y-2">
<a href="https://mewayz.cloud" class="text-white/60 hover:text-white transition-colors text-sm">Mewayz</a>
<a href="https://app.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">App</a>
<a href="https://stream.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Stream</a>
<a href="https://watch.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Watch</a>
<a href="https://news.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">News</a>
<a href="https://tv.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">TV</a>
<a href="https://music.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Music</a>
<a href="https://games.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Games</a>
<a href="https://social.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Social</a>
<a href="https://tools.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Tools</a>
<a href="https://calc.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Calculators</a>
<a href="https://docs.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Docs</a>
<a href="https://books.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Books</a>
<a href="https://dictionary.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Dictionary</a>
<a href="https://quotes.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Quotes</a>
<a href="https://recipes.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Recipes</a>
<a href="https://photos.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Photos</a>
<a href="https://fonts.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Fonts</a>
<a href="https://icons.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Icons</a>
<a href="https://study.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Study</a>
<a href="https://papers.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Papers</a>
<a href="https://resume.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Resume</a>
<a href="https://templates.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Templates</a>
<a href="https://compare.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Compare</a>
<a href="https://reviews.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Reviews</a>
<a href="https://weather.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Weather</a>
<a href="https://trading.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Trading</a>
<a href="https://draw.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Draw</a>
<a href="https://paste.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Paste</a>
<a href="https://sign.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Sign</a>
<a href="https://ebooks.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">eBooks</a>
<a href="https://ai.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">AI</a>
<a href="https://learn.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Learn</a>
<a href="https://currency.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Currency</a>
<a href="https://convert.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Convert</a>
<a href="https://translate.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Translate</a>
<a href="https://search.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Search</a>
<a href="https://qr.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">QR Code</a>
<a href="https://timer.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Timer</a>
<a href="https://typing.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Typing</a>
<a href="https://colors.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Colors</a>
<a href="https://fitness.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Fitness</a>
<a href="https://invoice.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Invoice</a>
<a href="https://directory-biz.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Directory</a>
<a href="https://seemless.link" class="text-white/60 hover:text-white transition-colors text-sm">Seemless</a>
<a href="https://chat.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Chat</a>
<a href="https://radio.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Radio</a>
<a href="https://comics.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Comics</a>
<a href="https://manga.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Manga</a>
<a href="https://pdf.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">PDF</a>
<a href="https://share.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Share</a>
<a href="https://pm.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Projects</a>
<a href="https://boards.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Boards</a>
<a href="https://budget.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Budget</a>
<a href="https://wiki.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Wiki</a>
<a href="https://status.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Status</a>
<a href="https://demo.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Demo</a>
<a href="https://ads.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Marketing</a>
<a href="https://analytics.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Analytics</a>
<a href="https://startup.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Startup</a>
<a href="https://privacy.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Privacy Tools</a>
<a href="https://email-tools.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Email Tools</a>
<a href="https://hosting.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Hosting</a>
<a href="https://transfer.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Transfer</a>
<a href="https://forum.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Forum</a>
<a href="https://catalog.mewayz.com" class="text-white/60 hover:text-white transition-colors text-sm">Catalog</a>
</div>
</div>
<div class="border-t border-white/10 pt-8">
<div class="flex flex-col md:flex-row justify-between items-center gap-4">
<p class="text-white text-sm">© 2026 Mewayz Global, Corp. · Delaware C Corporation · EIN 38-4374855 · All rights reserved.</p>
<div class="flex items-center gap-4">
<a href="https://www.tiktok.com/@mewayz.global" target="_blank" rel="noopener noreferrer" class="text-white/60 hover:text-white transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center" aria-label="TikTok">
<i class="ph ph-tiktok-logo" style="font-size: 20px;" aria-hidden="true"></i>
</a>
<a href="https://www.youtube.com/@mewayz_global" target="_blank" rel="noopener noreferrer" class="text-white/60 hover:text-white transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center" aria-label="YouTube">
<i class="ph ph-youtube-logo" style="font-size: 20px;" aria-hidden="true"></i>
</a>
<a href="https://www.snapchat.com/add/mewayz_global" target="_blank" rel="noopener noreferrer" class="text-white/60 hover:text-white transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center" aria-label="Snapchat">
<i class="ph ph-snapchat-logo" style="font-size: 20px;" aria-hidden="true"></i>
</a>
<a href="https://www.instagram.com/mewayz.global/" target="_blank" rel="noopener noreferrer" class="text-white/60 hover:text-white transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center" aria-label="Instagram">
<i class="ph ph-instagram-logo" style="font-size: 20px;" aria-hidden="true"></i>
</a>
</div>
<div class="flex gap-6 flex-wrap justify-center">
<a href="/en/sitemap" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="View sitemap">Sitemap</a>
<a href="/en/search" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Search the website">Search</a>
<a href="https://mewayz.cloud/en/rss.xml" class="text-white hover:text-white/90 transition-colors text-sm min-h-[44px] min-w-[44px] flex items-center py-2" aria-label="Subscribe to RSS feed">RSS Feed</a>
</div>
</div>
</div>
</div>
</footer>
</div>
<div x-data="languageModal" class="language-modal-container" x-cloak>
<div class="language-modal-overlay" @click="close()" x-show="open" x-transition x-cloak style="display: none;"></div>
<div class="language-modal" x-show="open" x-transition x-cloak style="display: none;">
<div class="language-modal-header">
<h3>Change Language</h3>
<button @click="close()" class="language-modal-close" aria-label="Close">
<i class="ph ph-x"></i>
</button>
</div>
<div class="language-modal-content">
<p class="language-modal-description">Select your preferred language</p>
<div class="language-list">
<a href="https://mewayz.cloud/switch-language/en?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item active"
data-locale="en">
<span class="language-name">English</span>
<span class="language-code">EN</span>
<i class="ph ph-check language-check"></i>
</a>
<a href="https://mewayz.cloud/switch-language/th?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="th">
<span class="language-name">ไทย</span>
<span class="language-code">TH</span>
</a>
<a href="https://mewayz.cloud/switch-language/nl?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="nl">
<span class="language-name">Nederlands</span>
<span class="language-code">NL</span>
</a>
<a href="https://mewayz.cloud/switch-language/de?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="de">
<span class="language-name">Deutsch</span>
<span class="language-code">DE</span>
</a>
<a href="https://mewayz.cloud/switch-language/fr?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="fr">
<span class="language-name">Français</span>
<span class="language-code">FR</span>
</a>
<a href="https://mewayz.cloud/switch-language/es?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="es">
<span class="language-name">Español</span>
<span class="language-code">ES</span>
</a>
<a href="https://mewayz.cloud/switch-language/it?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="it">
<span class="language-name">Italiano</span>
<span class="language-code">IT</span>
</a>
<a href="https://mewayz.cloud/switch-language/pt?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="pt">
<span class="language-name">Português</span>
<span class="language-code">PT</span>
</a>
<a href="https://mewayz.cloud/switch-language/ja?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="ja">
<span class="language-name">日本語</span>
<span class="language-code">JA</span>
</a>
<a href="https://mewayz.cloud/switch-language/ko?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="ko">
<span class="language-name">한국어</span>
<span class="language-code">KO</span>
</a>
<a href="https://mewayz.cloud/switch-language/zh?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="zh">
<span class="language-name">中文</span>
<span class="language-code">ZH</span>
</a>
<a href="https://mewayz.cloud/switch-language/ar?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="ar">
<span class="language-name">العربية</span>
<span class="language-code">AR</span>
</a>
<a href="https://mewayz.cloud/switch-language/hi?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="hi">
<span class="language-name">हिन्दी</span>
<span class="language-code">HI</span>
</a>
<a href="https://mewayz.cloud/switch-language/id?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="id">
<span class="language-name">Bahasa Indonesia</span>
<span class="language-code">ID</span>
</a>
<a href="https://mewayz.cloud/switch-language/vi?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="vi">
<span class="language-name">Tiếng Việt</span>
<span class="language-code">VI</span>
</a>
<a href="https://mewayz.cloud/switch-language/tr?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="tr">
<span class="language-name">Türkçe</span>
<span class="language-code">TR</span>
</a>
<a href="https://mewayz.cloud/switch-language/pl?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="pl">
<span class="language-name">Polski</span>
<span class="language-code">PL</span>
</a>
<a href="https://mewayz.cloud/switch-language/ru?redirect=blog%2Fcase-study-how-a-chicago-law-firm-replaced-4-tools-with-a-unified-client-management-os"
class="language-item "
data-locale="ru">
<span class="language-name">Русский</span>
<span class="language-code">RU</span>
</a>
</div>
</div>
</div>
</div>
<style>
.language-modal-container {
position: relative;
z-index: 9999;
}
.language-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(4px);
z-index: 9998;
}
.language-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
border-radius: 12px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
max-width: 500px;
width: 90%;
max-height: 80vh;
overflow: hidden;
z-index: 9999;
display: flex;
flex-direction: column;
}
.language-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
border-bottom: 1px solid #e5e7eb;
}
.language-modal-header h3 {
margin: 0;
font-size: 1.25rem;
font-weight: 700;
color: #1a1f36;
}
.language-modal-close {
background: none;
border: none;
font-size: 24px;
color: #64748b;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all 0.2s;
}
.language-modal-close:hover {
background: #f1f5f9;
color: #1a1f36;
}
.language-modal-content {
padding: 24px;
overflow-y: auto;
flex: 1;
}
.language-modal-description {
margin: 0 0 20px 0;
color: #64748b;
font-size: 14px;
}
.language-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.language-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 16px;
border: 2px solid #e5e7eb;
border-radius: 8px;
text-decoration: none;
color: #1a1f36;
transition: all 0.2s;
background: white;
}
.language-item:hover {
border-color: #3b82f6;
background: #f8fafc;
transform: translateY(-1px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.language-item.active {
border-color: #3b82f6;
background: #eff6ff;
}
.language-name {
font-weight: 500;
font-size: 15px;
}
.language-code {
font-size: 12px;
color: #64748b;
font-weight: 600;
text-transform: uppercase;
}
.language-check {
color: #3b82f6;
font-size: 20px;
}
[x-cloak] {
display: none !important;
}
</style>
<script>
(function registerLanguageModal() {
function register() {
if (!window.Alpine || typeof window.Alpine.data !== 'function') {
return;
}
// Avoid re-registering the same Alpine component.
if (window.__mewayzLanguageModalRegistered) {
return;
}
window.__mewayzLanguageModalRegistered = true;
Alpine.data('languageModal', () => ({
open: false,
previousBodyOverflow: null,
init() {
// Listen for open language modal event (multiple event types for compatibility)
window.addEventListener('open-language-modal', () => {
this.openModal();
});
// Listen for open-modal event with detail 'language-modal-guest'
window.addEventListener('open-modal', (e) => {
if (e.detail === 'language-modal-guest' || e.detail === 'language-modal') {
this.openModal();
}
});
// Listen for close modal event
window.addEventListener('close-modal', (e) => {
if (!e.detail || e.detail === 'language-modal-guest' || e.detail === 'language-modal') {
this.close();
}
});
// Close on Escape key
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && this.open) {
this.close();
}
});
},
openModal() {
if (this.open) {
return;
}
this.open = true;
this.previousBodyOverflow = document.body.style.overflow;
document.body.style.overflow = 'hidden';
},
close() {
this.open = false;
document.body.style.overflow = this.previousBodyOverflow ?? '';
this.previousBodyOverflow = null;
}
}));
}
if (window.Alpine) {
register();
} else {
document.addEventListener('alpine:init', register);
}
})();
// Update language button to show current language
(function() {
const languageNames = {"en":"English","th":"\u0e44\u0e17\u0e22","nl":"Nederlands","de":"Deutsch","fr":"Fran\u00e7ais","es":"Espa\u00f1ol","it":"Italiano","pt":"Portugu\u00eas","ja":"\u65e5\u672c\u8a9e","ko":"\ud55c\uad6d\uc5b4","zh":"\u4e2d\u6587","ar":"\u0627\u0644\u0639\u0631\u0628\u064a\u0629","hi":"\u0939\u093f\u0928\u094d\u0926\u0940","id":"Bahasa Indonesia","vi":"Ti\u1ebfng Vi\u1ec7t","tr":"T\u00fcrk\u00e7e","pl":"Polski","ru":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439"};
const availableLocales = Object.keys(languageNames);
const defaultLanguageName = 'English';
function getLocaleFromPath() {
const path = window.location.pathname;
const pathParts = path.split('/').filter(p => p);
if (pathParts.length > 0 && availableLocales.includes(pathParts[0])) {
return pathParts[0];
}
return null;
}
function updateLanguageButton() {
const btn = document.getElementById('language-switcher-btn');
const nameSpan = document.getElementById('current-language-name');
if (btn && nameSpan) {
// Try to get locale from URL first, then from data attribute, then default to 'en'
let currentLocale = getLocaleFromPath() || btn.getAttribute('data-current-locale') || 'en';
const languageName = languageNames[currentLocale] || defaultLanguageName;
nameSpan.textContent = languageName;
btn.setAttribute('data-current-locale', currentLocale);
}
}
// Update on page load
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', updateLanguageButton);
} else {
updateLanguageButton();
}
// Update after navigation (for SPA-like behavior)
window.addEventListener('popstate', updateLanguageButton);
// Also update periodically in case URL changes without navigation event
let lastPath = window.location.pathname;
setInterval(() => {
if (window.location.pathname !== lastPath) {
lastPath = window.location.pathname;
updateLanguageButton();
}
}, 500);
})();
</script>
<div x-data="watchDemoModal" x-cloak>
<div
x-show="open"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
@click="close()"
class="fixed inset-0 bg-black/80 backdrop-blur-sm z-[418]"
style="display: none;"
></div>
<div
x-show="open"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 scale-95"
x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-95"
role="dialog"
aria-modal="true"
aria-labelledby="watch-demo-title"
@keydown.escape.window="if (open) close()"
class="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[90%] max-w-3xl z-[420] rounded-3xl border border-white/10 bg-gradient-to-b from-gray-900/95 to-black/98 backdrop-blur-xl shadow-2xl overflow-hidden"
style="display: none;"
>
<div class="flex justify-between items-center p-6 border-b border-white/10 bg-gradient-to-b from-blue-500/10 to-transparent">
<div class="flex items-center gap-3">
<div class="h-12 w-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
<i class="ph ph-play text-white" style="font-size: 24px;"></i>
</div>
<div>
<h3 id="watch-demo-title" class="text-xl font-bold text-white text-center">Try Mewayz — Live</h3>
<p class="text-white/70 text-sm">Get a real sandbox with sample data — no signup needed</p>
</div>
</div>
<button type="button" @click="close()" class="bg-white/10 border border-white/20 rounded-lg w-9 h-9 flex items-center justify-center text-white/80 hover:bg-white/20 hover:text-white transition-all" aria-label="Close">
<i class="ph ph-x" style="font-size: 20px;"></i>
</button>
</div>
<div class="p-6 md:p-8">
<p class="text-white/80 text-center text-sm mb-6">130+ modules across 8 categories — here's what you get from day one.</p>
<div class="grid grid-cols-2 sm:grid-cols-4 gap-3 mb-6">
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-storefront text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">Online Store</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-graduation-cap text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">Courses</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-calendar-check text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">Booking</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-currency-dollar text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">Invoicing</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-users-three text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">CRM</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-chart-line-up text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">Analytics</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-robot text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">AI Workflows</span>
</div>
<div class="flex flex-col items-center gap-2 p-3 rounded-xl border border-white/10 bg-white/5">
<i class="ph ph-link text-blue-400" style="font-size: 24px;" aria-hidden="true"></i>
<span class="text-white/90 text-xs font-medium text-center">Link-in-Bio</span>
</div>
</div>
<div class="rounded-xl border border-blue-500/20 bg-blue-500/5 p-5 mb-6">
<div class="flex items-start gap-3">
<i class="ph ph-game-controller text-blue-400 mt-0.5" style="font-size: 22px;" aria-hidden="true"></i>
<div>
<p class="text-white font-semibold text-sm mb-1">Interactive sandbox — no signup needed</p>
<p class="text-white/60 text-xs mb-3">Get a fully functional environment with sample data. Explore CRM, invoicing, courses, and all 130+ modules. Your sandbox stays live for 24 hours.</p>
<a href="https://app.mewayz.com/demo"
class="inline-flex items-center gap-2 px-6 py-3 rounded-full bg-white text-black font-semibold text-sm hover:bg-gray-100 transition-all shadow-lg shadow-white/20"
@click="close()">
<i class="ph ph-play-circle" style="font-size: 18px;" aria-hidden="true"></i>
Start Live Demo
</a>
</div>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="/en/free-trial" class="inline-flex items-center justify-center gap-2 px-8 py-4 rounded-full border border-white/20 bg-white/5 text-white font-semibold hover:bg-white/10 hover:border-white/30 transition-all">
Start Free Account
<i class="ph ph-arrow-right" style="font-size: 18px;" aria-hidden="true"></i>
</a>
<button type="button" @click="$dispatch('open-modal', 'schedule-demo-modal'); close()" class="inline-flex items-center justify-center gap-2 px-8 py-4 rounded-full border border-white/20 bg-white/5 text-white font-semibold hover:bg-white/10 hover:border-white/30 transition-all">
<i class="ph ph-calendar-check" style="font-size: 18px;" aria-hidden="true"></i>
Schedule Live Call
</button>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('watchDemoModal', () => ({
open: false,
init() {
window.addEventListener('open-modal', (e) => {
if (e.detail === 'watch-demo-modal') {
this.open = true;
document.body.style.overflow = 'hidden';
if (typeof gtag !== 'undefined') gtag('event', 'modal_open', { event_category: 'Modal', event_label: 'watch_demo' });
if (typeof plausible !== 'undefined') plausible('Modal_Open', { props: { modal: 'watch_demo' } });
}
});
window.addEventListener('close-modal', (e) => {
if (!e.detail || e.detail === 'watch-demo-modal') {
this.close();
}
});
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && this.open) {
this.close();
}
});
},
close() {
this.open = false;
document.body.style.overflow = '';
if (typeof gtag !== 'undefined') gtag('event', 'modal_close', { event_category: 'Modal', event_label: 'watch_demo' });
}
}));
});
</script>
<div x-data="scheduleDemoModal" class="schedule-demo-modal-container">
<div class="schedule-demo-modal-overlay" @click="close()" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>
<div class="schedule-demo-modal" role="dialog" aria-modal="true" aria-labelledby="schedule-demo-title" @keydown.escape.window="if (open) close()" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" x-cloak style="display: none;">
<div class="schedule-demo-modal-header">
<div class="flex items-center gap-3">
<div class="h-12 w-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
<i class="ph ph-calendar-check text-white" style="font-size: 24px;"></i>
</div>
<div>
<h3 id="schedule-demo-title" class="schedule-demo-modal-title">Schedule a Demo</h3>
<p class="schedule-demo-modal-subtitle">Book a personalized demo with our team</p>
</div>
</div>
<button type="button" @click="close()" class="schedule-demo-modal-close" aria-label="Close">
<i class="ph ph-x"></i>
</button>
</div>
<div class="schedule-demo-modal-content">
<form @submit.prevent="submitForm()" class="schedule-demo-form">
<div class="schedule-demo-form-group">
<label for="demo-name" class="schedule-demo-label">Full Name *</label>
<input
type="text"
id="demo-name"
x-model="formData.name"
required
class="schedule-demo-input"
placeholder="Enter your full name"
>
</div>
<div class="schedule-demo-form-group">
<label for="demo-email" class="schedule-demo-label">Email Address *</label>
<input
type="email"
id="demo-email"
x-model="formData.email"
required
class="schedule-demo-input"
placeholder="Enter your email address"
>
</div>
<div class="schedule-demo-form-group">
<label for="demo-company" class="schedule-demo-label">Company Name</label>
<input
type="text"
id="demo-company"
x-model="formData.company"
class="schedule-demo-input"
placeholder="Enter your company name (optional)"
>
</div>
<div class="schedule-demo-form-group" x-data="{ showScheduling: false }">
<button type="button" @click="showScheduling = !showScheduling" class="text-sm text-blue-400 hover:text-blue-300 transition-colors flex items-center gap-1 mb-2">
<i class="ph" :class="showScheduling ? 'ph-caret-down' : 'ph-caret-right'" style="font-size: 14px;"></i>
Pick a preferred time (optional)
</button>
<div x-show="showScheduling" x-collapse class="space-y-4">
<div>
<label for="demo-date" class="schedule-demo-label">Preferred Date</label>
<input type="date" id="demo-date" x-model="formData.date" min="2026-04-08" class="schedule-demo-input">
</div>
<div>
<label for="demo-time" class="schedule-demo-label">Preferred Time</label>
<select id="demo-time" x-model="formData.time" class="schedule-demo-input">
<option value="">Any time works</option>
<option value="09:00">09:00 - 10:00</option>
<option value="10:00">10:00 - 11:00</option>
<option value="11:00">11:00 - 12:00</option>
<option value="13:00">13:00 - 14:00</option>
<option value="14:00">14:00 - 15:00</option>
<option value="15:00">15:00 - 16:00</option>
<option value="16:00">16:00 - 17:00</option>
</select>
</div>
</div>
<input type="hidden" x-model="formData.timezone">
</div>
<div class="schedule-demo-form-group">
<label for="demo-message" class="schedule-demo-label">Message</label>
<textarea
id="demo-message"
x-model="formData.message"
rows="4"
class="schedule-demo-input"
placeholder="Tell us what you would like to see in the demo (optional)"
></textarea>
</div>
<div x-show="formSubmitted" class="schedule-demo-success">
<i class="ph ph-check-circle text-green-400" style="font-size: 24px;"></i>
<p>Thank you! We'll contact you soon to confirm your demo.</p>
</div>
<div x-show="formError" class="schedule-demo-error">
<i class="ph ph-warning-circle text-red-400" style="font-size: 24px;"></i>
<p>Something went wrong. Please try again or contact us directly.</p>
</div>
</form>
</div>
<div class="schedule-demo-modal-footer">
<div class="flex gap-4">
<button type="button" class="inline-flex items-center justify-center font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/20 disabled:pointer-events-none disabled:opacity-50 rounded-full group relative overflow-hidden whitespace-nowrap border border-white/20 bg-white/5 backdrop-blur-xl text-white hover:bg-white/10 hover:border-white/30 min-h-[44px] min-w-[44px] px-8 py-6 text-lg font-semibold flex-1" @click="close()">
<span class="relative z-10 flex items-center">Cancel</span>
<div class="absolute inset-0 -top-2 -bottom-2 bg-gradient-to-r from-transparent via-white/20 to-transparent skew-x-12 -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-out"></div>
</button>
<button type="button" class="inline-flex items-center justify-center font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/20 disabled:pointer-events-none disabled:opacity-50 rounded-full group relative overflow-hidden whitespace-nowrap bg-white text-black hover:bg-gray-100 min-h-[44px] min-w-[44px] px-8 py-6 text-lg shadow-2xl shadow-white/25 font-semibold flex-1" @click="submitForm()" x-bind:disabled="submitting">
<span class="relative z-10 flex items-center"><span x-show="!submitting">Schedule Demo</span>
<span x-show="submitting" class="flex items-center gap-2">
<i class="ph ph-spinner animate-spin"></i>
Scheduling...
</span></span>
<div class="absolute inset-0 -top-2 -bottom-2 bg-gradient-to-r from-transparent via-white/20 to-transparent skew-x-12 -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-out"></div>
</button>
</div>
</div>
</div>
</div>
<style>
.schedule-demo-modal-container {
position: relative;
z-index: 350;
}
.schedule-demo-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(8px);
z-index: 349;
}
.schedule-demo-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(to bottom, rgba(17, 24, 39, 0.95), rgba(0, 0, 0, 0.98));
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
max-width: 600px;
width: 90%;
max-height: 90vh;
overflow: hidden;
z-index: 350;
display: flex;
flex-direction: column;
backdrop-filter: blur(20px);
}
.schedule-demo-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: linear-gradient(to bottom, rgba(59, 130, 246, 0.1), transparent);
}
.schedule-demo-modal-title {
margin: 0;
font-size: 1.5rem;
font-weight: 700;
color: white;
}
.schedule-demo-modal-subtitle {
margin: 4px 0 0 0;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.7);
}
.schedule-demo-modal-close {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
transition: all 0.2s;
width: 36px;
height: 36px;
}
.schedule-demo-modal-close:hover {
background: rgba(255, 255, 255, 0.2);
color: white;
border-color: rgba(255, 255, 255, 0.3);
}
.schedule-demo-modal-content {
padding: 24px;
overflow-y: auto;
flex: 1;
}
.schedule-demo-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.schedule-demo-form-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.schedule-demo-label {
font-size: 0.875rem;
font-weight: 500;
color: rgba(255, 255, 255, 0.9);
}
.schedule-demo-input {
width: 100%;
padding: 12px 16px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
color: white;
font-size: 0.9375rem;
transition: all 0.2s;
}
.schedule-demo-input:focus {
outline: none;
border-color: rgba(59, 130, 246, 0.5);
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.schedule-demo-input::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.schedule-demo-input option {
background: #1a1f36;
color: white;
}
.schedule-demo-success,
.schedule-demo-error {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
border-radius: 12px;
margin-top: 8px;
}
.schedule-demo-success {
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.3);
color: rgba(255, 255, 255, 0.9);
}
.schedule-demo-error {
background: rgba(239, 68, 68, 0.1);
border: 1px solid rgba(239, 68, 68, 0.3);
color: rgba(255, 255, 255, 0.9);
}
.schedule-demo-modal-footer {
padding: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: linear-gradient(to top, rgba(59, 130, 246, 0.05), transparent);
}
[x-cloak] {
display: none !important;
}
</style>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('scheduleDemoModal', () => ({
open: false,
submitting: false,
formSubmitted: false,
formError: false,
formData: {
name: '',
email: '',
company: '',
date: '',
time: '',
timezone: '',
message: '',
utm_source: '',
page_context: '',
vertical: ''
},
init() {
// Auto-detect user's timezone
try { this.formData.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone; } catch(e) {}
// Capture UTM and page context
const params = new URLSearchParams(window.location.search);
this.formData.utm_source = params.get('utm_source') || '';
this.formData.page_context = window.location.pathname;
const path = window.location.pathname.replace(/^\/[a-z]{2}\//, '/');
const verticalMatch = path.match(/\/(crm|invoicing|hr|helpdesk|inventory|projects|booking|analytics|proposals|social|marketing|email|contracts)/);
this.formData.vertical = verticalMatch ? verticalMatch[1] : '';
// Listen for open schedule demo modal event
window.addEventListener('open-modal', (e) => {
if (e.detail === 'schedule-demo-modal') {
this.open = true;
document.body.style.overflow = 'hidden';
if (typeof gtag !== 'undefined') gtag('event', 'modal_open', { event_category: 'Modal', event_label: 'schedule_demo' });
if (typeof plausible !== 'undefined') plausible('Modal_Open', { props: { modal: 'schedule_demo' } });
}
});
// Listen for close modal event
window.addEventListener('close-modal', (e) => {
if (!e.detail || e.detail === 'schedule-demo-modal') {
this.close();
}
});
// Close on Escape key
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && this.open) {
this.close();
}
});
},
async submitForm() {
this.submitting = true;
this.formError = false;
this.formSubmitted = false;
try {
const response = await fetch('/api/demo-request', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
},
body: JSON.stringify(this.formData),
});
if (!response.ok) throw new Error('Request failed');
this.formSubmitted = true;
// Fire conversion events on successful demo booking
try {
if (typeof gtag !== 'undefined') {
gtag('event', 'demo_request', { event_category: 'Lead', event_label: 'schedule_demo', value: 10, currency: 'USD' });
gtag('event', 'demo_request_submit', { event_category: 'Lead', event_label: 'schedule_demo' });
gtag('event', 'generate_lead', { event_category: 'Demo', event_label: 'schedule_demo', value: 10 });
gtag('event', 'conversion', { send_to: 'AW-17998096135/iMDQCIax7oMcEIfOlIZD', value: 10.0, currency: 'USD' });
}
if (typeof plausible !== 'undefined') plausible('Demo_Request_Submit');
if (typeof plausible !== 'undefined') plausible('Demo_Booked', { props: { source: 'schedule_demo_modal' } });
if (typeof fbq !== 'undefined') fbq('track', 'Lead', { content_name: 'demo_booking' });
} catch(e) {}
setTimeout(() => {
this.close();
}, 3000);
} catch (error) {
this.formError = true;
} finally {
this.submitting = false;
}
},
close() {
this.open = false;
document.body.style.overflow = '';
if (typeof gtag !== 'undefined') gtag('event', 'modal_close', { event_category: 'Modal', event_label: 'schedule_demo' });
// Reset form after a delay to allow animation
setTimeout(() => {
var tz = this.formData.timezone;
var utmSrc = this.formData.utm_source;
var pageCtx = this.formData.page_context;
var vert = this.formData.vertical;
this.formData = {
name: '',
email: '',
company: '',
date: '',
time: '',
timezone: tz,
message: '',
utm_source: utmSrc,
page_context: pageCtx,
vertical: vert
};
this.formSubmitted = false;
this.formError = false;
}, 300);
}
}));
});
</script>
<div x-data="contactModal" class="contact-modal-container">
<div class="contact-modal-overlay" @click="close()" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" style="display: none;"></div>
<div class="contact-modal" x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" x-cloak style="display: none;">
<div class="contact-modal-header">
<div class="flex items-center gap-3">
<div class="h-12 w-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center">
<i class="ph ph-envelope text-white" style="font-size: 24px;"></i>
</div>
<div>
<h3 class="contact-modal-title">Contact Us</h3>
<p class="contact-modal-subtitle">Get in touch with our team</p>
</div>
</div>
<button type="button" @click="close()" class="contact-modal-close" aria-label="Close">
<i class="ph ph-x"></i>
</button>
</div>
<div class="contact-modal-content">
<form @submit.prevent="submitForm()" class="contact-form">
<div class="contact-form-group">
<label for="contact-name" class="contact-label">Full Name *</label>
<input
type="text"
id="contact-name"
x-model="formData.name"
required
class="contact-input"
placeholder="Enter your full name"
>
</div>
<div class="contact-form-group">
<label for="contact-email" class="contact-label">Email Address *</label>
<input
type="email"
id="contact-email"
x-model="formData.email"
required
class="contact-input"
placeholder="Enter your email address"
>
</div>
<div class="contact-form-group">
<label for="contact-subject" class="contact-label">Subject *</label>
<select
id="contact-subject"
x-model="formData.subject"
required
class="contact-input"
>
<option value="">Select a subject...</option>
<option value="general">General Inquiry</option>
<option value="sales">Sales & Partnership</option>
<option value="white-label">White-Label Program</option>
<option value="support">Support</option>
<option value="career">Career Opportunity</option>
<option value="other">Other</option>
</select>
</div>
<div class="contact-form-group">
<label for="contact-message" class="contact-label">Message *</label>
<textarea
id="contact-message"
x-model="formData.message"
rows="4"
required
class="contact-input"
placeholder="Enter your message"
></textarea>
</div>
<div x-show="formSubmitted" class="contact-success">
<i class="ph ph-check-circle text-green-400" style="font-size: 24px;"></i>
<p>Thank you! We'll get back to you soon.</p>
</div>
<div x-show="formError" class="contact-error">
<i class="ph ph-warning-circle text-red-400" style="font-size: 24px;"></i>
<p>Something went wrong. Please try again or contact us directly.</p>
</div>
</form>
</div>
<div class="contact-modal-footer">
<div class="flex gap-4">
<button type="button" class="inline-flex items-center justify-center font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/20 disabled:pointer-events-none disabled:opacity-50 rounded-full group relative overflow-hidden whitespace-nowrap border border-white/20 bg-white/5 backdrop-blur-xl text-white hover:bg-white/10 hover:border-white/30 min-h-[44px] min-w-[44px] px-8 py-6 text-lg font-semibold flex-1" @click="close()">
<span class="relative z-10 flex items-center">Cancel</span>
<div class="absolute inset-0 -top-2 -bottom-2 bg-gradient-to-r from-transparent via-white/20 to-transparent skew-x-12 -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-out"></div>
</button>
<button type="button" class="inline-flex items-center justify-center font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/20 disabled:pointer-events-none disabled:opacity-50 rounded-full group relative overflow-hidden whitespace-nowrap bg-white text-black hover:bg-gray-100 min-h-[44px] min-w-[44px] px-8 py-6 text-lg shadow-2xl shadow-white/25 font-semibold flex-1" @click="submitForm()" x-bind:disabled="submitting">
<span class="relative z-10 flex items-center"><span x-show="!submitting">Send Message</span>
<span x-show="submitting" class="flex items-center gap-2">
<i class="ph ph-spinner animate-spin"></i>
Sending...
</span></span>
<div class="absolute inset-0 -top-2 -bottom-2 bg-gradient-to-r from-transparent via-white/20 to-transparent skew-x-12 -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-out"></div>
</button>
</div>
</div>
</div>
</div>
<style>
.contact-modal-container {
position: relative;
z-index: 9999;
}
.contact-modal-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(8px);
z-index: 9998;
}
.contact-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(to bottom, rgba(17, 24, 39, 0.95), rgba(0, 0, 0, 0.98));
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 24px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
max-width: 600px;
width: 90%;
max-height: 90vh;
overflow: hidden;
z-index: 9999;
display: flex;
flex-direction: column;
backdrop-filter: blur(20px);
}
.contact-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: linear-gradient(to bottom, rgba(59, 130, 246, 0.1), transparent);
}
.contact-modal-title {
margin: 0;
font-size: 1.5rem;
font-weight: 700;
color: white;
}
.contact-modal-subtitle {
margin: 4px 0 0 0;
font-size: 0.875rem;
color: rgba(255, 255, 255, 0.7);
}
.contact-modal-close {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
transition: all 0.2s;
width: 36px;
height: 36px;
}
.contact-modal-close:hover {
background: rgba(255, 255, 255, 0.2);
color: white;
border-color: rgba(255, 255, 255, 0.3);
}
.contact-modal-content {
padding: 24px;
overflow-y: auto;
flex: 1;
}
.contact-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-form-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.contact-label {
font-size: 0.875rem;
font-weight: 500;
color: rgba(255, 255, 255, 0.9);
}
.contact-input {
width: 100%;
padding: 12px 16px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 12px;
color: white;
font-size: 0.9375rem;
transition: all 0.2s;
}
.contact-input:focus {
outline: none;
border-color: rgba(59, 130, 246, 0.5);
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.contact-input::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.contact-input option {
background: #1a1a1a !important;
color: white !important;
}
.contact-success,
.contact-error {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
border-radius: 12px;
margin-top: 8px;
}
.contact-success {
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.3);
color: rgba(255, 255, 255, 0.9);
}
.contact-error {
background: rgba(239, 68, 68, 0.1);
border: 1px solid rgba(239, 68, 68, 0.3);
color: rgba(255, 255, 255, 0.9);
}
.contact-modal-footer {
padding: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: linear-gradient(to top, rgba(59, 130, 246, 0.05), transparent);
}
[x-cloak] {
display: none !important;
}
</style>
<script>
document.addEventListener('alpine:init', () => {
Alpine.data('contactModal', () => ({
open: false,
submitting: false,
formSubmitted: false,
formError: false,
formData: {
name: '',
email: '',
subject: '',
message: '',
utm_source: '',
page_context: '',
vertical: ''
},
init() {
// Capture UTM and page context
const params = new URLSearchParams(window.location.search);
this.formData.utm_source = params.get('utm_source') || '';
this.formData.page_context = window.location.pathname;
const path = window.location.pathname.replace(/^\/[a-z]{2}\//, '/');
const verticalMatch = path.match(/\/(crm|invoicing|hr|helpdesk|inventory|projects|booking|analytics|proposals|social|marketing|email|contracts)/);
this.formData.vertical = verticalMatch ? verticalMatch[1] : '';
// Pre-select subject based on current page
if (path.includes('white-label')) {
this.formData.subject = 'white-label';
} else if (path.includes('pricing') || path.includes('enterprise')) {
this.formData.subject = 'sales';
} else {
this.formData.subject = 'general';
}
// Listen for open contact modal event
window.addEventListener('open-modal', (e) => {
if (e.detail === 'contact-modal') {
this.open = true;
document.body.style.overflow = 'hidden';
}
});
// Listen for close modal event
window.addEventListener('close-modal', (e) => {
if (!e.detail || e.detail === 'contact-modal') {
this.close();
}
});
// Close on Escape key
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && this.open) {
this.close();
}
});
},
async submitForm() {
this.submitting = true;
this.formError = false;
this.formSubmitted = false;
try {
const csrfToken = document.querySelector('meta[name="csrf-token"]')?.getAttribute('content');
const response = await fetch('/api/contact', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
'X-CSRF-TOKEN': csrfToken || '',
},
body: JSON.stringify({
name: this.formData.name,
email: this.formData.email,
subject: this.formData.subject,
message: this.formData.message,
page: window.location.pathname,
utm_source: this.formData.utm_source,
page_context: this.formData.page_context,
vertical: this.formData.vertical,
}),
});
if (!response.ok) throw new Error('Submission failed');
this.formSubmitted = true;
// GA4: track lead
if (typeof gtag === 'function') {
gtag('event', 'generate_lead', {
event_category: 'Contact',
event_label: this.formData.subject || 'General',
value: 1,
});
}
setTimeout(() => { this.close(); }, 3000);
} catch (error) {
this.formError = true;
} finally {
this.submitting = false;
}
},
close() {
this.open = false;
document.body.style.overflow = '';
// Reset form after a delay to allow animation
setTimeout(() => {
this.formData = {
name: '',
email: '',
subject: '',
message: '',
utm_source: this.formData.utm_source,
page_context: this.formData.page_context,
vertical: this.formData.vertical
};
this.formSubmitted = false;
this.formError = false;
}, 300);
}
}));
});
</script>
<div
x-data="{
show: false,
init() {
window.addEventListener('scroll', () => {
this.show = window.scrollY > 600;
}, { passive: true });
}
}"
x-show="show"
x-cloak
x-effect="$dispatch('sticky-cta-toggle', { visible: show })"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 -translate-y-full"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 -translate-y-full"
class="fixed top-0 left-0 right-0 z-40 hidden md:block"
style="display:none"
>
<div class="bg-black/95 backdrop-blur-lg border-b border-white/10" style="height: 48px;">
<div class="mx-auto max-w-7xl h-full flex items-center justify-between px-4 lg:px-6">
<div class="flex items-center gap-3">
<span class="font-bold text-white text-sm">Try Mewayz</span>
<span class="text-white/40">|</span>
<span class="text-white/50 text-sm">All features unlocked. No credit card.</span>
</div>
<div class="flex items-center gap-3">
<a href="https://mewayz.cloud/en/demo"
class="px-5 py-1.5 rounded-lg bg-white text-black text-sm font-bold hover:bg-gray-100 transition whitespace-nowrap"
onclick="if(typeof gtag==='function')gtag('event','demo_request',{event_category:'CTA',event_label:'desktop_sticky'});if(typeof plausible==='function')plausible('Demo_Click',{props:{location:'desktop_sticky'}});">
Try Demo
</a>
</div>
</div>
</div>
</div>
<div x-data="{ show: false, cookieVisible: false }"
x-init="
window.addEventListener('scroll', () => { show = window.scrollY > 300 }, { passive: true });
cookieVisible = !!document.querySelector('[data-cookie-consent]') && !localStorage.getItem('cookie_consent');
const obs = new MutationObserver(() => { cookieVisible = !!document.querySelector('[data-cookie-consent]:not([style*="display: none"]):not([style*="display:none"])'); });
obs.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style'] });
"
x-show="show && !cookieVisible"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="translate-y-full opacity-0"
x-transition:enter-end="translate-y-0 opacity-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="translate-y-0 opacity-100"
x-transition:leave-end="translate-y-full opacity-0"
class="fixed bottom-0 inset-x-0 z-50 md:hidden"
style="display:none; padding-bottom: env(safe-area-inset-bottom, 0px);">
<div class="bg-black/95 backdrop-blur-lg border-t border-white/10 px-4 py-3 flex items-center justify-between gap-3">
<div class="text-xs text-white/70 flex-shrink-0">
<span class="font-bold text-white">Start Free</span>
<span class="block text-[10px]">No credit card</span>
</div>
<div class="flex gap-2">
<a href="https://mewayz.cloud/en/demo"
class="px-3 py-2 rounded-lg border border-white/20 text-white text-xs font-medium hover:bg-white/10 transition whitespace-nowrap"
onclick="if(typeof gtag==='function')gtag('event','demo_request',{event_category:'CTA',event_label:'mobile_sticky'});if(typeof plausible==='function')plausible('Demo_Click',{props:{location:'mobile_sticky'}});">
Demo
</a>
<a href="/en/free-trial?utm_source=mobile_sticky&utm_medium=cta_bar&utm_campaign=trial"
class="px-4 py-2 rounded-lg bg-white text-black text-xs font-bold hover:bg-gray-100 transition whitespace-nowrap"
onclick="if(typeof gtag==='function'){gtag('event','free_trial_start',{event_category:'Conversion',event_label:'mobile_sticky'});gtag('event','sticky_cta_click',{event_category:'CTA',event_label:'mobile_sticky'});}if(typeof plausible==='function'){plausible('Free_Trial_Start',{props:{source:'mobile_sticky'}});plausible('Sticky_CTA_Click',{props:{location:'mobile_sticky'}});}">
Sign Up
</a>
</div>
</div>
</div>
<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"dJmnQkTTnduP7Iih0HYOjPNXkjAMYiHyNU9rBxrB","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
<link rel="preload" as="style" href="/build/assets/vendor-4f33a8f0.css" /><link rel="modulepreload" href="/build/assets/yenaWire-0eb0c3a4.js" /><link rel="modulepreload" href="/build/assets/vendor-8c6feac7.js" /><link rel="modulepreload" href="/build/assets/vendor-alpine-9e107fd1.js" /><link rel="stylesheet" href="/build/assets/vendor-4f33a8f0.css" data-navigate-track="reload" /><script type="module" src="/build/assets/yenaWire-0eb0c3a4.js" data-navigate-track="reload"></script>
<div
x-data="{
show: false,
email: '',
submitted: false,
error: '',
init() {
let fired = false;
const startTime = Date.now();
const minTime = 15000;
const storageKey = 'mewayz_exit_dismissed';
if (localStorage.getItem(storageKey)) return;
if (sessionStorage.getItem('modal_shown')) return;
// Don't fire if organic or ad exit-intent already dismissed recently
const orgDismissed = localStorage.getItem('organic_exit_dismissed');
if (orgDismissed && (Date.now() - parseInt(orgDismissed)) < 7 * 24 * 60 * 60 * 1000) return;
if (localStorage.getItem('exit_intent_adlanding_dismissed')) return;
const isDeeplyEngaged = () => {
const scrollPct = window.scrollY / (document.documentElement.scrollHeight - window.innerHeight);
return scrollPct > 0.75;
};
document.addEventListener('mouseleave', (e) => {
if (e.clientY <= 0 && !fired && (Date.now() - startTime) > minTime && !sessionStorage.getItem('modal_shown') && !isDeeplyEngaged()) {
fired = true;
this.show = true;
sessionStorage.setItem('modal_shown', '1');
}
}, { once: true });
document.addEventListener('visibilitychange', () => {
if (document.hidden && !fired && (Date.now() - startTime) > 30000 && !sessionStorage.getItem('modal_shown') && !isDeeplyEngaged()) {
fired = true;
this.show = true;
sessionStorage.setItem('modal_shown', '1');
}
});
},
dismiss() {
this.show = false;
localStorage.setItem('mewayz_exit_dismissed', '1');
},
async submit() {
if (!this.email || !this.email.includes('@')) {
this.error = 'Please enter a valid email address.';
return;
}
this.error = '';
try {
fetch('/newsletter/subscribe', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]')?.content || '' },
body: JSON.stringify({ email: this.email, source: 'exit_intent', page: window.location.pathname })
}).catch(() => {});
if (typeof gtag !== 'undefined') gtag('event', 'generate_lead', { event_category: 'ExitIntent', event_label: 'email_capture' });
if (typeof plausible !== 'undefined') plausible('ExitIntent_Lead', { props: { page: window.location.pathname } });
this.submitted = true;
localStorage.setItem('mewayz_exit_dismissed', '1');
} catch (e) {
this.error = 'Something went wrong. Please try again.';
}
}
}"
x-show="show"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
class="fixed inset-0 z-[9000] flex items-center justify-center p-4"
style="display: none;"
@keydown.escape.window="dismiss()"
>
<div class="absolute inset-0 bg-black/60 backdrop-blur-sm" @click="dismiss()"></div>
<div class="relative w-full max-w-md bg-gradient-to-br from-gray-900 to-gray-800 border border-white/10 rounded-2xl p-6 shadow-2xl" x-show="show" x-transition:enter="transition ease-out duration-300 delay-100" x-transition:enter-start="opacity-0 scale-95 translate-y-4" x-transition:enter-end="opacity-100 scale-100 translate-y-0">
<button @click="dismiss()" class="absolute top-3 right-3 text-white/40 hover:text-white transition-colors" aria-label="Close">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
</button>
<template x-if="!submitted">
<div>
<div class="flex items-center gap-2 mb-3">
<div class="flex items-center justify-center w-10 h-10 rounded-xl bg-indigo-500/20 border border-indigo-500/30">
<i class="ph ph-rocket-launch text-indigo-400" style="font-size: 20px;"></i>
</div>
<div>
<h3 class="text-lg font-bold text-white">Wait — don't leave empty-handed!</h3>
</div>
</div>
<p class="text-sm text-white/70 mb-4">
Get weekly insights on business automation, growth tactics, and industry trends.
</p>
<div class="space-y-2">
<input x-model="email" type="email" placeholder="Your email address" class="w-full px-4 py-3 rounded-xl bg-white/10 border border-white/20 text-white placeholder-white/40 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent" @keydown.enter="submit()">
<p x-show="error" x-text="error" class="text-xs text-red-400"></p>
<button @click="submit()" class="w-full px-4 py-3 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white font-semibold text-sm transition-colors">Send me the guide</button>
</div>
<div class="flex items-center gap-3 mt-3">
<div class="flex-1 h-px bg-white/10"></div>
<span class="text-xs text-white/30">or</span>
<div class="flex-1 h-px bg-white/10"></div>
</div>
<a href="/en/free-trial" @click="dismiss()" class="block w-full px-4 py-3 rounded-xl border border-white/20 text-white/70 hover:text-white hover:border-white/40 font-medium text-sm transition-colors text-center">Start free — no credit card needed →</a>
<p class="text-xs text-white/40 mt-2 text-center">No spam. Unsubscribe anytime.</p>
</div>
</template>
<template x-if="submitted">
<div class="text-center py-4">
<div class="flex items-center justify-center w-14 h-14 rounded-full bg-green-500/20 border border-green-500/30 mx-auto mb-3">
<i class="ph ph-check-circle text-green-400" style="font-size: 28px;"></i>
</div>
<h3 class="text-lg font-bold text-white mb-1">Check your inbox!</h3>
<p class="text-sm text-white/70">We'll send the guide to your email shortly.</p>
<a href="/en/free-trial" class="inline-block mt-4 px-6 py-2.5 rounded-xl bg-indigo-600 hover:bg-indigo-500 text-white font-semibold text-sm transition-colors">Or start free now →</a>
</div>
</template>
</div>
</div>
<div x-data="{
show: false,
init() {
var consent = localStorage.getItem('cookie_consent');
if (!consent) {
setTimeout(() => this.show = true, 1500);
} else if (consent === 'all') {
this.enableTracking();
}
},
accept() {
localStorage.setItem('cookie_consent', 'all');
this.show = false;
this.enableTracking();
},
acceptEssential() {
localStorage.setItem('cookie_consent', 'essential');
this.show = false;
},
enableTracking() {
if (typeof gtag === 'function') {
gtag('consent', 'update', {
analytics_storage: 'granted',
ad_storage: 'granted',
ad_user_data: 'granted',
ad_personalization: 'granted',
});
}
}
}" x-show="show" x-cloak
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0 translate-y-4"
data-cookie-consent
class="fixed bottom-0 left-0 right-0 z-[500] p-4 md:p-6"
role="dialog"
aria-label="Cookie consent"
>
<div class="mx-auto max-w-4xl rounded-2xl border border-white/10 bg-gray-900/95 backdrop-blur-xl p-5 md:p-6 shadow-2xl">
<div class="flex flex-col md:flex-row md:items-center gap-4">
<div class="flex-1">
<p class="text-sm text-white/80 leading-relaxed">
We use cookies to improve your experience and analyze site traffic.
<a href="/en/cookie-policy" class="text-indigo-400 hover:text-indigo-300 underline underline-offset-2">Cookie Policy</a>
</p>
</div>
<div class="flex items-center gap-3 flex-shrink-0">
<button @click="acceptEssential()" class="rounded-lg border border-white/20 px-4 py-2 text-sm font-medium text-white/70 hover:bg-white/10 transition">
Essential Only
</button>
<button @click="accept()" class="rounded-lg bg-indigo-600 px-5 py-2 text-sm font-semibold text-white hover:bg-indigo-500 transition shadow-lg shadow-indigo-500/20">
Accept All
</button>
</div>
</div>
</div>
</div>
<style>
.woot-widget-bubble, .woot--bubble-holder, .woot-widget-holder, .woot-widget-modal, .woot--bubble-holder *, #cw-widget-holder { z-index: 199 !important; }
@media (max-width: 767px) {
.woot-widget-bubble, .woot--bubble-holder { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; transition: opacity 0.3s ease !important; }
.woot-widget-holder { bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important; }
}
</style>
<script>
(function(){
function loadChatwoot(){
var BASE_URL = 'https://chat.mewayz.com';
var d=document,g=d.createElement('script');
g.src=BASE_URL+'/packs/js/sdk.js';
g.defer=true;
g.async=true;
d.body.appendChild(g);
g.onload=function(){
window.chatwootSettings = {
locale: document.documentElement.lang || 'en'
};
window.chatwootSDK.run({
websiteToken: 'SRSeArWur9qGuHNMpCzWnWRi',
baseUrl: BASE_URL
});
};
}
if(document.readyState==='complete'){setTimeout(loadChatwoot,3000);}
else{window.addEventListener('load',function(){setTimeout(loadChatwoot,3000);});}
})();
</script>
<div id="vapi-widget" style="position:fixed;bottom:90px;right:24px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px;">
<!-- Main call button -->
<div style="position:relative;">
<button id="vapi-call-btn" onclick="vapiToggleCall()" style="width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.15);background:linear-gradient(135deg,#22c55e,#059669);color:#fff;transition:all .3s;" title="Talk to Mewayz AI">
<svg id="vapi-phone-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
</button>
<span id="vapi-pulse" style="display:none;position:absolute;inset:0;border-radius:50%;background:rgba(34,197,94,.3);animation:vapi-ping 1.5s cubic-bezier(0,0,.2,1) infinite;pointer-events:none;"></span>
</div>
<!-- Tooltip -->
<div id="vapi-tooltip" style="display:none;position:absolute;bottom:100%;left:0;margin-bottom:8px;padding:6px 12px;border-radius:8px;background:#111827;color:#fff;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.15);">
Talk to Mewayz AI
</div>
</div>
<!-- Call modal overlay -->
<div id="vapi-modal" style="display:none;position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);align-items:center;justify-content:center;">
<div style="width:320px;border-radius:20px;overflow:hidden;background:linear-gradient(to bottom, rgba(17,24,39,0.98), rgba(0,0,0,0.99));border:1px solid rgba(255,255,255,0.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);">
<!-- Modal header (changes color based on state) -->
<div id="vapi-modal-header" style="padding:28px 24px 20px;text-align:center;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.2));">
<div id="vapi-modal-icon" style="margin:0 auto 12px;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;">
<!-- Spinner (connecting) -->
<div id="vapi-spinner" style="width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:vapi-spin 1s linear infinite;"></div>
<!-- Phone icon (active) -->
<svg id="vapi-active-icon" style="display:none;" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
</div>
<p id="vapi-modal-title" style="margin:0;color:#fff;font-size:1.25rem;font-weight:700;">Connecting...</p>
<p id="vapi-modal-subtitle" style="margin:6px 0 0;color:rgba(255,255,255,.6);font-size:.875rem;">Setting up your voice call</p>
</div>
<!-- Modal body -->
<div style="padding:20px 24px 24px;">
<!-- Mute button (active state only) -->
<div id="vapi-modal-controls" style="display:none;margin-bottom:16px;display:flex;justify-content:center;">
<button id="vapi-modal-mute" onclick="vapiToggleMute()" style="display:none;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s;font-size:12px;font-weight:500;">
<svg id="vapi-modal-mic" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>
<span id="vapi-mute-label">Mute</span>
</button>
</div>
<!-- End call button -->
<button id="vapi-modal-end" onclick="vapiEndCall()" style="width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;background:#ef4444;border:none;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s;">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91"/><line x1="23" x2="1" y1="1" y2="23"/></svg>
End Call
</button>
</div>
</div>
</div>
<style>
@media (max-width: 767px) { #vapi-widget { bottom: 160px !important; right: 16px !important; } }
@keyframes vapi-ping {
75%, 100% { transform: scale(1.5); opacity: 0; }
}
@keyframes vapi-spin {
to { transform: rotate(360deg); }
}
#vapi-modal-end:hover { background: #dc2626; }
#vapi-modal-mute:hover { background: rgba(255,255,255,.1); }
</style>
<script data-cfasync="false">
(function() {
var vapiInstance = null;
var callActive = false;
var isMuted = false;
var callTimer = null;
var callSeconds = 0;
var btn = document.getElementById('vapi-call-btn');
var pulse = document.getElementById('vapi-pulse');
var tooltip = document.getElementById('vapi-tooltip');
var modal = document.getElementById('vapi-modal');
var modalHeader = document.getElementById('vapi-modal-header');
var modalTitle = document.getElementById('vapi-modal-title');
var modalSubtitle = document.getElementById('vapi-modal-subtitle');
var spinner = document.getElementById('vapi-spinner');
var activeIcon = document.getElementById('vapi-active-icon');
var modalMute = document.getElementById('vapi-modal-mute');
var muteLabel = document.getElementById('vapi-mute-label');
btn.addEventListener('mouseenter', function() { if (!callActive) tooltip.style.display = 'block'; });
btn.addEventListener('mouseleave', function() { tooltip.style.display = 'none'; });
function hideChatwoot() {
var cw = document.querySelector('.woot-widget-bubble, .woot--bubble-holder');
if (cw) cw.style.display = 'none';
}
function showChatwoot() {
var cw = document.querySelector('.woot-widget-bubble, .woot--bubble-holder');
if (cw) cw.style.display = '';
}
function showModal(state) {
modal.style.display = 'flex';
hideChatwoot();
if (state === 'connecting') {
modalHeader.style.background = 'linear-gradient(135deg,rgba(59,130,246,.3),rgba(139,92,246,.2))';
modalTitle.textContent = 'Connecting...';
modalSubtitle.textContent = 'Setting up your voice call';
spinner.style.display = 'block';
activeIcon.style.display = 'none';
modalMute.style.display = 'none';
} else {
modalHeader.style.background = 'linear-gradient(135deg,rgba(34,197,94,.3),rgba(16,185,129,.2))';
modalTitle.textContent = 'Mewayz AI Assistant';
spinner.style.display = 'none';
activeIcon.style.display = 'block';
modalMute.style.display = 'flex';
startTimer();
}
}
function hideModal() {
modal.style.display = 'none';
showChatwoot();
stopTimer();
}
function startTimer() {
callSeconds = 0;
updateTimerDisplay();
callTimer = setInterval(function() {
callSeconds++;
updateTimerDisplay();
}, 1000);
}
function stopTimer() {
if (callTimer) { clearInterval(callTimer); callTimer = null; }
callSeconds = 0;
}
function updateTimerDisplay() {
var m = Math.floor(callSeconds / 60);
var s = callSeconds % 60;
modalSubtitle.textContent = m + ':' + (s < 10 ? '0' : '') + s;
}
var sdkLoading = false;
function initVapiAndCall() {
vapiInstance = new window.Vapi('96d93a4c-83d7-437f-a484-db7c99b55fff');
vapiInstance.on('call-start', function() {
callActive = true;
btn.style.background = 'linear-gradient(135deg,#22c55e,#059669)';
btn.style.opacity = '1';
btn.disabled = false;
pulse.style.display = 'block';
showModal('active');
if (typeof gtag === 'function') gtag('event', 'vapi_call_start', { event_category: 'Voice_AI' });
});
vapiInstance.on('call-end', function() { resetUI(); });
vapiInstance.on('error', function(e) { console.error('Vapi error:', e); resetUI(); });
startVapiCall();
}
window.vapiToggleCall = async function() {
if (callActive) {
window.vapiEndCall();
return;
}
if (sdkLoading) return; // prevent double-click
showModal('connecting');
btn.style.opacity = '0.6';
btn.disabled = true;
try {
if (window.Vapi && !vapiInstance) {
// SDK already loaded (e.g. preloaded), just init
initVapiAndCall();
} else if (!vapiInstance) {
sdkLoading = true;
var script = document.createElement('script');
script.setAttribute('data-cfasync', 'false');
script.src = '/vendor/js/vapi-sdk-v2.js';
script.onload = function() {
sdkLoading = false;
if (!window.Vapi) {
console.error('Vapi SDK loaded but window.Vapi not found');
resetUI();
return;
}
initVapiAndCall();
};
script.onerror = function() {
sdkLoading = false;
console.error('Vapi SDK failed to load');
resetUI();
};
document.head.appendChild(script);
setTimeout(function() { if (!callActive) { sdkLoading = false; resetUI(); } }, 15000);
} else {
startVapiCall();
setTimeout(function() { if (!callActive) resetUI(); }, 15000);
}
} catch(e) {
sdkLoading = false;
console.error('Vapi error:', e);
resetUI();
}
};
window.vapiEndCall = async function() {
if (vapiInstance) { try { await vapiInstance.stop(); } catch(e){} }
resetUI();
};
function startVapiCall() {
vapiInstance.start({
model: {
provider: 'openai',
model: 'gpt-4o-mini',
messages: [{
role: 'system',
content: 'You are a sharp, high-converting sales agent for Mewayz — an all-in-one business management platform. VOICE RULES: Max 2 sentences per reply. Warm, confident, direct. Every response ends with a question or signup nudge. Never list more than 3 things at once. Never monologue. ' +
'SALES PLAYBOOK: 1) Ask what problem they need solved. 2) Mirror their pain back. 3) Position the specific Mewayz module as the fix. 4) Close: tell them to click the green Start Free Trial button on the page. Handle objections instantly: too expensive → free forever plan, no card; already use X → Mewayz replaces it plus connects everything; not ready → 14-day pro trial, zero risk; too complex → live in 2 minutes, guided setup wizard. ' +
'PLATFORM KNOWLEDGE — 5 module categories, 130+ modules total: ' +
'1) CRM & Sales: contact management, deal pipelines, lead scoring, referral tracking, activity timeline per contact, custom fields, bulk import. ' +
'2) Finance: invoicing with online payments (Stripe/PayPal), recurring billing, subscriptions, expense tracking, payment reminders, wallet system, donations, multi-currency support. ' +
'3) Online Presence: drag-and-drop website builder, link-in-bio pages, online store with POS, QR code generator, custom domains on paid plans, SEO tools. ' +
'4) Operations: HR management (staff, payroll, attendance, leave, time tracking), project management with Kanban boards, task management, team messenger, appointment booking with calendar sync, contracts and e-signatures, document management. ' +
'5) Marketing: email campaigns and newsletters, social media management and scheduling, content creation tools, marketing automation workflows, analytics and 50+ report types. ' +
'PRICING: Free plan — free forever, no credit card, includes CRM, invoicing, booking, link-in-bio, website builder. Starter — $49/mo ($490/year, save 2 months) — unlocks advanced features, custom domain, priority support. Pro — $99/mo — adds automation workflows, API access, team collaboration, more storage. Business — $199/mo — full platform, unlimited. Add-on modules available at $4.99/mo each. All paid plans include 14-day free pro trial and 30-day money-back guarantee. ' +
'WHITE-LABEL RESELLER: Agencies and consultants can resell Mewayz under their own brand, domain, and logo. Plans: WL Lite $99/mo, WL Starter $199/mo, WL Growth $399/mo, WL Agency $799/mo, WL Enterprise $1499/mo. Instant self-serve setup, live in minutes. Free Partner Academy teaches how to earn $2000+ MRR. ' +
'KEY SELLING POINTS: Replaces 10+ separate SaaS subscriptions (Salesforce, QuickBooks, Calendly, Mailchimp, Monday, etc). 25 languages supported. Used by agencies, freelancers, consultants, SMBs, nonprofits, healthcare, legal, education, real estate, ecommerce. Mobile-friendly. Real-time analytics. Helpdesk with ticketing system. ' +
'COMPETITOR RESPONSES: vs Zoho/Odoo → simpler, no implementation cost, free plan; vs HubSpot/Salesforce → fraction of the price, all modules included not upsold; vs Monday/Asana → includes CRM and invoicing they lack; vs QuickBooks/Xero → adds CRM, projects, HR they dont have; vs individual tools → one login, one bill, data flows between modules automatically. ' +
'SUPPORT: 24/7 AI chat support built in, help center with guides, email support, dedicated account manager on Business plan. ' +
'If asked something you dont know, say you can connect them with the team and suggest they start a free trial to explore themselves.'
}]
},
voice: { provider: '11labs', voiceId: 'sarah' },
firstMessage: 'Hey there! What business challenge can I help you solve today?',
transcriber: { provider: 'deepgram', model: 'nova-2' }
});
}
function resetUI() {
callActive = false;
isMuted = false;
btn.style.background = 'linear-gradient(135deg,#22c55e,#059669)';
btn.style.opacity = '1';
btn.disabled = false;
pulse.style.display = 'none';
hideModal();
}
window.vapiToggleMute = function() {
if (!vapiInstance) return;
isMuted = !isMuted;
vapiInstance.setMuted(isMuted);
muteLabel.textContent = isMuted ? 'Unmute' : 'Mute';
modalMute.style.background = isMuted ? 'rgba(239,68,68,.15)' : 'rgba(255,255,255,.05)';
modalMute.style.borderColor = isMuted ? 'rgba(239,68,68,.3)' : 'rgba(255,255,255,.1)';
modalMute.style.color = isMuted ? '#ef4444' : 'rgba(255,255,255,.7)';
};
// Close modal on Escape
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape' && callActive) window.vapiEndCall();
});
})();
</script>
<script>
(function(){
var ticking = false;
window.addEventListener('scroll', function() {
if (ticking) return;
ticking = true;
requestAnimationFrame(function() {
var scrollBottom = window.innerHeight + window.scrollY;
var docHeight = document.documentElement.scrollHeight;
var nearBottom = (docHeight - scrollBottom) < 200;
var bubble = document.querySelector('.woot-widget-bubble');
var vapi = document.getElementById('vapi-widget');
if (bubble) { bubble.style.opacity = nearBottom ? '0' : '1'; bubble.style.pointerEvents = nearBottom ? 'none' : 'auto'; }
if (vapi) { vapi.style.opacity = nearBottom ? '0' : '1'; vapi.style.pointerEvents = nearBottom ? 'none' : 'auto'; vapi.style.transition = 'opacity 0.3s ease'; }
ticking = false;
});
}, { passive: true });
})();
</script>
<script>
(function () {
function _getCookie(name) {
var m = document.cookie.match('(?:^|; )' + name + '=([^;]*)');
return m ? decodeURIComponent(m[1]) : null;
}
if (!_getCookie('mewayz_did')) {
var did = 'did_' + Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
var exp = new Date(Date.now() + 365 * 864e5).toUTCString();
document.cookie = 'mewayz_did=' + did + '; expires=' + exp + '; path=/; SameSite=Lax';
}
})();
</script>
<script>
document.addEventListener('alpine:init', function () {
Alpine.data('trialGate', function () {
return {
loading: false,
timedOut: false,
showModal: false,
email: '',
emailError: '',
emailEligible: null, // null = unchecked, true = eligible, false = not eligible
emailReason: null, // 'eligible' | 'email_exists' | null
emailChecking: false,
_lastCheckedEmail: '',
_getDid() {
var m = document.cookie.match('(?:^|; )mewayz_did=([^;]*)');
return m ? decodeURIComponent(m[1]) : '';
},
async gate(e) {
if (this.loading) return;
this.loading = true;
// ── Step 0: Check if the user is already logged in on app.mewayz.com ──
// If so, skip the modal entirely and send them straight to the plan page.
try {
const planSlug = this.$refs.checkoutForm?.querySelector('[name="plan"]')?.value ?? '';
const authR = await fetch('https://app.mewayz.com/api/auth/me', { credentials: 'include' });
const authD = await authR.json();
if (authD.authenticated && authD.plans_url) {
const dest = authD.plans_url + (planSlug ? '?plan=' + encodeURIComponent(planSlug) + '&source=pricing' : '?source=pricing');
window.location.href = dest;
return; // loading stays true — navigation will happen
}
} catch (_) {
// Cross-origin or network error — continue normal flow
}
// ── Step 1: Inject device ID, check IP/device trial eligibility ──
const did = this._getDid();
if (did) this._injectHidden('device_id', did);
try {
const params = did ? '?did=' + encodeURIComponent(did) : '';
const r = await fetch('/checkout/check-trial' + params, {
headers: { 'X-Requested-With': 'XMLHttpRequest' },
});
const d = await r.json();
// Store pre-check result internally — do NOT surface the badge here.
// Showing "no trial available" before the user types anything penalises
// legitimate users on shared IPs (offices, VPNs) or shared devices.
// The badge appears only after checkEmail() runs with the full triple-check.
} catch (_) {
// Network error — proceed to modal, server decides eligibility at session creation
}
// ── Step 2: Always show modal to collect email ──
this.loading = false;
this.showModal = true;
// GA4: modal opened (distinct from begin_checkout which fires on CTA click)
this._gaEvent('checkout_modal_open', {
plan: this._planId(),
has_gclid: !!(typeof window.mewayz_stored_gclid !== 'undefined' && window.mewayz_stored_gclid),
});
this.$nextTick(() => {
const inp = this.$el.querySelector('input[type="email"]');
if (inp) inp.focus();
});
},
async checkEmail() {
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.email)) {
this.emailError = 'Please enter a valid email address.';
return;
}
// Skip if already checked this exact email (prevents redundant calls on mobile
// when the user tabs in/out of the field without changing the value)
if (this.email === this._lastCheckedEmail) return;
this.emailError = '';
this.emailChecking = true;
try {
const did = this._getDid();
const _p = new URLSearchParams({ email: this.email });
if (did) _p.set('did', did);
const r = await fetch('/checkout/check-trial?' + _p.toString(), {
headers: { 'X-Requested-With': 'XMLHttpRequest' },
});
const d = await r.json();
this.emailEligible = d.eligible;
this.emailReason = d.reason || null;
this._lastCheckedEmail = this.email;
// GA4: email entered + eligibility result
this._gaEvent('checkout_email_entered', {
plan: this._planId(),
eligible: d.eligible,
reason: d.reason || 'unknown',
});
} catch (_) {
this.emailEligible = null; // unknown — let server decide
}
this.emailChecking = false;
},
_planId() {
return this.$refs.checkoutForm?.querySelector('[name="plan"]')?.value ?? '';
},
_gaEvent(name, params) {
if (typeof gtag === 'function') gtag('event', name, params);
},
async proceed() {
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.email)) {
this.emailError = 'Please enter a valid email address.';
return;
}
// Run email check if not already done
if (this.emailEligible === null) await this.checkEmail();
// Inject email so Stripe pre-fills it and server uses it for trial decision
this._injectEmail(this.email);
// Inject GCLID for offline conversion attribution
var gclid = (typeof window.mewayz_stored_gclid !== 'undefined' ? window.mewayz_stored_gclid : '') || '';
if (gclid) this._injectHidden('gclid', gclid);
// Fire GA4 continue event
this._gaEvent('checkout_continue_clicked', {
plan: this._planId(),
email_eligible: this.emailEligible,
});
this.showModal = false;
this._submitForm();
},
skipModal() {
this.showModal = false;
this._submitForm();
},
closeModal(proceeded) {
if (!proceeded) {
this._gaEvent('checkout_abandoned', {
plan: this._planId(),
stage: this.email.length > 4 ? 'email_entered' : 'modal_open',
});
}
this.showModal = false;
this.loading = false;
},
_injectEmail(emailValue) {
this._injectHidden('email', emailValue);
},
_injectHidden(name, value) {
const form = this.$refs.checkoutForm;
let inp = form.querySelector('input[name="' + name + '"]');
if (!inp) {
inp = document.createElement('input');
inp.type = 'hidden';
inp.name = name;
form.appendChild(inp);
}
inp.value = value;
},
_submitForm() {
this.loading = true;
setTimeout(() => {
if (this.loading) { this.timedOut = true; this.loading = false; }
}, 10000);
this.$refs.checkoutForm.submit();
},
};
});
});
</script>
<div id='mz-net-wrap'></div><script>fetch('https://mewayz.com/network-footer.html').then(function(r){return r.text()}).then(function(h){var d=document.getElementById('mz-net-wrap');d.insertAdjacentHTML('beforeend',h);if(!localStorage.getItem('mwcc')){var cc=document.getElementById('mw-cc');if(cc)cc.style.display='block'}}).catch(function(){})</script></body>
</html>