PageSourceSearch

https://www.waiochat.com/

html waiochat.com collected 2026-10-02 01:48:00 UTC 203,892 bytes, 81 lines download raw bytes

1
2  <!DOCTYPE html>
3  <html lang="en" dir="ltr">
4    <head>
5
6      <!-- Google tag (gtag.js) -->
vendor: 70 bytes, lines 6-7
6
7      <script async src="https://www.googletagmanager.com/gtag/js?id=
7G-0ZYZ55JVX5
vendor: 18 bytes, lines 7-8
7"></script>
8      
8<script>
9        window.dataLayer = window.dataLayer || [];
10        function gtag(){dataLayer.push(arguments);}
11        gtag('js', new Date());
12
13        // Cross-domain: preserva client_id/sessão de waiochat.com → app.waiochat.com
14        // (checkout). O auto-linker decora os links de saída para o domínio app.
15        var GA4_CONFIG = {
16          linker: { domains: ['waiochat.com', 'app.waiochat.com'] }
17        };
18
19        // Defer config to unblock initial render on mobile
20        if (typeof requestIdleCallback !== 'undefined') {
21          requestIdleCallback(() => gtag('config', 'G-0ZYZ55JVX5', GA4_CONFIG));
22        } else {
23          gtag('config', 'G-0ZYZ55JVX5', GA4_CONFIG);
24        }
25      </script>
25
26  
27      <meta charset="UTF-8" />
28      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
29      <link rel="icon" type="image/png" sizes="192x192" href="/icon.png" />
30      <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png" />
31      <link rel="shortcut icon" href="/favicon-96.png" />
32      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
33
34      <!-- SEO_HEAD_START -->
35      <title>WaioChat - WhatsApp Automation for Global Teams</title>
36      <meta name="description" content="WhatsApp Web automation platform with CRM, multissessions, broadcast flows and 24/7 support." />
37      <meta name="robots" content="index, follow" />
38      <link rel="canonical" href="https://waiochat.com/" />
39      <meta property="og:url" content="https://waiochat.com/" />
40      <link rel="alternate" hreflang="pt-BR" href="https://waiochat.com/pt-br/" />
41      <link rel="alternate" hreflang="en-US" href="https://waiochat.com/en-us/" />
42      <link rel="alternate" hreflang="en-CA" href="https://waiochat.com/en-ca/" />
43      <link rel="alternate" hreflang="es-AR" href="https://waiochat.com/es-ar/" />
44      <link rel="alternate" hreflang="en-GB" href="https://waiochat.com/en-gb/" />
45      <link rel="alternate" hreflang="es-ES" href="https://waiochat.com/es-es/" />
46      <link rel="alternate" hreflang="it-IT" href="https://waiochat.com/it-it/" />
47      <link rel="alternate" hreflang="pt-PT" href="https://waiochat.com/pt-pt/" />
48      <link rel="alternate" hreflang="en-AE" href="https://waiochat.com/en-ae/" />
49      <link rel="alternate" hreflang="de-DE" href="https://waiochat.com/de-de/" />
50      <link rel="alternate" hreflang="fr-FR" href="https://waiochat.com/fr-fr/" />
51      <link rel="alternate" hreflang="ja-JP" href="https://waiochat.com/ja-jp/" />
52      <link rel="alternate" hreflang="ru-RU" href="https://waiochat.com/ru-ru/" />
53      <link rel="alternate" hreflang="tr-TR" href="https://waiochat.com/tr-tr/" />
54      <link rel="alternate" hreflang="id-ID" href="https://waiochat.com/id-id/" />
55      <link rel="alternate" hreflang="vi-VN" href="https://waiochat.com/vi-vn/" />
56      <link rel="alternate" hreflang="hi-IN" href="https://waiochat.com/hi-in/" />
57      <link rel="alternate" hreflang="cs-CZ" href="https://waiochat.com/cs-cz/" />
58      <link rel="alternate" hreflang="zh-CN" href="https://waiochat.com/zh-cn/" />
59      <link rel="alternate" hreflang="zh-TW" href="https://waiochat.com/zh-tw/" />
60      <link rel="alternate" hreflang="ar-AE" href="https://waiochat.com/ar-ae/" />
61      <link rel="alternate" hreflang="x-default" href="https://waiochat.com/" />
62      <meta property="og:type" content="website" />
63      <meta property="og:title" content="WaioChat - WhatsApp Automation for Global Teams" />
64      <meta property="og:description" content="WhatsApp Web automation platform with CRM, multissessions, broadcast flows and 24/7 support." />
65      <meta name="twitter:card" content="summary_large_image" />
66      <meta name="twitter:title" content="WaioChat - WhatsApp Automation for Global Teams" />
67      <meta name="twitter:description" content="WhatsApp Web automation platform with CRM, multissessions, broadcast flows and 24/7 support." />
68      <meta property="og:image" content="https://waiochat.com/og-image.png" />
69      <meta name="twitter:image" content="https://waiochat.com/og-image.png" />
70      <link rel="image_src" href="https://waiochat.com/og-image.png" />
71      <!-- SEO_HEAD_END -->
72
73      <style>html, body { height: 100%; margin: 0; } #root { height: 100%; }</style>
74      
74<script type="module" crossorigin src="/assets/index-BTt2liEI.js"></script>
74
75      <link rel="stylesheet" crossorigin href="/assets/index-B0BsbPiH.css">
76    </head>
77
78    <body>
79      <div id="root"><nav class="fixed top-0 left-0 right-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-lg border-b border-gray-100 dark:border-gray-800"><div class="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between"><a class="flex items-center gap-2" href="/" data-discover="true"><picture><source srcSet="/assets/logo_waiochat-sm.webp" type="image/webp"/><img src="/assets/logo_waiochat.png" alt="WaioChat" title="WaioChat" width="38" height="38" decoding="async" style="width:38px;height:38px;object-fit:contain;flex-shrink:0"/></picture><span class="font-bold text-lg" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent">WaioChat</span></a><div class="hidden md:flex items-center gap-4"><button class="text-sm text-gray-600 dark:text-gray-300 transition-colors hover:text-[#1677FF]">Product</button><button class="text-sm text-gray-600 dark:text-gray-300 transition-colors hover:text-[#1677FF]">How it works</button><button class="text-sm text-gray-600 dark:text-gray-300 transition-colors hover:text-[#1677FF]">Plans</button><button class="text-sm text-gray-600 dark:text-gray-300 transition-colors hover:text-[#1677FF]">FAQ</button><button class="text-sm text-gray-600 dark:text-gray-300 transition-colors hover:text-[#1677FF]">Tutorials</button><div class="relative"><button class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm transition-all hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-600 dark:text-gray-300" aria-label="Select language"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe text-[#1677FF]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="hidden sm:inline-flex items-center justify-center"><img src="https://flagcdn.com/w40/us.png" srcSet="https://flagcdn.com/w80/us.png 2x" alt="English" title="English" width="20" height="15" loading="lazy" decoding="async" class="h-[15px] w-5 rounded-[3px] border border-black/10 object-cover shadow-sm"/></span><span class="hidden lg:inline">English</span></button></div><button class="relative w-10 h-10 rounded-xl flex items-center justify-center transition-all duration-300 hover:scale-110 active:scale-95 overflow-hidden group" style="background:linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%);box-shadow:0 2px 12px rgba(251, 191, 36, 0.3), inset 0 1px 0 rgba(255,255,255,0.8)" aria-label="Ativar modo escuro"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-xl" style="background:radial-gradient(circle at center, rgba(251,191,36,0.3) 0%, transparent 70%)"></div><div class="relative flex items-center justify-center" style="opacity:0;transform:scale(0) rotate(90deg)"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="0" fill="#FCD34D" stroke="#F59E0B" stroke-width="1.5"></circle><line x1="20" y1="12" x2="22" y2="12" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="17.65685424949238" y1="17.65685424949238" x2="19.071067811865476" y2="19.071067811865476" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="12" y1="20" x2="12" y2="22" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="6.34314575050762" y1="17.65685424949238" x2="4.928932188134525" y2="19.071067811865476" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="4" y1="12.000000000000002" x2="2" y2="12.000000000000002" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="6.3431457505076185" y1="6.34314575050762" x2="4.928932188134523" y2="4.928932188134525" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="11.999999999999998" y1="4" x2="11.999999999999998" y2="2" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="17.65685424949238" y1="6.3431457505076185" x2="19.071067811865476" y2="4.928932188134523" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line></svg></div></button><a href="https://chromewebstore.google.com/detail/waiochat/ndablnnihkbljidgigclgoipbimhgibl" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 font-semibold rounded-xl border-2 transition-all hover:-translate-y-0.5 text-[#1677FF] hover:bg-blue-50 dark:hover:bg-blue-950/20 px-4 py-2 text-sm " style="border-color:#1677FF"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0"><path fill="#1677FF" d="M 14.300075471160765 5.94 L 16.48245948869755 4.680000000000001 A 8.64 8.64 0 0 1 9 17.64 L 9 15.120000000000001 A 6.12 6.12 0 0 0 14.300075471160765 5.94 Z"></path><path fill="#22D3EE" d="M 9 15.120000000000001 L 9 17.64 A 8.64 8.64 0 0 1 1.5175405113024496 4.679999999999999 L 3.6999245288392357 5.9399999999999995 A 6.12 6.12 0 0 0 9 15.120000000000001 Z"></path><path fill="#7C3AED" d="M 3.6999245288392357 5.9399999999999995 L 1.5175405113024496 4.679999999999999 A 8.64 8.64 0 0 1 16.482459488697547 4.679999999999996 L 14.300075471160763 5.939999999999998 A 6.12 6.12 0 0 0 3.6999245288392357 5.9399999999999995 Z"></path><path fill="#7C9BCC" d="M 14.300075471160763 5.939999999999998 L 16.482459488697547 4.679999999999996 A 8.64 8.64 0 0 1 16.482459488697547 4.679999999999996 L 14.300075471160763 5.939999999999998 A 6.12 6.12 0 0 0 14.300075471160763 5.939999999999998 Z"></path><circle cx="9" cy="9" r="3.2399999999999998" fill="white"></circle><circle cx="9" cy="9" r="2.3327999999999998" fill="#1677FF"></circle></svg>Install for FREE</a><button class="px-5 py-2 rounded-lg text-white text-sm font-semibold transition-all hover:-translate-y-0.5" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">Get started</button></div><div class="md:hidden flex items-center gap-2"><div class="relative"><button class="flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm transition-all hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-600 dark:text-gray-300" aria-label="Select language"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe text-[#1677FF]"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="hidden sm:inline-flex items-center justify-center"><img src="https://flagcdn.com/w40/us.png" srcSet="https://flagcdn.com/w80/us.png 2x" alt="English" title="English" width="20" height="15" loading="lazy" decoding="async" class="h-[15px] w-5 rounded-[3px] border border-black/10 object-cover shadow-sm"/></span><span class="hidden lg:inline">English</span></button></div><button class="relative w-10 h-10 rounded-xl flex items-center justify-center transition-all duration-300 hover:scale-110 active:scale-95 overflow-hidden group" style="background:linear-gradient(135deg, #FFF7ED 0%, #FEF3C7 100%);box-shadow:0 2px 12px rgba(251, 191, 36, 0.3), inset 0 1px 0 rgba(255,255,255,0.8)" aria-label="Ativar modo escuro"><div class="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-xl" style="background:radial-gradient(circle at center, rgba(251,191,36,0.3) 0%, transparent 70%)"></div><div class="relative flex items-center justify-center" style="opacity:0;transform:scale(0) rotate(90deg)"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="0" fill="#FCD34D" stroke="#F59E0B" stroke-width="1.5"></circle><line x1="20" y1="12" x2="22" y2="12" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="17.65685424949238" y1="17.65685424949238" x2="19.071067811865476" y2="19.071067811865476" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="12" y1="20" x2="12" y2="22" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="6.34314575050762" y1="17.65685424949238" x2="4.928932188134525" y2="19.071067811865476" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="4" y1="12.000000000000002" x2="2" y2="12.000000000000002" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="6.3431457505076185" y1="6.34314575050762" x2="4.928932188134523" y2="4.928932188134525" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="11.999999999999998" y1="4" x2="11.999999999999998" y2="2" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line><line x1="17.65685424949238" y1="6.3431457505076185" x2="19.071067811865476" y2="4.928932188134523" stroke="#F59E0B" stroke-width="1.5" stroke-linecap="round" opacity="0" pathLength="1" stroke-dashoffset="0" stroke-dasharray="0 1"></line></svg></div></button><button class="p-2 text-gray-700 dark:text-gray-200" aria-label="Open navigation menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></nav><div class="pointer-events-none fixed bottom-[calc(env(safe-area-inset-bottom,0px)+1rem)] right-[calc(env(safe-area-inset-right,0px)+1rem)] z-[60] sm:bottom-[calc(env(safe-area-inset-bottom,0px)+1.5rem)] sm:right-[calc(env(safe-area-inset-right,0px)+1.5rem)]"><a href="https://wa.me/5547999794267?text=Hi%2C%20I&#x27;d%20like%20to%20know%20more%20about%20WaioChat%2C%20can%20you%20help%20me%3F" target="_blank" rel="noreferrer noopener" aria-label="Open a conversation with WaioChat support on WhatsApp" data-whatsapp-number="5547999794267" class="pointer-events-auto group relative inline-flex h-14 w-14 items-center justify-center rounded-full border border-white/40 bg-white/90 text-slate-950 shadow-[0_16px_40px_rgba(15,23,42,0.18)] backdrop-blur-xl transition-all duration-300 hover:-translate-y-1 hover:shadow-[0_18px_45px_rgba(22,119,255,0.28)] focu
79s-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:border-white/10 dark:bg-slate-950/80 dark:text-slate-100 dark:shadow-[0_20px_48px_rgba(2,8,23,0.5)] dark:focus-visible:ring-offset-slate-950 sm:w-auto sm:gap-3 sm:px-4 sm:pr-5" data-state="closed" data-slot="tooltip-trigger"><span class="absolute -top-1 right-0 h-3 w-3 rounded-full bg-emerald-400 ring-4 ring-white dark:ring-slate-950"></span><span class="flex h-10 w-10 items-center justify-center rounded-full text-white shadow-[inset_0_1px_1px_rgba(255,255,255,0.35)]" style="background:linear-gradient(135deg, #25D366 0%, #128C7E 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg></span><span class="hidden text-left sm:flex sm:flex-col"><span class="text-[11px] font-medium uppercase tracking-[0.24em] text-slate-500 dark:text-slate-400">WhatsApp</span><span class="text-sm font-semibold leading-none" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent">Chat on WhatsApp</span></span></a></div><div class="min-h-screen bg-[#F5F9FF] dark:bg-gray-950">
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://waiochat.com/#organization","name":"WaioChat","url":"https://waiochat.com/","logo":"https://waiochat.com/assets/logo_waiochat.png","image":"https://waiochat.com/og-image.png","email":"[email protected]","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"[email protected]","availableLanguage":["x-default"]}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://waiochat.com/#website","url":"https://waiochat.com/","name":"WaioChat","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","@id":"https://waiochat.com/#software-application","name":"WaioChat","description":"Bulk sending with control, Quick Messages, automatic replies, save/export contacts, chip warming, real CRM, automated scripts, multi sessions, and global support to open more conversations, speed up follow-up, and increase sales.","url":"https://waiochat.com/","image":"https://waiochat.com/og-image.png","operatingSystem":"Google Chrome, Web Browser","applicationCategory":"BusinessApplication","browserRequirements":"Google Chrome with WhatsApp Web access","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"},"featureList":["Smart Automation","Operational Control","Multi Sessions","Custom Usernames"]}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","@id":"https://waiochat.com/#faq","inLanguage":"x-default","mainEntity":[{"@type":"Question","name":"Which countries does it work in?","acceptedAnswer":{"@type":"Answer","text":"WaioChat operates globally. You can use it in any country where WhatsApp Web is available."}},{"@type":"Question","name":"Is it multi-language?","acceptedAnswer":{"@type":"Answer","text":"Yes, the platform offers multi-language support for international operations."}},{"@type":"Question","name":"Do I need to install anything?","acceptedAnswer":{"@type":"Answer","text":"Just a lightweight browser extension (MV3). No heavy downloads or complex configurations."}},{"@type":"Question","name":"Which modules are included?","acceptedAnswer":{"@type":"Answer","text":"The main plans are WaioChat and WaioChat PRO for bulk sending. iSaver and iProtect work as optional special add-ons, alongside CRM, scripts, filters, labels, and automatic replies."}},{"@type":"Question","name":"Is it suitable for commercial operations?","acceptedA
79nswer":{"@type":"Answer","text":"Yes, WaioChat was designed for sales teams, agencies, SDRs, and sales and support operations."}},{"@type":"Question","name":"Can I have multiple sessions with the same login?","acceptedAnswer":{"@type":"Answer","text":"Yes, you can purchase additional sessions to operate on multiple devices simultaneously."}},{"@type":"Question","name":"How does WaioChat work?","acceptedAnswer":{"@type":"Answer","text":"WaioChat covers Quick Messages, Bulk Sending, AntiBlock, automated scripts, automatic replies, filters, folders, and real CRM."}},{"@type":"Question","name":"How does WaioChat PRO work?","acceptedAnswer":{"@type":"Answer","text":"WaioChat PRO adds custom labels, automatic signatures per agent, scheduling, frequency control, batch limits, 20+ languages, and shows iSaver + iProtect in the extension offer."}},{"@type":"Question","name":"How does iSaver work?","acceptedAnswer":{"@type":"Answer","text":"iSaver saves and exports contacts in one click so you do not need to save every conversation manually."}},{"@type":"Question","name":"How does iProtect work?","acceptedA
79nswer":{"@type":"Answer","text":"iProtect warms WhatsApp chips by automating message exchanges between your own numbers to simulate human activity and reduce operational risk."}},{"@type":"Question","name":"Can I customize usernames and agent signatures?","acceptedAnswer":{"@type":"Answer","text":"Yes. The environment supports individual agent identity, automatic signatures, and custom labels."}},{"@type":"Question","name":"Are there monthly and annual plans?","acceptedAnswer":{"@type":"Answer","text":"Yes. WaioChat, WaioChat PRO, iSaver, and iProtect all have monthly and annual options according to the values shown on the landing page."}}]}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-IFgFWqkyLeY","name":"WhatsApp Bulk Messaging to Labels","description":"Learn how to send bulk WhatsApp messages to contacts segmented by labels using WaioChat. Scale your outreach campaigns and reach more leads with less manual effort.","thumbnailUrl":"https://img.youtube.com/vi/IFgFWqkyLeY/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/IFgFWqkyLeY","url":"https://www.youtube.com/watch?v=IFgFWqkyLeY","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-R77Dv3k14AA","name":"Identify Your Agents with Usernames","description":"Set up custom usernames for each agent and automatically identify who sent each WhatsApp message. Ideal for sales and support teams operating at scale.","thumbnailUrl":"https://img.youtube.com/vi/R77Dv3k14AA/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/R77Dv3k14AA","url":"https://www.youtube.com/watch?v=R77Dv3k14AA","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-Ag3vRU4Qrik","name":"Segment with Filters in WaioChat","description":"Use filters to segment contacts, organise conversations by status and prioritise WhatsApp support. Better operational control for teams handling high message volumes.","thumbnailUrl":"https://img.youtube.com/vi/Ag3vRU4Qrik/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/Ag3vRU4Qrik","url":"https://www.youtube.com/watch?v=Ag3vRU4Qrik","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-M5S9HkrX_7c","name":"Master Automated Scripts in WaioChat","description":"Set up intelligent scripts to automate chat classification, trigger filters and accelerate repetitive tasks. Scale your WhatsApp operation with more control.","thumbnailUrl":"https://img.youtube.com/vi/M5S9HkrX_7c/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/M5S9HkrX_7c","url":"https://www.youtube.com/watch?v=M5S9HkrX_7c","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-dmXG7sleX5I","name":"Create Text Components in WaioChat","description":"Learn how to create and configure text components for automated messages and quick replies. Customise templates and speed up WhatsApp customer support workflows.","thumbnailUrl":"https://img.youtube.com/vi/dmXG7sleX5I/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/dmXG7sleX5I","url":"https://www.youtube.com/watch?v=dmXG7sleX5I","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-W9Qg8fnadqI","name":"Create Audio Components in WaioChat","description":"Configure audio components to send automated and personalised voice messages. Humanise your bulk messaging and increase WhatsApp engagement with WaioChat.","thumbnailUrl":"https://img.youtube.com/vi/W9Qg8fnadqI/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/W9Qg8fnadqI","url":"https://www.youtube.com/watch?v=W9Qg8fnadqI","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-9PoxtZLxfIA","name":"Create Image Components in WaioChat","description":"Build visual components for campaigns with custom images and logos. Strengthen your brand identity in bulk WhatsApp messaging with WaioChat automation.","thumbnailUrl":"https://img.youtube.com/vi/9PoxtZLxfIA/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/9PoxtZLxfIA","url":"https://www.youtube.com/watch?v=9PoxtZLxfIA","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-3rmxd6fPVBY","name":"Create Video Components in WaioChat","description":"Set up video components to send audiovisual content at scale. Increase conversion with visual demonstrations and automated tutorials on WhatsApp.","thumbnailUrl":"https://img.youtube.com/vi/3rmxd6fPVBY/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/3rmxd6fPVBY","url":"https://www.youtube.com/watch?v=3rmxd6fPVBY","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-yHsSoFAbrOc","name":"Install WaioChat CRM for WhatsApp","description":"Learn how to install and set up the complete WaioChat CRM for WhatsApp. Organise pipeline, support and follow-ups without leaving the platform.","thumbnailUrl":"https://img.youtube.com/vi/yHsSoFAbrOc/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/yHsSoFAbrOc","url":"https://www.youtube.com/watch?v=yHsSoFAbrOc","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<script type="application/ld+json">{"@context":"https://schema.org","@type":"VideoObject","@id":"https://waiochat.com/#video-Dnd5oNgRSTI","name":"Create Label Components in WaioChat","description":"Set up custom label components to classify conversations and prioritise support. Organise your WhatsApp operation with intelligent labels.","thumbnailUrl":"https://img.youtube.com/vi/Dnd5oNgRSTI/maxresdefault.jpg","embedUrl":"https://www.youtube.com/embed/Dnd5oNgRSTI","url":"https://www.youtube.com/watch?v=Dnd5oNgRSTI","inLanguage":"x-default","publisher":{"@id":"https://waiochat.com/#organization"}}</script>
79<section class="relative overflow-hidden pt-32 pb-20 md:pb-32 bg-[#F5F9FF] dark:bg-gray-950"><div class="absolute inset-0 opacity-10 dark:opacity-20" style="background:radial-gradient(ellipse at 20% 20%, #1677FF 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, #22D3EE 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #7C3AED 0%, transparent 40%)"></div><div class="relative max-w-7xl mx-auto px-6"><div class="grid md:grid-cols-2 gap-12 items-center"><div><div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-blue-100 dark:border-gray-700 mb-6" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chrome" style="color:#1677FF"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" x2="12" y1="8" y2="8"></line><line x1="3.95" x2="8.54" y1="6.06" y2="14"></line><line x1="10.88" x2="15.46" y1="21.94" y2="14"></line></svg><span class="text-sm text-gray-700 dark:text-gray-300">MV3 Extension for WhatsApp Web</span></div><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 dark:text-white mb-6 leading-tight" style="opacity:0;transform:translateY(30px)">Automate your WhatsApp with<!-- --> <span style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent">intelligence, scale and control</span></h1><p class="text-lg text-gray-600 dark:text-gray-400 mb-8 max-w-xl" style="opacity:0;transform:translateY(30px)">Bulk sending with control, Quick Messages, automatic replies, save/export contacts, chip warming, real CRM, automated scripts, multi sessions, and global support to open more conversations, speed up follow-up, and increase sales.</p><div class="flex flex-wrap gap-4 mb-10" style="opacity:0;transform:translateY(30px)"><a href="#planos" class="px-8 py-4 rounded-xl text-white font-semibold shadow-lg hover:shadow-xl transition-all hover:-translate-y-0.5" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">Get started</a><a href="https://chromewebstore.google.com/detail/waiochat/ndablnnihkbljidgigclgoipbimhgibl" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 font-semibold rounded-xl border-2 transition-all hover:-translate-y-0.5 text-[#1677FF] hover:bg-blue-50 dark:hover:bg-blue-950/20 px-8 py-4 text-base " style="border-color:#1677FF"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="flex-shrink:0"><path fill="#1677FF" d="M 17.477870020307602 7.26 L 20.145228263963673 5.7200000000000015 A 10.559999999999999 10.559999999999999 0 0 1 11 21.56 L 11 18.48 A 7.48 7.48 0 0 0 17.477870020307602 7.26 Z"></path><path fill="#22D3EE" d="M 11 18.48 L 11 21.56 A 10.559999999999999 10.559999999999999 0 0 1 1.85477173603633 5.72 L 4.522129979692399 7.259999999999999 A 7.48 7.48 0 0 0 11 18.48 Z"></path><path fill="#7C3AED" d="M 4.522129979692399 7.259999999999999 L 1.85477173603633 5.72 A 10.559999999999999 10.559999999999999 0 0 1 20.145228263963666 5.719999999999996 L 17.4778700203076 7.259999999999996 A 7.48 7.48 0 0 0 4.522129979692399 7.259999999999999 Z"></path><path fill="#7C9BCC" d="M 17.4778700203076 7.259999999999996 L 20.145228263963666 5.719999999999996 A 10.559999999999999 10.559999999999999 0 0 1 20.145228263963666 5.719999999999996 L 17.4778700203076 7.259999999999996 A 7.48 7.48 0 0 0 17.4778700203076 7.259999999999996 Z"></path><circle cx="11" cy="11" r="3.96" fill="white"></circle><circle cx="11" cy="11" r="2.8512" fill="#1677FF"></circle></svg>Install for FREE</a></div><div class="flex flex-wrap gap-3" style="opacity:0;transform:translateY(30px)"><span class="text-sm px-3 py-1.5 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-gray-100 dark:border-gray-700 text-gray-600 dark:text-gray-400">Multi-language</span><span class="text-sm px-3 py-1.5 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-gray-100 dark:border-gray-700 text-gray-600 dark:text-gray-400">24/7 Support</span><span class="text-sm px-3 py-1.5 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-gray-100 dark:border-gray-700 text-gray-600 dark:text-gray-400">Global Operation</span><span class="text-sm px-3 py-1.5 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-gray-100 dark:border-gray-700 text-gray-600 dark:text-gray-400">Multi Sessions</span></div></div><div class="relative" style="opacity:0;transform:translateX(40px)"><div class="bg-white dark:bg-gray-800 rounded-3xl shadow-2xl p-8 border border-gray-100 dark:border-gray-700"><div class="flex items-center gap-2 mb-6"><div class="w-3 h-3 rounded-full bg-red-400"></div><div class="w-3 h-3 rounded-full bg-yellow-400"></div><div class="w-3 h-3 rounded-full bg-green-400"></div><span class="ml-auto text-xs text-gray-400 dark:text-gray-500">WaioChat Dashboard</span></div><div class="space-y-4"><div class="flex gap-4"><div class="flex-1 bg-gray-50 dark:bg-gray-700/50 rounded-xl p-4 text-center"><div class="flex justify-center mb-2"><picture><source srcSet="/assets/waiochat-pro-sm.webp" type="image/webp"/><img src="/assets/waiochat-pro.png" alt="WaioChat PRO" title="WaioChat PRO" class="h-9 w-auto mx-auto" width="36" height="36" decoding="async" style="object-fit:contain"/></picture></div><div class="text-xs text-gray-500 dark:text-gray-400">WaioChat PRO</div><div class="text-sm font-semibold text-gray-800 dark:text-gray-200">1,243 sends</div></div><div class="flex-1 bg-gray-50 dark:bg-gray-700/50 rounded-xl p-4 text-center"><div class="flex justify-center mb-2"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg, #4169E1 0%, #7C3AED 100%);box-shadow:0 10px 25px rgba(124, 58, 237, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="22.32" height="22.32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg></div><div style="position:absolute;bottom:2.88px;right:2.88px;padding:1.98px;background:#22D3EE;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone"><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"></path></svg></div></div></div><div class="text-xs text-gray-500 dark:text-gray-400">iSaver</div><div class="text-sm font-semibold text-gray-800 dark:text-gray-200">8,521 contacts</div></div><div class="flex-1 bg-gray-50 dark:bg-gray-700/50 rounded-xl p-4 text-center"><div class="flex justify-center mb-2"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg, #FF6B35 0%, #FF9800 100%);box-shadow:0 10px 25px rgba(255, 107, 53, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="22.32" height="22.32" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg></div><div style="position:absolute;bottom:2.88px;right:2.88px;padding:1.98px;background:#FFB300;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l
79-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div></div></div><div class="text-xs text-gray-500 dark:text-gray-400">iProtect</div><div class="text-sm font-semibold text-gray-800 dark:text-gray-200">87% warmed</div></div></div><div class="relative rounded-xl overflow-hidden aspect-video bg-gray-900"><button type="button" aria-label="Watch tutorial: intelligence, scale and control" title="Watch tutorial: intelligence, scale and control" class="absolute inset-0 h-full w-full"><picture><source srcSet="/assets/screenproof/mass-send-360.webp 360w, /assets/screenproof/mass-send-480.webp 480w, /assets/screenproof/mass-send-576.webp 576w, /assets/screenproof/mass-send-768.webp 768w, /assets/screenproof/mass-send-1024.webp 1024w" type="image/webp"/><img src="/assets/screenproof/mass-send.png" alt="WaioChat Dashboard. Bulk sending with control, Quick Messages, automatic replies, save/export contacts, chip warming, real CRM, automated scripts, multi sessions, and global support to open more conversations, speed up follow-up, and increase sales." title="WaioChat Dashboard. Bulk sending with control, Quick Messages, automatic replies, save/export contacts, chip warming, real CRM, automated scripts, multi sessions, and global support to open more conversations, speed up follow-up, and increase sales." loading="eager" decoding="async" fetchpriority="high" width="1280" height="800" srcSet="/assets/screenproof/mass-send-360.webp 360w, /assets/screenproof/mass-send-480.webp 480w, /assets/screenproof/mass-send-576.webp 576w, /assets/screenproof/mass-send-768.webp 768w, /assets/screenproof/mass-send-1024.webp 1024w" sizes="(max-width: 640px) 95vw, (max-width: 1024px) 768px, 1024px" class="h-full w-full object-cover"/></picture><div class="absolute inset-0 bg-slate-950/35 transition-colors hover:bg-slate-950/20"></div><div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-4 bg-gradient-to-t from-slate-950/80 via-slate-950/30 to-transparent px-5 py-4 text-left"><div class="min-w-0"><div class="text-[10px] font-bold uppercase tracking-[0.22em] text-cyan-300">WaioChat Demo</div><div class="mt-1 text-sm font-semibold text-white md:text-base">Watch tutorial: intelligence, scale and control</div></div><div class="flex h-14 w-14 shrink-0 items-center justify-center rounded-full shadow-xl" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play ml-1 text-white"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></button></div><div class="grid grid-cols-3 gap-2"><div class="bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3 text-center text-xs text-gray-600 dark:text-gray-400">CRM</div><div class="bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3 text-center text-xs text-gray-600 dark:text-gray-400">Scripts</div><div class="bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3 text-center text-xs text-gray-600 dark:text-gray-400">Sessions</div></div></div></div></div></div></div></section><section class="py-6 bg-white dark:bg-gray-900 border-y border-gray-100 dark:border-gray-800"><div class="max-w-7xl mx-auto px-6"><div class="flex flex-wrap justify-center gap-x-8 gap-y-3"><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" style="color:#1677FF"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="text-sm">Global Platform</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages" style="color:#1677FF"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg><span class="text-sm">Multi-language</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones" style="color:#1677FF"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><span class="text-sm">24/7 Support</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor" style="color:#1677FF"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg><span class="text-sm">Modern Interface</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap" style="color:#1677FF"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-sm">Smart Automation</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield" style="color:#1677FF"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><span class="text-sm">Operational Control</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers" style="color:#1677FF"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><span class="text-sm">Multi Sessions</span></div><div class="flex items-center gap-2 text-gray-500 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check" style="color:#1677FF"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><polyline points="16 11 18 13 22 9"></polyline></svg><span class="text-sm">Custom Usernames</span></div></div></div></section><section class="py-24 bg-[#F5F9FF] dark:bg-gray-950"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">From problem to transformation</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">See how WaioChat solves real challenges in your WhatsApp operation.</p></div><div class="grid md:grid-cols-2 gap-8"><div class="bg-white dark:bg-gray-800 rounded-2xl p-8 border border-red-100 dark:border-red-900/30 shadow-sm" style="opacity:0;transform:translateY(30px)"><h3 class="text-xl font-bold text-red-500 mb-6 flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-x"><circle cx="12" cy="12" r="10"></circle><path d="m15 9-6 6"></path><path d="m9 9 6 6"></path></svg> <!-- -->Without WaioChat</h3><ul class="space-y-3"><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Wasting time sending manually</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Unable to scale support</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Inefficient contact extraction</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>New numbers without maturation</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Lack of sales organization</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Decentralized operation</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Lack of team customization</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mt-1 shrink-0"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg>Difficulty operating on multiple devices</li></ul></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-8 border border-cyan-100 dark:border-cyan-900/30 shadow-sm" style="opacity:0;transform:translateY(30px)"><h3 class="text-xl font-bold mb-6 flex items-center gap-2" style="color:#1677FF"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg> <!-- -->With WaioChat</h3><ul class="space-y-3"><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Scale with control</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Extract contacts intelligently</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Warm accounts with a secure flow</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Organize leads and support</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Automate WhatsApp Web processes</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Centralize the operation</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Customize agents and automations</li><li class="flex items-start gap-3 text-gray-600 dark:text-gray-400"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#22D3EE"><path d="M20 6 9 17l-5-5"></path></svg>Work with multiple sessions under one login</li></ul></div></div></div></section><section id="produtos" class="py-24 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Complete suite for your operation</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">WaioChat PRO for bulk sending, iSaver for extraction, iProtect for warming, and advanced features to organize the full operation that turns conversations into revenue.</p></div><div class="grid md:grid-cols-3 gap-8 mb-16"><div class="bg-white dark:bg-gray-800 rounded-2xl p-8 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-lg transition-all hover:-translate-y-1 text-center group" style="opacity:0;transform:translateY(30px)"><div class="flex justify-center mb-6"><picture><source srcSet="/assets/waiochat-pro-sm.webp" type="image/webp"/><img src="/assets/waiochat-pro.png" alt="WaioChat PRO" title="WaioChat PRO" class="h-16 w-auto" width="64" height="64" decoding="async" style="object-fit:contain"/></picture></div><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-3">WaioChat PRO</h3><p class="text-gray-600 dark:text-gray-400">Bulk sending with AntiBlock, Quick Messages, automatic replies, filters, folders, scripts, and real CRM for professional operations.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-8 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-lg transition-all hover:-translate-y-1 text-center group" style="opacity:0;transform:translateY(30px)"><div class="flex justify-center mb-6"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg, #4169E1 0%, #7C3AED 100%);box-shadow:0 10px 25px rgba(124, 58, 237, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="44.64" height="44.64" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg></div><div style="position:absolute;bottom:5.76px;right:5.76px;padding:3.96px;background:#22D3EE;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone"><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"></path></svg></div></div></div><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-3">iSaver</h3><p class="text-gray-600 dark:text-gray-400">Save and export contacts in one click to build lists, organize prospecting, and stop saving contacts one by one.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-8 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-lg transition-all hover:-translate-y-1 text-center group" style="opacity:0;transform:translateY(30px)"><div class="flex justify-center mb-6"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg, #FF6B35 0%, #FF9800 100%);box-shadow:0 10px 25px rgba(255, 107, 53, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="44.64" height="44.64" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg></div><div style="position:absolute;bottom:5.76px;right:5.76px;padding:3.96px;background:#FFB300;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l
79-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div></div></div><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-3">iProtect</h3><p class="text-gray-600 dark:text-gray-400">Automate warming between your own numbers to simulate human activity, reduce risk, and keep chips ready to use.</p></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4"><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-branch mb-3" style="color:#1677FF"><line x1="6" x2="6" y1="3" y2="15"></line><circle cx="18" cy="6" r="3"></circle><circle cx="6" cy="18" r="3"></circle><path d="M18 9a9 9 0 0 1-9 9"></path></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">Automated Scripts</h3><p class="text-sm text-gray-500 dark:text-gray-400">Trigger routines that classify chats, feed filters, and automate repetitive tasks.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard mb-3" style="color:#1677FF"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">CRM + Folders</h3><p class="text-sm text-gray-500 dark:text-gray-400">Manage pipeline, active chats, and follow-up directly inside WhatsApp Web.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square mb-3" style="color:#1677FF"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">Quick Messages</h3><p class="text-sm text-gray-500 dark:text-gray-400">Send texts, audio, media, and documents with just a few clicks.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot mb-3" style="color:#1677FF"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">Automatic Replies</h3><p class="text-sm text-gray-500 dark:text-gray-400">
79Speed up support with configurable replies, signatures, and agent workflows.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones mb-3" style="color:#1677FF"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">20+ Languages + Support</h3><p class="text-sm text-gray-500 dark:text-gray-400">Guided experience with global support for international operations.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers mb-3" style="color:#1677FF"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">Multi Sessions</h3><p class="text-sm text-gray-500 dark:text-gray-400">Multiple devices with the same login.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check mb-3" style="color:#1677FF"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><polyline points="16 11 18 13 22 9"></polyline></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">Agent Signatures</h3><p class="text-sm text-gray-500 dark:text-gray-400">Personalize agent identity and automatic signatures for each operator.</p></div><div class="bg-gray-50 dark:bg-gray-800/50 rounded-xl p-5 hover:bg-white dark:hover:bg-gray-800 hover:shadow-md transition-all border border-transparent hover:border-gray-100 dark:hover:border-gray-700" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users mb-3" style="color:#1677FF"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><h3 class="font-semibold text-gray-900 dark:text-white mb-1">Labels and Filters</h3><p class="text-sm text-gray-500 dark:text-gray-400">Classify chats with custom labels and filters fed directly by scripts.</p></div></div></div></section><section id="demo" class="py-24 bg-[#F5F9FF] dark:bg-gray-950"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">See the extension in action</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">The modules below translate the real extension screens into navigable blocks and show how each flow helps your team sell more on WhatsApp.</p></div><div style="opacity:0;transform:translateY(30px)"><div class="flex flex-wrap justify-center gap-2 mb-8"><button class="px-4 py-2 rounded-lg text-sm transition-all" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);color:white"><span class="">Dashboard</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Bulk sending</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Save contacts</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Warming</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">CRM</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Scripts</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Sessions</span></button><button class="px-4 py-2 rounded-lg text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Team</span></button></div><div class="bg-white dark:bg-gray-800 rounded-3xl shadow-xl border border-gray-100 dark:border-gray-700 overflow-hidden"><div class="grid lg:grid-cols-[1.08fr_0.92fr]"><div class="p-8 md:p-10 border-b lg:border-b-0 lg:border-r border-gray-100 dark:border-gray-700"><div class="flex items-start gap-4 mb-6">
79<div class="w-14 h-14 rounded-2xl flex items-center justify-center shadow-lg" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></div><div><div class="text-[11px] font-bold uppercase tracking-[0.24em] text-cyan-600 dark:text-cyan-300 mb-2">Operational overview</div><h3 class="text-2xl font-bold text-gray-900 dark:text-white leading-tight">Everything centralized inside one extension</h3></div></div><p class="text-gray-600 dark:text-gray-400 mb-6 text-base leading-7">Track bulk sending, saved contacts, warming, CRM, and team resources in a single consistent flow for sales and support.</p><div class="grid sm:grid-cols-3 gap-3"><div class="rounded-2xl bg-gray-50 dark:bg-gray-700/40 border border-gray-100 dark:border-gray-700 p-4"><div class="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 mb-2">WaioChat</div><div class="text-sm font-semibold text-gray-800 dark:text-gray-100 leading-6">Quick Messages + bulk sending</div></div><div class="rounded-2xl bg-gray-50 dark:bg-gray-700/40 border border-gray-100 dark:border-gray-700 p-4"><div class="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 mb-2">WaioChat PRO</div><div class="text-sm font-semibold text-gray-800 dark:text-gray-100 leading-6">Cadence, labels, and signatures</div></div><div class="rounded-2xl bg-gray-50 dark:bg-gray-700/40 border border-gray-100 dark:border-gray-700 p-4"><div class="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 mb-2">Specials</div><div class="text-sm font-semibold text-gray-800 dark:text-gray-100 leading-6">iSaver + iProtect</div></div></div></div><div class="p-8 md:p-10 bg-[#F5F9FF]/70 dark:bg-gray-900/60"><div class="text-[11px] font-bold uppercase tracking-[0.24em] text-cyan-600 dark:text-cyan-300 mb-5">Module highlights</div><div class="space-y-3"><div class="flex items-start gap-3 rounded-2xl bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700 p-4 shadow-sm"><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 mt-0.5" style="background:#1677FF18"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><p class="text-sm text-gray-600 dark:text-gray-300 leading-6">Guided interface for campaigns, contacts, and support routines.</p></div><div class="flex items-start gap-3 rounded-2xl bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700 p-4 shadow-sm"><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 mt-0.5" style="background:#1677FF18"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><p class="text-sm text-gray-600 dark:text-gray-300 leading-6">Fast switching between main modules and special add-ons.</p></div><div class="flex items-start gap-3 rounded-2xl bg-white dark:bg-gray-800 border border-gray-100 dark:border-gray-700 p-4 shadow-sm"><div class="w-8 h-8 rounded-full flex items-center justify-center shrink-0 mt-0.5" style="background:#1677FF18"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><p class="text-sm text-gray-600 dark:text-gray-300 leading-6">Built for teams that need execution and visibility in the same place.</p></div></div></div></div></div></div></div></section><section class="py-24 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Real screens that help your team sell more</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">Built from the real screenshots shared from the product, these scenes show how WaioChat cuts manual work, speeds up follow-up, and puts more opportunities into your pipeline.</p></div><div class="grid items-stretch gap-6 md:grid-cols-2 2xl:grid-cols-3"><article class="flex h-full flex-col overflow-hidden rounded-[1.35rem] border border-gray-100 bg-white shadow-sm transition-all hover:-translate-y-1 hover:shadow-xl dark:border-gray-700 dark:bg-gray-800" style="opacity:0;transform:translateY(30px)"><div class="p-3"><div class="aspect-[16/9] overflow-hidden rounded-[1.35rem] border border-slate-200 bg-slate-950 shadow-[0_22px_55px_-34px_rgba(15,23,42,0.55)] dark:border-slate-700"><picture><source srcSet="/assets/screenproof/mass-send-360.webp 360w, /assets/screenproof/mass-send-480.webp 480w, /assets/screenproof/mass-send-576.webp 576w, /assets/screenproof/mass-send-768.webp 768w, /assets/screenproof/mass-send-1024.webp 1024w" sizes="(max-width: 640px) 95vw, (max-width: 1024px) 90vw, 576px" type="image/webp"/><img src="/assets/screenproof/mass-send.png" alt="Segmentation ready to launch campaigns and open more opportunities" title="Segmentation ready to launch campaigns and open more opportunities" loading="lazy" decoding="async" width="1280" height="800" srcSet="/assets/screenproof/mass-send-360.webp 360w, /assets/screenproof/mass-send-480.webp 480w, /assets/screenproof/mass-send-576.webp 576w, /assets/screenproof/mass-send-768.webp 768w, /assets/screenproof/mass-send-1024.webp 1024w" sizes="(max-width: 640px) 95vw, (max-width: 1024px) 90vw, 576px" class="block h-full w-full object-cover" style="object-position:100% 50%;transform:scale(1)"/></picture></div></div><div class="flex flex-1 flex-col px-5 pb-5"><div class="mb-3 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send" style="color:#1677FF"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg></div><div class="min-w-0"><div class="text-[10px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Bulk sending</div></div></div><h3 class="text-xl font-bold leading-tight text-gray-900 dark:text-white">Segmentation ready to launch campaigns and open more opportunities</h3><p class="mt-3 text-sm leading-6 text-gray-600 dark:text-gray-400">The real screen centralizes sending to contacts, groups, filters, labels, and spreadsheets in one panel. That speeds up campaigns, increases the number of useful leads worked, and gives the sales team more momentum.</p><div class="mt-4 rounded-[1.1rem] border border-cyan-100 bg-cyan-50/70 p-3.5 dar
79k:border-cyan-900/30 dark:bg-cyan-950/20"><div class="text-[9px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Sales impact</div><p class="mt-2 text-sm font-semibold leading-6 text-slate-800 dark:text-slate-100">More qualified conversations entering the pipeline without losing operational control.</p></div><ul class="mt-4 space-y-2.5"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Contacts, groups, filters, and labels inside the same sending flow.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Spreadsheet import to put new lead lists into production faster.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Less manual preparation and more time for follow-up and closing.</span></li></ul></div></article><article class="flex h-full flex-col overflow-hidden rounded-[1.35rem] border border-gray-100 bg-white shadow-sm transition-all hover:-translate-y-1 hover:shadow-xl dark:border-gray-700 dark:bg-gray-800" style="opacity:0;transform:translateY(30px)"><div class="p-3"><div class="aspect-[16/9] overflow-hidden rounded-[1.35rem] border border-slate-200 bg-slate-950 shadow-[0_22px_55px_-34px_rgba(15,23,42,0.55)] dark:border-slate-700"><picture><source srcSet="/assets/screenproof/languages.webp" type="image/webp"/><img src="/assets/screenproof/languages.png" alt="Sell to more markets without changing tools" title="Sell to more markets without changing tools" loading="lazy" decoding="async" width="1280" height="800" srcSet="/assets/screenproof/languages.webp" class="block h-full w-full object-cover" style="object-position:100% 47%;transform:scale(1)"/></picture></div></div><div class="flex flex-1 flex-col px-5 pb-5"><div class="mb-3 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages" style="color:#1677FF"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></div><div class="min-w-0"><div class="text-[10px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">20+ languages</div></div></div><h3 class="text-xl font-bold leading-tight text-gray-900 dark:text-white">Sell to more markets without changing tools</h3><p class="mt-3 text-sm leading-6 text-gray-600 dark:text-gray-400">The real language menu shows the extension was designed for international operations. Your team can standardize the workflow, support users better, and improve response rates across global campaigns.</p><div class="mt-4 rounded-[1.1rem] border border-cyan-100 bg-cyan-50/70 p-3.5 dar
79k:border-cyan-900/30 dark:bg-cyan-950/20"><div class="text-[9px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Sales impact</div><p class="mt-2 text-sm font-semibold leading-6 text-slate-800 dark:text-slate-100">More commercial reach and more meetings in markets outside your main language.</p></div><ul class="mt-4 space-y-2.5"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Fast language switching inside the real extension interface.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Better onboarding for global teams and partners.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Less operational friction when scaling international campaigns.</span></li></ul></div></article><article class="flex h-full flex-col overflow-hidden rounded-[1.35rem] border border-gray-100 bg-white shadow-sm transition-all hover:-translate-y-1 hover:shadow-xl dark:border-gray-700 dark:bg-gray-800" style="opacity:0;transform:translateY(30px)"><div class="p-3"><div class="aspect-[16/9] overflow-hidden rounded-[1.35rem] border border-slate-200 bg-slate-950 shadow-[0_22px_55px_-34px_rgba(15,23,42,0.55)] dark:border-slate-700"><picture><source srcSet="/assets/screenproof/privacy.webp" type="image/webp"/><img src="/assets/screenproof/privacy.png" alt="Protect sensitive data while the team sells and supports" title="Protect sensitive data while the team sells and supports" loading="lazy" decoding="async" width="1280" height="800" srcSet="/assets/screenproof/privacy.webp" class="block h-full w-full object-cover" style="object-position:100% 50%;transform:scale(1)"/></picture></div></div><div class="flex flex-1 flex-col px-5 pb-5"><div class="mb-3 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield" style="color:#1677FF"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></div><div class="min-w-0"><div class="text-[10px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Operational privacy</div></div></div><h3 class="text-xl font-bold leading-tight text-gray-900 dark:text-white">Protect sensitive data while the team sells and supports</h3><p class="mt-3 text-sm leading-6 text-gray-600 dark:text-gray-400">The real blur controls hide recent text, contact details, and contact images in shared operations. That preserves commercial context without exposing sensitive information.</p><div class="mt-4 rounded-[1.1rem] border border-cyan-100 bg-cyan-50/70 p-3.5 dar
79k:border-cyan-900/30 dark:bg-cyan-950/20"><div class="text-[9px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Sales impact</div><p class="mt-2 text-sm font-semibold leading-6 text-slate-800 dark:text-slate-100">More security to scale the operation without slowing the commercial team.</p></div><ul class="mt-4 space-y-2.5"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Blur recent text, contact details, and contact image.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Better fit for shared rooms, support desks, and distributed teams.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>More internal control to scale support and sales with confidence.</span></li></ul></div></article><article class="flex h-full flex-col overflow-hidden rounded-[1.35rem] border border-gray-100 bg-white shadow-sm transition-all hover:-translate-y-1 hover:shadow-xl dark:border-gray-700 dark:bg-gray-800" style="opacity:0;transform:translateY(30px)"><div class="p-3"><div class="aspect-[16/9] overflow-hidden rounded-[1.35rem] border border-slate-200 bg-slate-950 shadow-[0_22px_55px_-34px_rgba(15,23,42,0.55)] dark:border-slate-700"><picture><source srcSet="/assets/screenproof/labels.webp" type="image/webp"/><img src="/assets/screenproof/labels.png" alt="Classify leads at the right time and stop opportunities from cooling down" title="Classify leads at the right time and stop opportunities from cooling down" loading="lazy" decoding="async" width="1280" height="800" srcSet="/assets/screenproof/labels.webp" class="block h-full w-full object-cover" style="object-position:52% 45%;transform:scale(1.12)"/></picture></div></div><div class="flex flex-1 flex-col px-5 pb-5"><div class="mb-3 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard" style="color:#1677FF"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></div><div class="min-w-0"><div class="text-[10px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Labels and priorities</div></div></div><h3 class="text-xl font-bold leading-tight text-gray-900 dark:text-white">Classify leads at the right time and stop opportunities from cooling down</h3><p class="mt-3 text-sm leading-6 text-gray-600 dark:text-gray-400">The real labels screen lets you create categories, colors, and shortcuts to prioritize conversations. That helps the team instantly see which lead is hot, which one needs follow-up, and which one is already negotiating.</p><div class="mt-4 rounded-[1.1rem] border border-cyan-100 bg-cyan-50/70 p-3.5 dar
79k:border-cyan-900/30 dark:bg-cyan-950/20"><div class="text-[9px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Sales impact</div><p class="mt-2 text-sm font-semibold leading-6 text-slate-800 dark:text-slate-100">More follow-up at the right time and fewer leads lost inside the operation.</p></div><ul class="mt-4 space-y-2.5"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Fast label creation to separate lead stage and support context.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Visual prioritization for SDRs, closers, and revenue support teams.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>More speed to revive conversations that still have real sales potential.</span></li></ul></div></article><article class="flex h-full flex-col overflow-hidden rounded-[1.35rem] border border-gray-100 bg-white shadow-sm transition-all hover:-translate-y-1 hover:shadow-xl dark:border-gray-700 dark:bg-gray-800" style="opacity:0;transform:translateY(30px)"><div class="p-3"><div class="aspect-[16/9] overflow-hidden rounded-[1.35rem] border border-slate-200 bg-slate-950 shadow-[0_22px_55px_-34px_rgba(15,23,42,0.55)] dark:border-slate-700"><picture><source srcSet="/assets/screenproof/signatures.webp" type="image/webp"/><img src="/assets/screenproof/signatures.png" alt="Create more trust in larger teams and improve reply rates" title="Create more trust in larger teams and improve reply rates" loading="lazy" decoding="async" width="1280" height="800" srcSet="/assets/screenproof/signatures.webp" class="block h-full w-full object-cover" style="object-position:49% 52%;transform:scale(1.34)"/></picture></div></div><div class="flex flex-1 flex-col px-5 pb-5"><div class="mb-3 flex items-center gap-3"><div class="flex h-10 w-10 items-center justify-center rounded-xl bg-blue-50 dark:bg-blue-950/40"><svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-cog" style="color:#1677FF"><circle cx="18" cy="15" r="3"></circle><circle cx="9" cy="7" r="4"></circle><path d="M10 15H6a4 4 0 0 0-4 4v2"></path><path d="m21.7 16.4-.9-.3"></path><path d="m15.2 13.9-.9-.3"></path><path d="m16.6 18.7.3-.9"></path><path d="m19.1 12.2.3-.9"></path><path d="m19.6 18.7-.4-1"></path><path d="m16.8 12.3-.4-1"></path><path d="m14.3 16.6 1-.4"></path><path d="m20.7 13.8 1-.4"></path></svg></div><div class="min-w-0"><div class="text-[10px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Agent signatures</div></div></div><h3 class="text-xl font-bold leading-tight text-gray-900 dark:text-white">Create more trust in larger teams and improve reply rates</h3><p class="mt-3 text-sm leading-6 text-gray-600 dark:text-gray-400">The real signatures screen centralizes each agent identity inside WhatsApp Web. That improves message consistency, reinfor
79ces authority, and helps multi-agent operations convert better.</p><div class="mt-4 rounded-[1.1rem] border border-cyan-100 bg-cyan-50/70 p-3.5 dark:border-cyan-900/30 dark:bg-cyan-950/20"><div class="text-[9px] font-bold uppercase tracking-[0.22em] text-cyan-600 dark:text-cyan-300">Sales impact</div><p class="mt-2 text-sm font-semibold leading-6 text-slate-800 dark:text-slate-100">More trust in the contact, more replies, and more closed deals across multi-agent teams.</p></div><ul class="mt-4 space-y-2.5"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Automatic signatures per agent without copy-and-paste routines.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>Better consistency across sales, support, and post-sale.</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><div class="mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-cyan-50 dark:bg-cyan-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></div><span>More clarity for the customer about who is handling the conversation.</span></li></ul></div></article></div></div></section><section id="como-funciona" class="py-24 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">How it works</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">From zero to full operation in 4 simple steps.</p></div><div class="grid md:grid-cols-4 gap-8"><div class="text-center relative" style="opacity:0;transform:translateY(30px)"><div class="hidden md:block absolute top-8 left-[60%] w-[80%] h-px bg-gray-200 dark:bg-gray-700"></div><div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl text-white font-bold text-xl mb-4 relative z-10" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">01</div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Install the extension</h3><p class="text-sm text-gray-500 dark:text-gray-400">Lightweight MV3 extension for WhatsApp Web. Install in seconds.</p></div><div class="text-center relative" style="opacity:0;transform:translateY(30px)"><div class="hidden md:block absolute top-8 left-[60%] w-[80%] h-px bg-gray-200 dark:bg-gray-700"></div><div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl text-white font-bold text-xl mb-4 relative z-10" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">02</div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Set up your operation</h3><p class="text-sm text-gray-500 dark:text-gray-400">Add sessions, organize your team, and define usernames.</p></div><div class="text-center relative" style="opacity:0;transform:translateY(30px)"><div class="hidden md:block absolute top-8 left-[60%] w-[80%] h-px bg-gray-200 dark:bg-gray-700"></div><div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl text-white font-bold text-xl mb-4 relative z-10" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">03</div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Activate modules</h3><p class="text-sm text-gray-500 dark:text-gray-400">WaioChat, WaioChat PRO, iSaver, iProtect, CRM, and automated scripts.</p></div><div class="text-center relative" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl text-white font-bold text-xl mb-4 relative z-10" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">04</div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Scale with intelligence</h3><p class="text-sm text-gray-500 dark:text-gray-400">Automate, track metrics, and evolve progressively.</p></div></div></div></section><section class="py-24 bg-[#F5F9FF] dark:bg-gray-950"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Who is WaioChat for?</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">Built for operations that take WhatsApp seriously.</p></div><div class="grid md:grid-cols-3 gap-6"><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-md transition-all" style="opacity:0;transform:translateY(30px)"><h3 class="font-bold text-gray-900 dark:text-white mb-2">
79Agencies</h3><p class="text-sm text-gray-600 dark:text-gray-400">Manage multiple client operations with independent sessions and centralized control.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-md transition-all" style="opacity:0;transform:translateY(30px)"><h3 class="font-bold text-gray-900 dark:text-white mb-2">Closers &amp; Sales Teams</h3><p class="text-sm text-gray-600 dark:text-gray-400">Mass messaging + CRM to convert faster with organization.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-md transition-all" style="opacity:0;transform:translateY(30px)"><h3 class="font-bold text-gray-900 dark:text-white mb-2">SDRs</h3><p class="text-sm text-gray-600 dark:text-gray-400">Prospecting at scale with intelligent extraction and automated cadence.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-md transition-all" style="opacity:0;transform:translateY(30px)"><h3 class="font-bold text-gray-900 dark:text-white mb-2">Support Operations</h3><p class="text-sm text-gray-600 dark:text-gray-400">Personalized virtual support with quick replies and automated flows.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-md transition-all" style="opacity:0;transform:translateY(30px)"><h3 class="font-bold text-gray-900 dark:text-white mb-2">Digital Creators</h3><p class="text-sm text-gray-600 dark:text-gray-400">Scale launches and relationships with smart automation.</p></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm hover:shadow-md transition-all" style="opacity:0;transform:translateY(30px)"><h3 class="font-bold text-gray-900 dark:text-white mb-2">Distributed Teams</h3><p class="text-sm text-gray-600 dark:text-gray-400">Multiple devices, multiple agents, one login.</p></div></div></div></section><section class="py-24 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Why choose WaioChat?</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">Premium-level differentiator: The Secret to Serving 10x More Customers on WhatsApp</p></div><div class="grid md:grid-cols-4 gap-6"><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chrome" style="color:#1677FF"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" x2="12" y1="8" y2="8"></line><line x1="3.95" x2="8.54" y1="6.06" y2="14"></line><line x1="10.88" x2="15.46" y1="21.94" y2="14"></line></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Modern MV3 Extension</h3><p class="text-sm text-gray-500 dark:text-gray-400">Updated, lightweight, and secure technology.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles" style="color:#1677FF"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Guided Interface</h3><p class="text-sm text-gray-500 dark:text-gray-400">Offer organized by real modules, specials, and operational routines.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" style="color:#1677FF"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Multi-language</h3><p class="text-sm text-gray-500 dark:text-gray-400">Operate globally with multi-language support.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones" style="color:#1677FF"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Global Support</h3><p class="text-sm text-gray-500 dark:text-gray-400">Specialized team available with a guided experience in 20+ languages.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package" style="color:#1677FF"><path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"></path><path d="M12 22V12"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><path d="m7.5 4.27 9 5.15"></path></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Complete Suite</h3><p class="text-sm text-gray-500 dark:text-gray-400">Bulk sending, save/export contacts, warming, CRM, labels, filters, and scripts.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers" style="color:#1677FF"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Multi Sessions</h3><p class="text-sm text-gray-500 dark:text-gray-400">Scale with multiple devices under the same login.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-cog" style="color:#1677FF"><circle cx="18" cy="15" r="3"></circle><circle cx="9" cy="7" r="4"></circle><path d="M10 15H6a4 4 0 0 0-4 4v2"></path><path d="m21.7 16.4-.9-.3"></path><path d="m15.2 13.9-.9-.3"></path><path d="m16.6 18.7.3-.9"></path><path d="m19.1 12.2.3-.9"></path><path d="m19.6 18.7-.4-1"></path><path d="m16.8 12.3-.4-1"></path><path d="m14.3 16.6 1-.4"></path><path d="m20.7 13.8 1-.4"></path></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Full Customization</h3><p class="text-sm text-gray-500 dark:text-gray-400">Agent signatures, custom labels, and configurable automations.</p></div><div class="rounded-2xl p-6 border border-gray-100 dark:border-gray-700 hover:shadow-md transition-all text-center" style="opacity:0;transform:translateY(30px)"><div class="w-12 h-12 mx-auto rounded-xl flex items-center justify-center mb-4 bg-blue-50 dark:bg-blue-950/50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up" style="color:#1677FF"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h3 class="font-bold text-gray-900 dark:text-white mb-2">Professional Scale</h3><p class="text-sm text-gray-500 dark:text-gray-400">Cadence, scheduling, batch limits, and AntiBlock for high volume.</p></div></div></div></section><section class="py-24 bg-[#F5F9FF] dark:bg-gray-950"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Where WaioChat accelerates revenue and execution</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">Combined features that put more contacts into the pipeline, speed up replies, and stop commercial opportunities from being missed.</p></div><div class="grid md:grid-cols-3 gap-8"><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm" style="opacity:0;transform:translateY(30px)"><div class="inline-flex rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-blue-50 dark:bg-blue-950/50 text-cyan-600 dark:text-cyan-300 mb-4">Bulk sending + CRM</div><h3 class="font-semibold text-gray-900 dark:text-white text-lg mb-3">Sales teams</h3><p class="text-gray-600 dark:text-gray-400 leading-7">Campaigns gain scale and predictability when Quick Messages, Bulk Sending, filters, and follow-up live inside the same flow. Teams reply faster and turn more contacts into meetings.</p><div class="w-16 h-1 rounded-full mt-6" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"></div></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm" style="opacity:0;transform:translateY(30px)"><div class="inline-flex rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-blue-50 dark:bg-blue-950/50 text-cyan-600 dark:text-cyan-300 mb-4">Labels + signatures + multi sessions</div><h3 class="font-semibold text-gray-900 dark:text-white text-lg mb-3">Support operations</h3><p class="text-gray-600 dark:text-gray-400 leading-7">Custom labels, automatic signatures, and multi sessions make support more consistent, reduce context loss, and protect upsell and reactivation opportunities.</p><div class="w-16 h-1 rounded-full mt-6" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"></div></div><div class="bg-white dark:bg-gray-800 rounded-2xl p-6 border border-gray-100 dark:border-gray-700 shadow-sm" style="opacity:0;transform:translateY(30px)"><div class="inline-flex rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-blue-50 dark:bg-blue-950/50 text-cyan-600 dark:text-cyan-300 mb-4">iSaver + iProtect</div><h3 class="font-semibold text-gray-900 dark:text-white text-lg mb-3">Prospecting and warming</h3><p class="text-gray-600 dark:text-gray-400 leading-7">iSaver and iProtect help launch new outreach fronts with less friction, ready-made lists, and warmed numbers that generate more sales conversations safely.</p><div class="w-16 h-1 rounded-full mt-6" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"></div></div></div><p class="text-center text-xs text-gray-600 dark:text-gray-300 mt-6">* Usage examples based on the current extension capabilities.</p></div></section><section class="py-24 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">WaioChat vs. alternatives</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">Compare and see why WaioChat is the professional choice.</p></div><div class="overflow-x-auto" style="opacity:0;transform:translateY(30px)"><table class="w-full min-w-[600px]"><thead><tr><th class="text-left py-4 px-4 text-sm text-gray-500 dark:text-gray-400">Feature</th><th class="py-4 px-4 text-sm text-gray-500 dark:text-gray-400">Manual</th><th class="py-4 px-4 text-sm text-gray-500 dark:text-gray-400">Isolated Tools</th><th class="py-4 px-4 text-sm font-bold rounded-t-xl bg-blue-50 dark:bg-blue-950/50" style="color:#1677FF">WaioChat</th></tr></thead><tbody><tr class="bg-gray-50/50 dark:bg-gray-800/30"><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Controlled bulk sending</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-yellow-500 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class=""><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Save/export contacts</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-yellow-500 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="bg-gray-50/50 dark:bg-gray-800/30"><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Chip warming</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-yellow-500 mx-auto"><path d="M20 6 9 17l-5-5"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class=""><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Quick Messages and automatic replies</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="bg-gray-50/50 dark:bg-gray-800/30"><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Automated scripts</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class=""><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">CRM with folders and filters</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="bg-gray-50/50 dark:bg-gray-800/30"><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Labels, signatures, and usernames</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class=""><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Scheduling, cadence, and batch limits</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class="bg-gray-50/50 dark:bg-gray-800/30"><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Global support and 20+ languages</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr><tr class=""><td class="py-3 px-4 text-sm text-gray-700 dark:text-gray-300">Multi-session operation</td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-red-400 mx-auto"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></td><td class="py-3 px-4 text-center bg-blue-50/50 dark:bg-blue-950/30"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mx-auto" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg></td></tr></tbody></table></div></div></section><section id="planos" class="py-24 bg-[#F5F9FF] dark:bg-gray-950"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Plans aligned with the real extension offer</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">WaioChat and WaioChat PRO for bulk sending, with iSaver and iProtect as optional special add-ons.</p></div><div class="flex items-center justify-center gap-4 flex-wrap mb-12"><div class="flex items-center gap-3 bg-white dark:bg-gray-800 rounded-full p-1 shadow-sm border border-gray-100 dark:border-gray-700"><button class="px-5 py-2 rounded-full text-sm transition-all" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);color:white"><span class="">Monthly</span></button><button class="px-5 py-2 rounded-full text-sm transition-all"><span class="text-gray-600 dark:text-gray-400">Annual</span></button></div></div><div class="grid xl:grid-cols-2 gap-8"><article class="rounded-[2rem] p-8 border transition-all relative bg-white dark:bg-gray-800 shadow-sm" style="border-color:var(--border);opacity:0;transform:translateY(30px)"><div class="flex items-start justify-between gap-4 mb-6"><div class="flex items-center gap-3 min-w-0"><picture><source srcSet="/assets/logo_waiochat-sm.webp" type="image/webp"/><img src="/assets/logo_waiochat.png" alt="WaioChat" title="WaioChat" class="h-11 w-auto shrink-0" width="44" height="44" decoding="async" style="object-fit:contain"/></picture><div class="min-w-0"><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-1">WaioChat</h3><div class="inline-flex items-center rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-blue-50 dark:bg-blue-950/50 text-cyan-600 dark:text-cyan-300">ESSENTIAL</div></div></div><div class="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 text-right">Monthly</div></div><div class="mb-6"><div class="flex items-end gap-2"><span class="text-4xl font-bold text-gray-900 dark:text-white leading-none">R$79.90</span><span class="text-base text-gray-500 dark:text-gray-400 mb-1">/mo</span></div></div><a href="https://app.waiochat.com/planos/waiochat-mensal?lang=en" target="_blank" rel="noopener noreferrer" class="block w-full py-3 rounded-xl font-semibold text-center transition-all hover:-translate-y-0.5 mb-8" style="background:#1677FF18;color:#1677FF">Subscribe now</a><div class="text-xs font-bold uppercase tracking-[0.24em] text-cyan-600 dark:text-cyan-300 mb-3">UNLIMITED USE</div><ul class="space-y-3 mb-6"><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Quick Messages: texts, audio, media, and documents.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>AntiBlock System with Dynamic Delay and randomizers.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Automated scripts.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Bulk Sending.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Automatic replies.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Mention Everyone.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Appointment scheduling.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Folders for organization.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Filters.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Real CRM.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>WaioClass (WaioChat and WhatsApp courses).</span></li></ul></article><article class="rounded-[2rem] p-8 border transition-all relative bg-white dark:bg-gray-800 shadow-2xl" style="border-color:#1677FF;border-width:2px;opacity:0;transform:translateY(30px)"><div class="absolute -top-4 right-6 px-4 py-1 rounded-full text-white text-xs font-semibold" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)">Most popular</div><div class="flex items-start justify-between gap-4 mb-6"><div class="flex items-center gap-3 min-w-0"><picture><source srcSet="/assets/waiochat-pro-sm.webp" type="image/webp"/><img src="/assets/waiochat-pro.png" alt="WaioChat PRO" title="WaioChat PRO" class="h-11 w-auto shrink-0" width="44" height="44" decoding="async" style="object-fit:contain"/></picture><div class="min-w-0"><h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-1">WaioChat PRO</h3><div class="inline-flex items-center rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-blue-50 dark:bg-blue-950/50 text-cyan-600 dark:text-cyan-300">COMPLETE</div></div></div><div class="text-[11px] uppercase tracking-[0.2em] text-gray-400 dark:text-gray-500 text-right">Monthly</div></div><div class="mb-6"><div class="flex items-end gap-2"><span class="text-4xl font-bold text-gray-900 dark:text-white leading-none">R$129.90</span><span class="text-base text-gray-500 dark:text-gray-400 mb-1">/mo</span></div></div><a href="https://app.waiochat.com/planos/waiochat-pro-mensal?lang=en" target="_blank" rel="noopener noreferrer" class="block w-full py-3 rounded-xl font-semibold text-center transition-all hover:-translate-y-0.5 mb-8" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);color:white">Subscribe now</a><div class="text-xs font-bold uppercase tracking-[0.24em] text-cyan-600 dark:text-cyan-300 mb-3">UNLIMITED USE</div><p class="text-sm text-gray-600 dark:text-gray-300 mb-4">Everything in WaioChat, plus:</p><ul class="space-y-3 mb-6"><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Custom labels for chats.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Scripts add chats directly to filters.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Scripts add chats directly to labels.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Custom automatic signatures for each agent.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Bulk send scheduling, frequency control, and batch limits.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>AntiBlock System with Randomizer + Dynamic Delay.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>Personalized support, self-guided interface, 20+ languages, and continuous updates.</span></li><li class="flex items-start gap-3 text-sm text-gray-600 dark:text-gray-300 leading-6"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>RevClass (WhatsApp courses).</span></li></ul><div class="pt-6 border-t border-gray-100 dark:border-gray-700"><div class="text-xs font-bold uppercase tracking-[0.24em] text-cyan-600 dark:text-cyan-300 mb-4">INCLUDING SPECIALS:</div><div class="grid grid-cols-2 gap-3"><div class="rounded-2xl border border-gray-100 dark:border-gray-700 bg-gray-50 dark:bg-gray-900/50 p-4 text-center"><div class="flex justify-center mb-2"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;background:linear-gradient(135deg, #4169E1 0%, #7C3AED 100%);box-shadow:0 10px 25px rgba(124, 58, 237, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="21.08" height="21.08" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg></div><div style="position:absolute;bottom:2.72px;right:2.72px;padding:1.87px;background:#22D3EE;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="8.5" height="8.5" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone"><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"></path></svg></div></div></div><div class="font-semibold text-gray-900 dark:text-white text-sm">iSaver</div><div class="text-xs text-gray-500 dark:text-gray-400 mt-1">Save / Export Contacts</div></div><div class="rounded-2xl border border-gray-100 dark:border-gray-700 bg-gray-50 dark:bg-gray-900/50 p-4 text-center"><div class="flex justify-center mb-2"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;background:linear-gradient(135deg, #FF6B35 0%, #FF9800 100%);box-shadow:0 10px 25px rgba(255, 107, 53, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="21.08" height="21.08" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg></div><div style="position:absolute;bottom:2.72px;right:2.72px;padding:1.87px;background:#FFB300;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="8.5" height="8.5" viewB
79ox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div></div></div><div class="font-semibold text-gray-900 dark:text-white text-sm">iProtect</div><div class="text-xs text-gray-500 dark:text-gray-400 mt-1">WhatsApp Warmer</div></div></div></div></article></div><div class="mt-20"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Special add-ons</h2><p class="text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto">iSaver to save/export contacts and iProtect to warm chips with safer operational preparation.</p></div><div class="grid xl:grid-cols-2 gap-10"><div style="opacity:0;transform:translateY(30px)"><div class="flex justify-center mb-5"><div class="inline-flex items-center gap-2 rounded-full px-5 py-2 text-sm font-semibold text-white shadow-lg" style="background:linear-gradient(90deg, #19B6F6 0%, #16A8E7 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span>What is iProtect?</span></div></div><div class="rounded-[2rem] overflow-hidden border border-gray-100 dark:border-gray-700 shadow-xl bg-white dark:bg-gray-800"><div class="p-6 md:p-7 text-white" style="background:linear-gradient(135deg, #0F3657 0%, #26195A 100%)"><div class="flex items-start gap-4"><div class="w-14 h-14 rounded-2xl bg-white/12 flex items-center justify-center shrink-0"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg, #FF6B35 0%, #FF9800 100%);box-shadow:0 10px 25px rgba(255, 107, 53, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="24.8" height="24.8" viewBox="0 0 24 24" fill="white" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg></div><div style="position:absolute;bottom:3.2px;right:3.2px;padding:2.2px;background:#FFB300;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div></div></div><div class="min-w-0 flex-1"><div class="text-[11px] font-bold uppercase tracking-[0.24em] text-white/65 mb-2">iProtect</div><h3 class="text-2xl font-bold leading-tight mb-3">Keep your WhatsApp chips always active and safe!</h3><div class="inline-flex rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-white/10 text-white/80 mb-4">WHATSAPP WARMER</div><p class="text-white/80 leading-7 text-sm md:text-base">With iProtect, you automate message sending between your numbers to simulate human activity and avoid bans. Keep your chips always warmed up and ready to use.</p></div></div></div><div class="grid md:grid-cols-2 gap-5 p-6 md:p-7"><div class="rounded-[1.75rem] border p-6 bg-white dark:bg-gray-900 border-gray-100 dark:border-gray-700"><div class="flex items-center justify-between gap-4 mb-5"><h3 class="text-2xl font-bold text-gray-900 dark:text-white">Monthly plan</h3><div class="rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em]" style="background:#1677FF14;color:#1677FF">MONTHLY</div></div><div class="flex items-end gap-2 mt-2 mb-2"><span class="text-4xl font-bold leading-none text-gray-900 dark:text-white">R$49.90</span><span class="text-gray-500 dark:text-gray-400 mb-1">/mo</span></div><div class="mb-6"></div><a href="https://app.waiochat.com/planos/iprotect-mensal?lang=en" target="_blank" rel="noopener noreferrer" class="block w-full py-3 rounded-xl font-semibold text-center transition-all hover:-translate-y-0.5 mb-6" style="background:#1677FF12;color:#1677FF">Subscribe now</a><ul class="space-y-3"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#FF8A1E"><path d="M20 6 9 17l-5-5"></path></svg><span>1 user per license</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#FF8A1E"><path d="M20 6 9 17l-5-5"></path></svg><span>1 month of access</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#FF8A1E"><path d="M20 6 9 17l-5-5"></path></svg><span>
79Automatic renewal</span></li></ul></div><div class="rounded-[1.75rem] border p-6 bg-[#0D1728] text-white border-[#18243A]"><div class="flex items-center justify-between gap-4 mb-5"><h3 class="text-2xl font-bold text-white">Annual plan</h3><div class="rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em]" style="background:rgba(34, 211, 238, 0.18);color:#8BE7FF">BEST SELLER</div></div><div class="flex items-end gap-2 mt-2 mb-2"><span class="text-4xl font-bold leading-none text-white">12x of R$33.32</span><span class="text-white/75 mb-1">/mo</span></div><div class="mb-6"></div><a href="https://app.waiochat.com/planos/iprotect-anual?lang=en" target="_blank" rel="noopener noreferrer" class="block w-full py-3 rounded-xl font-semibold text-center transition-all hover:-translate-y-0.5 mb-6" style="background:#1BB7F5;color:white">Subscribe now</a><ul class="space-y-3"><li class="flex items-start gap-3 text-sm leading-6 text-white/85"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#FF8A1E"><path d="M20 6 9 17l-5-5"></path></svg><span>1 user per license</span></li><li class="flex items-start gap-3 text-sm leading-6 text-white/85"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#FF8A1E"><path d="M20 6 9 17l-5-5"></path></svg><span>12 months of access</span></li><li class="flex items-start gap-3 text-sm leading-6 text-white/85"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#FF8A1E"><path d="M20 6 9 17l-5-5"></path></svg><span>
79Automatic renewal</span></li></ul></div></div></div></div><div style="opacity:0;transform:translateY(30px)"><div class="flex justify-center mb-5"><div class="inline-flex items-center gap-2 rounded-full px-5 py-2 text-sm font-semibold text-white shadow-lg" style="background:linear-gradient(90deg, #19B6F6 0%, #16A8E7 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span>What is iSaver?</span></div></div><div class="rounded-[2rem] overflow-hidden border border-gray-100 dark:border-gray-700 shadow-xl bg-white dark:bg-gray-800"><div class="p-6 md:p-7 text-white" style="background:linear-gradient(135deg, #0F3657 0%, #26195A 100%)"><div class="flex items-start gap-4"><div class="w-14 h-14 rounded-2xl bg-white/12 flex items-center justify-center shrink-0"><div style="position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg, #4169E1 0%, #7C3AED 100%);box-shadow:0 10px 25px rgba(124, 58, 237, 0.4);overflow:hidden"><div style="position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="24.8" height="24.8" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg></div><div style="position:absolute;bottom:3.2px;right:3.2px;padding:2.2px;background:#22D3EE;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center"><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone"><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"></path></svg></div></div></div><div class="min-w-0 flex-1"><div class="text-[11px] font-bold uppercase tracking-[0.24em] text-white/65 mb-2">iSaver</div><h3 class="text-2xl font-bold leading-tight mb-3">Save all contacts at once with just 1 click!</h3><div class="inline-flex rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em] bg-white/10 text-white/80 mb-4">SAVE / EXPORT CONTACTS</div><p class="text-white/80 leading-7 text-sm md:text-base">With iSaver, you will never waste time saving contacts one by one again. Simplify your routine and eliminate this operational bottleneck for good.</p></div></div></div><div class="grid md:grid-cols-2 gap-5 p-6 md:p-7"><div class="rounded-[1.75rem] border p-6 bg-white dark:bg-gray-900 border-gray-100 dark:border-gray-700"><div class="flex items-center justify-between gap-4 mb-5"><h3 class="text-2xl font-bold text-gray-900 dark:text-white">Monthly plan</h3><div class="rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em]" style="background:#1677FF14;color:#1677FF">MONTHLY</div></div><div class="flex items-end gap-2 mt-2 mb-2"><span class="text-4xl font-bold leading-none text-gray-900 dark:text-white">R$49.90</span><span class="text-gray-500 dark:text-gray-400 mb-1">/mo</span></div><div class="mb-6"></div><a href="https://app.waiochat.com/planos/isaver-mensal?lang=en" target="_blank" rel="noopener noreferrer" class="block w-full py-3 rounded-xl font-semibold text-center transition-all hover:-translate-y-0.5 mb-6" style="background:#1677FF12;color:#1677FF">Subscribe now</a><ul class="space-y-3"><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
79ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>1 user per license</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>1 month of access</span></li><li class="flex items-start gap-3 text-sm leading-6 text-gray-600 dark:text-gray-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>
79Automatic renewal</span></li></ul></div><div class="rounded-[1.75rem] border p-6 bg-[#0D1728] text-white border-[#18243A]"><div class="flex items-center justify-between gap-4 mb-5"><h3 class="text-2xl font-bold text-white">Annual plan</h3><div class="rounded-full px-3 py-1 text-[11px] font-bold tracking-[0.22em]" style="background:rgba(34, 211, 238, 0.18);color:#8BE7FF">BEST SELLER</div></div><div class="flex items-end gap-2 mt-2 mb-2"><span class="text-4xl font-bold leading-none text-white">12x of R$33.32</span><span class="text-white/75 mb-1">/mo</span></div><div class="mb-6"></div><a href="https://app.waiochat.com/planos/isaver-anual?lang=en" target="_blank" rel="noopener noreferrer" class="block w-full py-3 rounded-xl font-semibold text-center transition-all hover:-translate-y-0.5 mb-6" style="background:#1BB7F5;color:white">Subscribe now</a><ul class="space-y-3"><li class="flex items-start gap-3 text-sm leading-6 text-white/85"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>1 user per license</span></li><li class="flex items-start gap-3 text-sm leading-6 text-white/85"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>12 months of access</span></li><li class="flex items-start gap-3 text-sm leading-6 text-white/85"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-1 shrink-0" style="color:#1677FF"><path d="M20 6 9 17l-5-5"></path></svg><span>
79Automatic renewal</span></li></ul></div></div></div></div></div></div></div></section><section class="py-24 bg-white dark:bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Security, support and evolution</h2></div><div class="grid md:grid-cols-4 gap-6"><div class="text-center p-6" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones mx-auto mb-4" style="color:#1677FF"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg><h3 class="font-bold text-gray-900 dark:text-white mb-2">24/7 Support</h3><p class="text-sm text-gray-500 dark:text-gray-400">Specialized team always available.</p></div><div class="text-center p-6" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap mx-auto mb-4" style="color:#1677FF"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><h3 class="font-bold text-gray-900 dark:text-white mb-2">Constant Updates</h3><p class="text-sm text-gray-500 dark:text-gray-400">Continuous evolution with new features.</p></div><div class="text-center p-6" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe mx-auto mb-4" style="color:#1677FF"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><h3 class="font-bold text-gray-900 dark:text-white mb-2">Global Platform</h3><p class="text-sm text-gray-500 dark:text-gray-400">International operation, multi-language.</p></div><div class="text-center p-6" style="opacity:0;transform:translateY(30px)"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield mx-auto mb-4" style="color:#1677FF"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg><h3 class="font-bold text-gray-900 dark:text-white mb-2">Scale Structure</h3><p class="text-sm text-gray-500 dark:text-gray-400">Architecture designed for high volume.</p></div></div></div></section><section id="faq" class="py-24 bg-[#F5F9FF] dark:bg-gray-950"><div class="max-w-3xl mx-auto px-6"><div class="text-center mb-16" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-gray-900 dark:text-white mb-4">Frequently asked questions</h2></div><div class="space-y-3"><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Which countries does it work in?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Is it multi-language?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Do I need to install anything?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Which modules are included?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Is it suitable for commercial operations?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Can I have multiple sessions with the same login?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">
79How does WaioChat work?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">How does WaioChat PRO work?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">How does iSaver work?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">
79How does iProtect work?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Can I customize usernames and agent signatures?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="bg-white dark:bg-gray-800 rounded-xl border border-gray-100 dark:border-gray-700 overflow-hidden" style="opacity:0;transform:translateY(30px)"><button class="w-full flex items-center justify-between p-5 text-left"><span class="font-semibold text-gray-900 dark:text-white">Are there monthly and annual plans?</span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-gray-400"><path d="m6 9 6 6 6-6"></path></svg></button></div></div></div></section><section class="py-24 relative overflow-hidden"><div class="absolute inset-0" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%);opacity:0.95"></div><div class="relative max-w-4xl mx-auto px-6 text-center"><div style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-5xl font-bold text-white mb-6">Ready to scale your WhatsApp operation with intelligence?</h2><p class="text-lg text-white/80 mb-10 max-w-2xl mx-auto">Controlled bulk sending, exportable contacts, safer warming, and real features built to generate more conversations, more follow-up, and more sales on WhatsApp.</p><div class="flex flex-wrap justify-center gap-4"><a href="#planos" class="px-8 py-4 rounded-xl bg-white font-bold shadow-lg hover:shadow-xl transition-all hover:-translate-y-0.5" style="color:#1677FF">Get started<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right inline ml-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#" class="px-8 py-4 rounded-xl border-2 border-white/40 text-white font-semibold hover:bg-white/10 transition-all flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg> <!-- -->Talk to a specialist</a></div></div></div></section><section id="cases-de-sucesso" class="py-24 bg-gray-900"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-14" style="opacity:0;transform:translateY(30px)"><div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-cyan-500/30 bg-cyan-500/10 text-cyan-400 text-sm font-medium mb-5"><span class="w-1.5 h-1.5 rounded-full bg-cyan-400 animate-pulse"></span>Watch testimonial</div><h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Real customers. Real results.</h2><p class="text-gray-400 text-lg max-w-2xl mx-auto">See what businesses already using WaioChat have to say</p></div><div class="grid md:grid-cols-3 gap-6"><a href="https://youtube.com/shorts/qQ-i8iy2xRM" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-cyan-500/30 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl hover:shadow-cyan-950/40" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/qQ-i8iy2xRM/maxresdefault.jpg" alt="No more chaos on WhatsApp" title="No more chaos on WhatsApp" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute top-3 right-3 bg-black/60 backdrop-blur-sm text-white text-[10px] font-semibold px-2 py-0.5 rounded-full border border-white/10">Shorts</div></div><div class="flex flex-col flex-1 p-5"><div class="flex items-center gap-1.5 mb-3"><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">No more chaos on WhatsApp</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3 italic">“<!-- -->Our team stopped losing messages and the support workflow became completely organised with WaioChat.<!-- -->”</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch testimonial</div></div></a><a href="https://youtube.com/shorts/sVJDojwLqW8" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-cyan-500/30 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl hover:shadow-cyan-950/40" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/sVJDojwLqW8/maxresdefault.jpg" alt="Pipeline and follow-up inside WhatsApp" title="Pipeline and follow-up inside WhatsApp" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute top-3 right-3 bg-black/60 backdrop-blur-sm text-white text-[10px] font-semibold px-2 py-0.5 rounded-full border border-white/10">Shorts</div></div><div class="flex flex-col flex-1 p-5"><div class="flex items-center gap-1.5 mb-3"><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Pipeline and follow-up inside WhatsApp</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3 italic">“<!-- -->With the built-in CRM, we manage our entire sales pipeline and follow-ups without leaving WhatsApp.<!-- -->”</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch testimonial</div></div></a><a href="https://youtube.com/shorts/xArTO4TCOpQ" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-cyan-500/30 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl hover:shadow-cyan-950/40" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/xArTO4TCOpQ/maxresdefault.jpg" alt="Organised chats and faster responses" title="Organised chats and faster responses" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div><div class="absolute top-3 right-3 bg-black/60 backdrop-blur-sm text-white text-[10px] font-semibold px-2 py-0.5 rounded-full border border-white/10">Shorts</div></div><div class="flex flex-col flex-1 p-5"><div class="flex items-center gap-1.5 mb-3"><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg><svg class="w-3.5 h-3.5 text-amber-400 fill-amber-400" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg></div><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Organised chats and faster responses</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3 italic">“<!-- -->We automated repetitive tasks, organised our chats, and our response times improved dramatically.<!-- -->”</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch testimonial</div></div></a></div></div></section><section id="tutoriais" class="py-24 bg-gray-950"><div class="max-w-7xl mx-auto px-6"><div class="text-center mb-14" style="opacity:0;transform:translateY(30px)"><h2 class="text-3xl md:text-4xl font-bold text-white mb-4">See WaioChat in Action</h2><p class="text-gray-400 text-lg max-w-2xl mx-auto">Practical tutorials to master every feature and scale your WhatsApp operation</p></div><div class="grid md:grid-cols-3 gap-6"><a href="https://www.youtube.com/watch?v=IFgFWqkyLeY" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/IFgFWqkyLeY/maxresdefault.jpg" alt="WhatsApp Bulk Messaging to Labels" title="WhatsApp Bulk Messaging to Labels" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">WhatsApp Bulk Messaging to Labels</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Learn how to send bulk WhatsApp messages to contacts segmented by labels using WaioChat. Scale your outreach campaigns and reach more leads with less manual effort.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=R77Dv3k14AA" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/R77Dv3k14AA/maxresdefault.jpg" alt="Identify Your Agents with Usernames" title="Identify Your Agents with Usernames" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30"><div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Identify Your Agents with Usernames</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Set up custom usernames for each agent and automatically identify who sent each WhatsApp message. Ideal for sales and support teams operating at scale.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=Ag3vRU4Qrik" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/Ag3vRU4Qrik/maxresdefault.jpg" alt="Segment with Filters in WaioChat" title="Segment with Filters in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Segment with Filters in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Use filters to segment contacts, organise conversations by status and prioritise WhatsApp support. Better operational control for teams handling high message volumes.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=M5S9HkrX_7c" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/M5S9HkrX_7c/maxresdefault.jpg" alt="Master Automated Scripts in WaioChat" title="Master Automated Scripts in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30"><div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Master Automated Scripts in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Set up intelligent scripts to automate chat classification, trigger filters and accelerate repetitive tasks. Scale your WhatsApp operation with more control.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=dmXG7sleX5I" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/dmXG7sleX5I/maxresdefault.jpg" alt="Create Text Components in WaioChat" title="Create Text Components in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Create Text Components in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Learn how to create and configure text components for automated messages and quick replies. Customise templates and speed up WhatsApp customer support workflows.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=W9Qg8fnadqI" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/W9Qg8fnadqI/maxresdefault.jpg" alt="Create Audio Components in WaioChat" title="Create Audio Components in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30"><div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Create Audio Components in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Configure audio components to send automated and personalised voice messages. Humanise your bulk messaging and increase WhatsApp engagement with WaioChat.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=9PoxtZLxfIA" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/9PoxtZLxfIA/maxresdefault.jpg" alt="Create Image Components in WaioChat" title="Create Image Components in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Create Image Components in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Build visual components for campaigns with custom images and logos. Strengthen your brand identity in bulk WhatsApp messaging with WaioChat automation.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=3rmxd6fPVBY" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/3rmxd6fPVBY/maxresdefault.jpg" alt="Create Video Components in WaioChat" title="Create Video Components in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30"><div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Create Video Components in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Set up video components to send audiovisual content at scale. Increase conversion with visual demonstrations and automated tutorials on WhatsApp.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=yHsSoFAbrOc" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/yHsSoFAbrOc/maxresdefault.jpg" alt="Install WaioChat CRM for WhatsApp" title="Install WaioChat CRM for WhatsApp" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30">
79<div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Install WaioChat CRM for WhatsApp</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Learn how to install and set up the complete WaioChat CRM for WhatsApp. Organise pipeline, support and follow-ups without leaving the platform.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a><a href="https://www.youtube.com/watch?v=Dnd5oNgRSTI" target="_blank" rel="noopener noreferrer" class="group flex flex-col rounded-2xl overflow-hidden border border-white/10 bg-white/5 hover:bg-white/10 hover:border-white/20 transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl" style="opacity:0;transform:translateY(30px)"><div class="relative aspect-video overflow-hidden"><img src="https://img.youtube.com/vi/Dnd5oNgRSTI/maxresdefault.jpg" alt="Create Label Components in WaioChat" title="Create Label Components in WaioChat" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" decoding="async"/><div class="absolute inset-0 bg-black/40 flex items-center justify-center transition-opacity duration-300 group-hover:bg-black/30"><div class="w-14 h-14 rounded-full flex items-center justify-center shadow-xl transition-transform duration-300 group-hover:scale-110" style="background:linear-gradient(135deg, #1677FF 0%, #22D3EE 45%, #7C3AED 100%)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="white" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play text-white ml-1"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><div class="flex flex-col flex-1 p-5"><h3 class="font-bold text-white text-base leading-snug mb-2 group-hover:text-cyan-300 transition-colors duration-200">Create Label Components in WaioChat</h3><p class="text-sm text-gray-400 leading-relaxed line-clamp-3">Set up custom label components to classify conversations and prioritise support. Organise your WhatsApp operation with intelligent labels.</p><div class="mt-4 flex items-center gap-2 text-xs font-semibold text-cyan-400 group-hover:text-cyan-300 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg> <!-- -->Watch tutorial</div></div></a></div></div></section><footer class="bg-gray-900 py-12 text-gray-400 dark:bg-black"><div class="mx-auto max-w-7xl px-6"><div class="flex flex-col items-center justify-between gap-6 md:flex-row"><div class="flex items-center gap-3"><picture><source srcSet="/assets/logo_waiochat-sm.webp" type="image/webp"/><img src="/assets/logo_waiochat.png" alt="WaioChat" title="WaioChat" width="40" height="40" decoding="async" style="width:40px;height:40px;object-fit:contain;flex-shrink:0"/></picture><span class="text-lg font-bold text-white">WaioChat</span></div><div class="flex flex-wrap gap-6 text-sm"><a class="transition-colors hover:text-white" href="/terms/" data-discover="true">Terms of Service</a><a class="transition-colors hover:text-white" href="/privacy/" data-discover="true">Privacy Policy</a><a href="https://waiochat.com/support/" class="transition-colors hover:text-white">Support</a><a href="/cdn-cgi/l/email-protection#02717772726d70764275636b6d616a63762c616d6f" class="transition-colors hover:text-white">Contact</a></div><p class="text-xs">© 2026 WaioChat. All rights reserved.</p></div></div></footer></div></div>
vendor: 113 bytes, lines 79-80
79
80    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
80</body>
81  </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.