PageSourceSearch

https://b2chat.eu/es

html b2chat.eu collected 2026-09-28 05:55:31 UTC 153,025 bytes, 2,158 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8            <link rel="canonical" href="https://b2chat.eu/es" />
9        <title>B2Chat | Automatiza WhatsApp y vende más</title>
10<meta name="description"
11    content="Centraliza canales, envía mensajes masivos por WhatsApp, automatiza respuestas y mejora tu atención al cliente con B2Chat. Mejor gestión, más ventas.">
12<meta property="og:title" content="B2Chat | Automatiza WhatsApp y vende más">
13<meta property="og:description"
14    content="Centraliza canales, envía mensajes masivos por WhatsApp, automatiza respuestas y mejora tu atención al cliente con B2Chat. Mejor gestión, más ventas.">
15<meta name="twitter:title" content="B2Chat | Automatiza WhatsApp y vende más">
16<meta name="twitter:description"
17    content="Centraliza canales, envía mensajes masivos por WhatsApp, automatiza respuestas y mejora tu atención al cliente con B2Chat. Mejor gestión, más ventas.">
18
19<link rel="alternate" href="https://www.b2chat.io/" hreflang="es-CO" />
20<link rel="alternate" href="https://www.b2chat.io/mx/" hreflang="es-MX" />
21<link rel="alternate" href="https://b2chat.eu/es" hreflang="es-ES" />
22<meta name="robots" content="index, follow">
23    <link rel="preload" as="style" href="https://b2chat.eu/build/assets/app-DbreokuE.css" /><link rel="modulepreload" href="https://b2chat.eu/build/assets/app-Cs0QkU1O.js" /><link rel="stylesheet" href="https://b2chat.eu/build/assets/app-DbreokuE.css" />
23<script type="module" src="https://b2chat.eu/build/assets/app-Cs0QkU1O.js"></script>
23    <link rel="apple-touch-icon" href="https://b2chat.eu/favicon.png?v=2">
24    <link rel="shortcut icon" href="https://b2chat.eu/favicon.png?v=2">
25    <link rel="icon" href="https://b2chat.eu/favicon.png?v=2">
26    <link rel="preconnect" href="https://fonts.googleapis.com">
27    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
28    <link
29        href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
30        rel="stylesheet">
31    <link rel="stylesheet" href="https://b2chat.eu/assets/css/swiper.css">
32    <link rel="stylesheet" href="https://b2chat.eu/assets/css/pdcc.css?v=1" media="print" onload="this.media='all'">
33        <meta property="og:image" content="https://b2chat.eu/og_image.jpg">
34        <!-- Google Tag Manager -->
35    
35<script type="text/plain" data-cookiecategory="analytics">
vendor: 352 bytes, lines 35-40
35
36        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
37    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
38    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
39    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
40    })(window,document,'script','dataLayer','
40GTM-KXT6K2Q5
vendor: 3 bytes, line 40
40');
40</script>
40
41    <!-- End Google Tag Manager -->
42
43    <!-- Meta Pixel Code -->
44    
44<script type="text/plain" data-cookiecategory="analytics">
vendor: 439 bytes, lines 44-53
44
45        !function(f,b,e,v,n,t,s)
46    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
47    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
48    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
49    n.queue=[];t=b.createElement(e);t.async=!0;
50    t.src=v;s=b.getElementsByTagName(e)[0];
51    s.parentNode.insertBefore(t,s)}(window, document,'script',
52    'https://connect.facebook.net/en_US/fbevents.js');
53    fbq('init', '
53505578862300303
vendor: 38 bytes, lines 53-55
53');
54    fbq('track', 'PageView');
55    
55</script>
55
56    <noscript><img height="1" width="1" style="display:none"
57            src="https://www.facebook.com/tr?id=505578862300303&ev=PageView&noscript=1" /></noscript>
58    <!-- End Meta Pixel Code -->
59    <meta name="msvalidate.01" content="F3CA79B29B2126CB135AB5659CFDF5AE" />
60
61    <!-- Klaviyo -->
62    
62<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/XYKU6h/klaviyo.js"></script>
62
63
64    <!-- Hotjar Tracking Code for https://www.b2chat.io/ -->
65    
66</head>
67
68<body>
69    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 69-70
69
70    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
70GTM-KXT6K2Q5
vendor: 99 bytes, lines 70-72
70" height="0" width="0"
71            style="display:none;visibility:hidden"></iframe></noscript>
72    
72<!-- End Google Tag Manager (noscript) -->
73
74    <!-- Header -->
75    <header class="py-3 border-b md:py-4 shadow-sm sticky top-0 z-50 bg-white">
76        <div class="container max-w-screen-xl">
77            <nav class="grid grid-cols-2 lg:grid-cols-7 items-center justify-between">
78                <a href="https://b2chat.eu/es" class="opacity-hover lg:col-span-2">
79                    <img src="https://b2chat.eu/assets/images/logo.png" alt="b2chat" class="w-[130px]">
80                </a>
81                <ul class="items-center hidden gap-8 md:flex justify-center lg:col-span-3">
82                    <li class="group group-[.open] mega-menu-item">
83                        <button type="button"
84                            class="px-3 py-2 text-dark-gray animate hover:text-grass-green nav-link group-[.open]:text-grass-green">
85                            Producto
86                        </button>
87                        <!-- Mega-menu -->
88                        <div
89                            class="hidden group-[.open]:block absolute top-full w-[95%] xl:w-[1280px] 2xl:w-[1400px] left-1/2 -translate-x-1/2 pt-1 mega-menu">
90                            <div
91                                class="p-6 bg-white border rounded-10 border-soft-grey shadow-nav-dropdown max-h-[85vh] overflow-y-scroll">
92                                <div class="flex flex-col items-start gap-5 md:gap-10 md:flex-row">
93                                    <div class="flex-1">
94                                        <p class="text-lg font-medium text-medium-gray-3">Funcionalidades</p>
95                                        <div class="grid grid-cols-3 gap-6 mt-6">
96                                            <div class="space-y-6">
97                                                <!-- Item -->
98                                                <a href="https://b2chat.eu/es/funcionalidades/consola"
99                                                    class="flex items-center gap-3 opacity-hover">
100                                                    <span
101                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
102                                                        <img src="https://b2chat.eu/assets/images/consola.svg"
103                                                            alt="Consola">
104                                                    </span>
105                                                    <p class="text-base font-medium text-black">
106                                                        Consola
107                                                    </p>
108                                                </a>
109                                                <!-- Item -->
110                                                <a href="https://b2chat.eu/es/funcionalidades/departamentos"
111                                                    class="flex items-center gap-3 opacity-hover">
112                                                    <span
113                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
114                                                        <img src="https://b2chat.eu/assets/images/departamentos.svg"
115                                                            alt="Departamentos">
116                                                    </span>
117                                                    <p class="text-base font-medium text-black">
118                                                        Departamentos
119                                                    </p>
120                                                </a>
121                                                <!-- Item -->
122                                                <a href="https://b2chat.eu/es/funcionalidades/chatbot-satisfaccion"
123                                                    class="flex items-center gap-3 opacity-hover">
124                                                    <span
125                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
126                                                        <img src="https://b2chat.eu/assets/images/satisfaccion.svg"
127                                                            alt="Chatbot Satisfacción">
128                                                    </span>
129                                                    <p class="text-base font-medium text-black">
130                                                        Chatbot Satisfacción
131                                                    </p>
132                                                </a>
133                                                <!-- Item -->
134                                                <a href="https://b2chat.eu/es/funcionalidades/modulo-gestion-usuarios"
135                                                    class="flex items-center gap-3 opacity-hover">
136                                                    <span
137                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
138                                                        <img src="https://b2chat.eu/assets/images/usuarios.svg"
139                                                            alt="Usuarios">
140                                                    </span>
141                                                    <p class="text-base font-medium text-black">
142                                                        Usuarios
143                                                    </p>
144                                                </a>
145                                                <!-- Item -->
146                                                <a href="https://b2chat.eu/es/funcionalidades/etiquetas"
147                                                    class="flex items-center gap-3 opacity-hover">
148                                                    <span
149                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
150                                                        <img src="https://b2chat.eu/assets/images/etiquetas.svg"
151                                                            alt="Etiquetas">
152                                                    </span>
153                                                    <p class="text-base font-medium text-black">
154                                                        Etiquetas
155                                                    </p>
156                                                </a>
157                                                <!-- Item -->
158                                                <a href="https://b2chat.eu/es/funcionalidades/api-b2chat"
159                                                    class="flex items-center gap-3 opacity-hover">
160                                                    <span
161                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
162                                                        <img src="https://b2chat.eu/assets/images/api.svg"
163                                                            alt="API B2Chat">
164                                                    </span>
165                                                    <p class="text-base font-medium text-black">
166                                                        API B2Chat
167                                                    </p>
168                                                </a>
169                                                <!-- Item -->
170                                                <a href="https://b2chat.eu/es/funcionalidades/respuestas-automaticas"
171                                                    class="flex items-center gap-3 opacity-hover">
172                                                    <span
173                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
174                                                        <img src="https://b2chat.eu/assets/images/mensajes_automaticos.svg"
175                                                            alt=" Mensajes automáticos">
176                                                    </span>
177                                                    <p class="text-base font-medium text-black">
178                                                        Mensajes automáticos
179                                                    </p>
180                                                </a>
181
182                                            </div>
183                                            <div class="space-y-6">
184                                                <!-- Item -->
185                                                <a href="https://b2chat.eu/es/funcionalidades/auditoria"
186                                                    class="flex items-center gap-3 opacity-hover">
187                                                    <span
188                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
189                                                        <img src="https://b2chat.eu/assets/images/auditoria.svg"
190                                                            alt="Auditoría">
191                                                    </span>
192                                                    <p class="text-base font-medium text-black">
193                                                        Auditoría
194                                                    </p>
195                                                </a>
196                                                <!-- Item -->
197
198                                                <a href="https://b2chat.eu/es/funcionalidades/informes"
199                                                    class="flex items-center gap-3 opacity-hover">
200                                                    <span
201                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
202                                                        <img src="https://b2chat.eu/assets/images/informes.svg"
203                                                            alt="Informes">
204                                                    </span>
205                                                    <p class="text-base font-medium text-black">
206                                                        Informes
207                                                    </p>
208                                                </a>
209                                                <!-- Item -->
210                                                <a href="https://b2chat.eu/es/funcionalidades/modulo-ajustes-negocio"
211                                                    class="flex items-center gap-3 opacity-hover">
212                                                    <span
213                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
214                                                        <img src="https://b2chat.eu/assets/images/ajustes.svg"
215                                                            alt="Ajustes generales">
216                                                    </span>
217                                                    <p class="text-base font-medium text-black">
218                                                        Ajustes generales
219                                                    </p>
220                                                </a>
221                                                <!-- Item -->
222                                                <a href="https://b2chat.eu/es/funcionalidades/gestion-de-chats"
223                                                    class="flex items-center gap-3 opacity-hover">
224                                                    <span
225                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
226                                                        <img src="https://b2chat.eu/assets/images/gestion_chats.svg"
227                                                            alt="Gestión de chats">
228                                                    </span>
229                                                    <p class="text-base font-medium text-black">
230                                                        Gestión de chats
231                                                    </p>
232                                                </a>
233
234                                                <!-- Item -->
235                                                <a href="https://b2chat.eu/es/funcionalidades/trazabilidad-seguimiento"
236                                                    class="flex items-center gap-3 opacity-hover">
237                                                    <span
238                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
239                                                        <img src="https://b2chat.eu/assets/images/trazabilidad.svg"
240                                                            alt="Trazabilidad">
241                                                    </span>
242                                                    <p class="text-base font-medium text-black">
243                                                        Trazabilidad
244                                                    </p>
245                                                </a>
246                                                <!-- Item -->
247                                                <a href="https://b2chat.eu/es/funcionalidades/catalogo-whatsapp"
248                                                    class="flex items-center gap-3 opacity-hover">
249                                                    <span
250                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
251                                                        <img src="https://b2chat.eu/assets/images/whats.svg"
252                                                            alt="Catálogo de WhatsApp">
253                                                    </span>
254                                                    <p class="text-base font-medium text-black">
255                                                        Catálogo de WhatsApp
256                                                    </p>
257                                                </a>
258                                                <!-- Item -->
259                                                <a href="https://b2chat.eu/es/funcionalidades/consultas-automaticas"
260                                                    class="flex items-center gap-3 opacity-hover">
261                                                    <span
262                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
263                                                        <img src="https://b2chat.eu/assets/images/respuestas_dinamicas.svg"
264                                                            alt="Bot de respuestas dinámicas">
265                                                    </span>
266                                                    <p class="text-base font-medium text-black">
267                                                        Bot de respuestas dinámicas
268                                                    </p>
269                                                </a>
270                                            </div>
271                                            <div class="space-y-6">
272                                                <!-- Item -->
273                                                <a href="https://b2chat.eu/es/funcionalidades/canales"
274                                                    class="flex items-center gap-3 opacity-hover">
275                                                    <span
276                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
277                                                        <img src="https://b2chat.eu/assets/images/canales.svg"
278                                                            alt="Canales">
279                                                    </span>
280                                                    <p class="text-base font-medium text-black">
281                                                        Canales
282                                                    </p>
283                                                </a>
284                                                <!-- Item -->
285                                                <a href="https://b2chat.eu/es/funcionalidades/chatbot-soluciones"
286                                                    class="flex items-center gap-3 opacity-hover">
287                                                    <span
288                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
289                                                        <img src="https://b2chat.eu/assets/images/soluciones.svg"
290                                                            alt="Chatbot soluciones">
291                                                    </span>
292                                                    <p class="text-base font-medium text-black">
293                                                        Chatbot Soluciones
294                                                    </p>
295                                                </a>
296                                                <!-- Item -->
297                                                <a href="https://b2chat.eu/es/funcionalidades/modulo-contactos-clientes"
298                                                    class="flex items-center gap-3 opacity-hover">
299                                                    <span
300                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
301                                                        <img src="https://b2chat.eu/assets/images/contactos.svg"
302                                                            alt="Contactos">
303                                                    </span>
304                                                    <p class="text-base font-medium text-black">
305                                                        Contactos
306                                                    </p>
307                                                </a>
308                                                <!-- Item -->
309                                                <a href="https://b2chat.eu/es/funcionalidades/envios-masivos"
310                                                    class="flex items-center gap-3 opacity-hover">
311                                                    <span
312                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
313                                                        <img src="https://b2chat.eu/assets/images/masivos.svg"
314                                                            alt="Envíos masivos">
315                                                    </span>
316                                                    <p class="text-base font-medium text-black">
317                                                        Envíos masivos
318                                                    </p>
319                                                </a>
320                                                <!-- Item -->
321                                                <a href="https://b2chat.eu/es/funcionalidades/transferencia-de-chats"
322                                                    class="flex items-center gap-3 opacity-hover">
323                                                    <span
324                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
325                                                        <img src="https://b2chat.eu/assets/images/transferencia_chats.svg"
326                                                            alt="Transferencia de chats">
327                                                    </span>
328                                                    <p class="text-base font-medium text-black">
329                                                        Transferencia de chats
330                                                    </p>
331                                                </a>
332                                                <!-- Item -->
333                                                <a href="https://b2chat.eu/es/funcionalidades/ia-att-cliente"
334                                                    class="flex items-center gap-3 opacity-hover">
335                                                    <span
336                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
337                                                        <img src="https://b2chat.eu/assets/images/ai.svg"
338                                                            alt="IA de B2chat">
339                                                    </span>
340                                                    <p class="text-base font-medium text-black">
341                                                        IA de B2chat
342                                                    </p>
343                                                </a>
344                                            </div>
345                                        </div>
346                                    </div>
347                                    <div
348                                        class="lg:max-w-[28rem] flex-1 pt-5 border-t md:border-t-0 md:pt-0 md:border-l md:pl-10 border-light-gray-9">
349                                        <p class="text-lg font-medium text-medium-gray-3">Producto</p>
350                                        <div class="grid mt-6">
351                                            <div class="space-y-6">
352                                                <!-- Item -->
353                                                <a href="https://b2chat.eu/es/consola"
354                                                    class="flex items-start gap-3 opacity-hover">
355                                                    <span
356                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
357                                                        <img src="https://b2chat.eu/assets/images/Desktop.svg"
358                                                            alt="Desktop">
359                                                    </span>
360                                                    <span>
361                                                        <p class="text-base font-medium text-black">Consola
362                                                        </p>
363                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
364                                                            Supervisa y administra las interacciones entre tus agentes y
365                                                            leads.
366                                                        </p>
367                                                    </span>
368                                                </a>
369                                                <!-- Item -->
370                                                <a href="https://b2chat.eu/es/app-movil"
371                                                    class="flex items-start gap-3 opacity-hover">
372                                                    <span
373                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
374                                                        <img src="https://b2chat.eu/assets/images/DeviceMobile.svg"
375                                                            alt="DeviceMobile">
376                                                    </span>
377                                                    <span>
378                                                        <p class="text-base font-medium text-black">
379                                                            App Móvil
380                                                        </p>
381                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
382                                                            Transforma conversaciones en ventas directamente desde tu
383                                                            dispositivo móvil.
384                                                        </p>
385                                                    </span>
386                                                </a>
387                                                <!-- Item -->
388                                                <a href="https://b2chat.eu/es/catalogo-s
388hopify"
389                                                    class="flex items-start gap-3 opacity-hover">
390                                                    <span
391                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
392                                                        <img src="https://b2chat.eu/assets/images/shopify.svg"
393                                                            alt="shopify">
394                                                    </span>
395                                                    <span>
396                                                        <p class="text-base font-medium text-black">
397                                                            Catálogo de Shopify
398                                                        </p>
399                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
400                                                            Comparte tu catálogo de Shopify en WhatsApp de manera
401                                                            sencilla.
402                                                        </p>
403                                                    </span>
404                                                </a>
405                                                <!-- Item -->
406                                                <a href="https://b2chat.eu/es/integracion-hubspot"
407                                                    class="flex items-start gap-3 opacity-hover">
408                                                    <span
409                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
410                                                        <img src="https://b2chat.eu/assets/images/hubspot.svg"
411                                                            alt="hubspot">
412                                                    </span>
413                                                    <span>
414                                                        <p class="text-base font-medium text-black">
415                                                            Integración con HubSpot
416                                                        </p>
417                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
418                                                            Convierte los envíos masivos en tu herramienta clave para
419                                                            contactar
420                                                            a todos tus clientes con HubSpot y B2Chat.
421                                                        </p>
422                                                    </span>
423                                                </a>
424                                                <!-- Item -->
425                                                <a href="https://b2chat.eu/es/integracion-zapier"
426                                                    class="flex items-start gap-3 opacity-hover">
427                                                    <span
428                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
429                                                        <img src="https://b2chat.eu/assets/images/zapier.svg" alt="zapier">
430                                                    </span>
431                                                    <span>
432                                                        <p class="text-base font-medium text-black">
433                                                            Integración con Zapier
434                                                        </p>
435                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
436                                                            Bots e integraciones personalizadas: Maximizando tu
437                                                            eficiencia.
438                                                        </p>
439                                                    </span>
440                                                </a>
441                                            </div>
442                                        </div>
443                                    </div>
444                                </div>
445                            </div>
446                        </div>
447                    </li>
448                    <li>
449                        <a href="https://b2chat.eu/es/precios"
450                            class="text-base text-dark-gray duration-200 hover:text-grass-green">Precios</a>
451                    </li>
452                    <li>
453                        <a href="https://b2chat.eu/es/b2chat-para-shopify"
454                            class="text-base text-dark-gray duration-200 hover:text-grass-green">App Shopify</a>
455                    </li>
456                    <li class="group group-[.open] mega-menu-item">
457                        <button
458                            class="px-3 py-2 text-dark-gray animate hover:text-grass-green nav-link group-[.open]:text-grass-green">
459                            Recursos
460                        </button>
461                        <!-- Mega-menu -->
462                        <div
463                            class="hidden group-[.open]:block absolute top-full w-[95%] xl:w-[1100px] left-1/2 -translate-x-1/2 pt-1 mega-menu">
464                            <div class="p-6 bg-white border rounded-10 border-soft-grey shadow-nav-dropdown">
465                                <div class="flex flex-col items-start gap-5 md:gap-10 md:flex-row">
466                                    <div class="lg:w-64">
467                                        <p class="mb-6 text-lg font-medium text-medium-gray-3">Recursos</p>
468                                        <div class="space-y-6">
469                                            <!-- Item -->
470                                            <a href="https://b2chat.eu/es/preguntas-frecuentes" class="flex items-center gap-3 opacity-hover">
471                                                <span
472                                                    class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
473                                                    <img src="https://b2chat.eu/assets/images/ChatCenteredText.svg"
474                                                        alt="ChatCenteredText">
475                                                </span>
476                                                <p class="text-base font-medium text-black">
477                                                    Preguntas frecuentes
478                                                </p>
479                                            </a>
480                                            <!-- Item -->
481                                            <a href="https://b2chat.eu/es/calculadora-de-costes"
482                                                class="flex items-center gap-3 opacity-hover">
483                                                <span
484                                                    class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
485                                                    <img src="https://b2chat.eu/assets/images/informes.svg"
486                                                        alt="Calculadora de costes">
487                                                </span>
488                                                <p class="text-base font-medium text-black">
489                                                    Calculadora de costes
490                                                </p>
491                                            </a>
492                                            <!-- Item -->
493                                            <a href="https://b2chat.gitbook.io/b2chat-platform-api-docs"
494                                                class="flex items-center gap-3 opacity-hover">
495                                                <span
496                                                    class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
497                                                    <img src="https://b2chat.eu/assets/images/TreeStructure.svg"
498                                                        alt="TreeStructure">
499                                                </span>
500                                                <p class="text-base font-medium text-black">
501                                                    Desarrolladores
502                                                </p>
503                                            </a>
504                                            <!-- Item -->
505                                            
506                                        </div>
507                                    </div>
508                                    <div
509                                        class="flex-1 pt-5 border-t md:border-t-0 md:pt-0 md:border-l md:pl-10 border-light-gray-9">
510                                        <p class="mb-6 text-lg font-medium text-medium-gray-3">Portal de aprendizaje
511                                        </p>
512                                        <div class="grid grid-cols-2 gap-10">
513                                            <div class="space-y-6">
514                                                <!-- Item -->
515                                                <a href="https://b2chat.eu/es/blog"
516                                                    class="flex flex-col items-start gap-3 opacity-hover">
517                                                    <span
518                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
519                                                        <img src="https://b2chat.eu/assets/images/Cards.svg" alt="Cards">
520                                                    </span>
521                                                    <span>
522                                                        <p class="text-base font-medium text-black">
523                                                            Blog
524                                                        </p>
525                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
526                                                            Recomendaciones de lectura sobre tecnología y mensajería
527                                                            instantánea
528                                                        </p>
529                                                    </span>
530                                                </a>
531                                            </div>
532                                            <div class="space-y-6">
533                                                <!-- Item -->
534                                                <a href="https://b2chat.eu/es/contacto"
535                                                    class="flex flex-col items-start gap-3 opacity-hover">
536                                                    <span
537                                                        class="flex items-center justify-center border rounded-xl border-light-gray-8 size-12 shrink-0">
538                                                        <img src="https://b2chat.eu/assets/images/Wrench.svg" alt="Wrench">
539                                                    </span>
540                                                    <span>
541                                                        <p class="text-base font-medium text-black">
542                                                            Contacto
543                                                        </p>
544                                                        <p class="max-w-sm text-base leading-150 text-medium-gray-4">
545                                                            Solicita soporte con nuestro equipo de B2Chat y recibe la
546                                                            ayuda que necesitas
547                                                        </p>
548                                                    </span>
549                                                </a>
550                                            </div>
551                                        </div>
552                                    </div>
553                                </div>
554
555                            </div>
556                        </div>
557                    </li>
558                    
559                </ul>
560                <div class="items-center hidden gap-2 lg:flex justify-end lg:col-span-2">
561                    <a href="https://app.b2chat.io/" rel="noopener noreferrer"
562                        class="px-3 py-2 text-dark-gray animate hover:text-grass-green nav-link">
563                        Iniciar sesión
564                    </a>
565                    <a href="https://b2chat.eu/es/demo"
566                        class="px-6 text-white border border-orange bg-orange py-2 rounded-md duration-200 hover:text-orange hover:bg-transparent">Agendar
567                        demo</a>
568                </div>
569
570                <!-- toggle button -->
571                <button type="button" class="block opacity-hover lg:hidden open-mobile-menu justify-self-end">
572                    <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"
573                        fill="#5f6368">
574                        <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z" />
575                    </svg>
576                </button>
577            </nav>
578        </div>
579
580        <!-- Mobile menu -->
581        <div class="fixed top-0 left-0 z-40 w-full bg-white h-dvh lg:hidden mobile-menu">
582            <div class="flex flex-col justify-between h-full">
583                <div class="flex-1 overflow-y-auto">
584                    <!-- header -->
585                    <div
586                        class="sticky top-0 left-0 z-50 flex items-center justify-between px-4 py-3 bg-white border-b border-black/10">
587                        <a href="https://b2chat.eu/es" class="opacity-hover">
588                            <img src="https://b2chat.eu/assets/images/logo.png" alt="b2chat" class="w-[130px]">
589                        </a>
590                        <button type="button" class="close-mobile-menu">
591                            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"
592                                fill="#5f6368">
593                                <path
594                                    d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z" />
595                            </svg>
596                        </button>
597                    </div>
598                    <!-- Nav menu -->
599                    <div class="px-5 mt-6">
600                        <ul class="space-y-6">
601                            <li class="dropdown-mobile group group-[.open]">
602                                <a href="#" class="flex items-center justify-between nav-link-mobile">
603                                    Funcionalidades
604                                    <img src="https://b2chat.eu/assets/images/CaretDown.svg" alt="CaretDown"
605                                        class="animate group-[.open]:rotate-180">
606                                </a>
607                                <!-- Mobile dropdown -->
608                                <div class="mt-3.5 space-y-3.5 hidden group-[.open]:block">
609                                    <div class="grid grid-cols-2">
610                                        <div class="space-y-4">
611                                            <!-- item -->
612                                            <a href="https://b2chat.eu/es/funcionalidades/consola"
613                                                class="flex items-center gap-2.5 o
613pacity-hover">
614                                                <span
615                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
616                                                    <img src="https://b2chat.eu/assets/images/consola.svg" alt="Consola"
617                                                        class="object-contain size-5">
618                                                </span>
619                                                <p class="text-base text-black leading-tight">
620                                                    Consola
621                                                </p>
622                                            </a>
623                                            <!-- item -->
624                                            <a href="https://b2chat.eu/es/funcionalidades/auditoria"
625                                                class="flex items-center gap-2.5 opacity-hover">
626                                                <span
627                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
628                                                    <img src="https://b2chat.eu/assets/images/auditoria.svg"
629                                                        alt="Auditoría" class="object-contain size-5">
630                                                </span>
631                                                <p class="text-base text-black leading-tight">
632                                                    Auditoría
633                                                </p>
634                                            </a>
635                                            <!-- item -->
636                                            <a href="https://b2chat.eu/es/funcionalidades/canales"
637                                                class="flex items-center gap-2.5 opacity-hover">
638                                                <span
639                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
640                                                    <img src="https://b2chat.eu/assets/images/canales.svg" alt="Canales"
641                                                        class="object-contain size-5">
642                                                </span>
643                                                <p class="text-base text-black leading-tight">
644                                                    Canales
645                                                </p>
646                                            </a>
647                                            <!-- item -->
648                                            <a href="https://b2chat.eu/es/funcionalidades/catalogo-whatsapp"
649                                                class="flex items-center gap-2.5 opacity-hover">
650                                                <span
651                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
652                                                    <img src="https://b2chat.eu/assets/images/whats.svg"
653                                                        alt="Catálogo de WhatsApp" class="object-contain size-5">
654                                                </span>
655                                                <p class="text-base text-black leading-tight">
656                                                    Catálogo de WhatsApp
657                                                </p>
658                                            </a>
659                                            <!-- item -->
660                                            <a href="https://b2chat.eu/es/funcionalidades/informes"
661                                                class="flex items-center gap-2.5 opacity-hover">
662                                                <span
663                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
664                                                    <img src="https://b2chat.eu/assets/images/informes.svg" alt="Informes"
665                                                        class="object-contain size-5">
666                                                </span>
667                                                <p class="text-base text-black leading-tight">
668                                                    Informes
669                                                </p>
670                                            </a>
671                                            <!-- item -->
672                                            <a href="https://b2chat.eu/es/funcionalidades/chatbot-soluciones"
673                                                class="flex items-center gap-2.5 o
673pacity-hover">
674                                                <span
675                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
676                                                    <img src="https://b2chat.eu/assets/images/soluciones.svg"
677                                                        alt="Chatbot Soluciones" class="object-contain size-5">
678                                                </span>
679                                                <p class="text-base text-black leading-tight">
680                                                    Chatbot Soluciones
681                                                </p>
682                                            </a>
683                                            <!-- item -->
684                                            <a href="https://b2chat.eu/es/funcionalidades/chatbot-satisfaccion"
685                                                class="flex items-center gap-2.5 opacity-hover">
686                                                <span
687                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
688                                                    <img src="https://b2chat.eu/assets/images/satisfaccion.svg"
689                                                        alt="Chatbot Satisfacción" class="object-contain size-5">
690                                                </span>
691                                                <p class="text-base text-black leading-tight">
692                                                    Chatbot Satisfacción
693                                                </p>
694                                            </a>
695                                            <!-- item -->
696                                            <a href="https://b2chat.eu/es/funcionalidades/modulo-ajustes-negocio"
697                                                class="flex items-center gap-2.5 opacity-hover">
698                                                <span
699                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
700                                                    <img src="https://b2chat.eu/assets/images/ajustes.svg"
701                                                        alt="Ajustes generales" class="object-contain size-5">
702                                                </span>
703                                                <p class="text-base text-black leading-tight">
704                                                    Ajustes generales
705                                                </p>
706                                            </a>
707                                            <!-- item -->
708                                            <a href="https://b2chat.eu/es/funcionalidades/modulo-contactos-clientes"
709                                                class="flex items-center gap-2.5 opacity-hover">
710                                                <span
711                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
712                                                    <img src="https://b2chat.eu/assets/images/contactos.svg"
713                                                        alt="Contactos" class="object-contain size-5">
714                                                </span>
715                                                <p class="text-base text-black leading-tight">
716                                                    Contactos
717                                                </p>
718                                            </a>
719                                            <!-- item -->
720                                            <a href="https://b2chat.eu/es/funcionalidades/modulo-gestion-usuarios"
721                                                class="flex items-center gap-2.5 opacity-hover">
722                                                <span
723                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
724                                                    <img src="https://b2chat.eu/assets/images/usuarios.svg" alt="Usuarios"
725                                                        class="object-contain size-5">
726                                                </span>
727                                                <p class="text-base text-black leading-tight">
728                                                    Usuarios
729                                                </p>
730                                            </a>
731                                        </div>
732                                        <div class="space-y-4">
733                                            <!-- item -->
734                                            <a href="https://b2chat.eu/es/funcionalidades/gestion-de-chats"
735                                                class="flex items-center gap-2.5 opacity-hover">
736                                                <span
737                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
738                                                    <img src="https://b2chat.eu/assets/images/gestion_chats.svg"
739                                                        alt="Gestión de chats" class="object-contain size-5">
740                                                </span>
741                                                <p class="text-base text-black leading-tight">
742                                                    Gestión de chats
743                                                </p>
744                                            </a>
745                                            <!-- item -->
746                                            <a href="https://b2chat.eu/es/funcionalidades/envios-masivos"
747                                                class="flex items-center gap-2.5 opacity-hover">
748                                                <span
749                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
750                                                    <img src="https://b2chat.eu/assets/images/masivos.svg"
751                                                        alt="Envíos Masivos" class="object-contain size-5">
752                                                </span>
753                                                <p class="text-base text-black leading-tight">
754                                                    Envíos Masivos
755                                                </p>
756                                            </a>
757                                            <!-- item -->
758                                            <a href="https://b2chat.eu/es/funcionalidades/etiquetas"
759                                                class="flex items-center gap-2.5 opacity-hover">
760                                                <span
761                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
762                                                    <img src="https://b2chat.eu/assets/images/etiquetas.svg"
763                                                        alt="Etiquetas" class="object-contain size-5">
764                                                </span>
765                                                <p class="text-base text-black leading-tight">
766                                                    Etiquetas
767                                                </p>
768                                            </a>
769                                            <!-- item -->
770                                            <a href="https://b2chat.eu/es/funcionalidades/api-b2chat"
771                                                class="flex items-center gap-2.5 opacity-hover">
772                                                <span
773                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
774                                                    <img src="https://b2chat.eu/assets/images/api.svg" alt=" API B2Chat"
775                                                        class="object-contain size-5">
776                                                </span>
777                                                <p class="text-base text-black leading-tight">
778                                                    API B2Chat
779                                                </p>
780                                            </a>
781                                            <!-- item -->
782                                            <a href="https://b2chat.eu/es/funcionalidades/transferencia-de-chats"
783                                                class="flex items-center gap-2.5 opacity-hover">
784                                                <span
785                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
786                                                    <img src="https://b2chat.eu/assets/images/transferencia_chats.svg"
787                                                        alt="Transferencia de chats" class="object-contain size-5">
788                                                </span>
789                                                <p class="text-base text-black leading-tight">
790                                                    Transferencia de chats
791                                                </p>
792                                            </a>
793                                            <!-- item -->
794                                            <a href="https://b2chat.eu/es/funcionalidades/respuestas-automaticas"
795                                                class="flex items-center gap-2.5 opacity-hover">
796                                                <span
797                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
798                                                    <img src="https://b2chat.eu/assets/images/mensajes_automaticos.svg"
799                                                        alt="Mensajes Automáticos" class="object-contain size-5">
800                                                </span>
801                                                <p class="text-base text-black leading-tight">
802                                                    Mensajes Automáticos
803                                                </p>
804                                            </a>
805                                            <!-- item -->
806                                            <a href="https://b2chat.eu/es/funcionalidades/trazabilidad-seguimiento"
807                                                class="flex items-center gap-2.5 opacity-hover">
808                                                <span
809                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
810                                                    <img src="https://b2chat.eu/assets/images/trazabilidad.svg"
811                                                        alt="Trazabilidad" class="object-contain size-5">
812                                                </span>
813                                                <p class="text-base text-black leading-tight">
814                                                    Trazabilidad
815                                                </p>
816                                            </a>
817                                            <!-- item -->
818                                            <a href="https://b2chat.eu/es/funcionalidades/ia-att-cliente"
819                                                class="flex items-center gap-2.5 opacity-hover">
820                                                <span
821                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
822                                                    <img src="https://b2chat.eu/assets/images/ai.svg" alt="IA de B2Chat"
823                                                        class="object-contain size-5">
824                                                </span>
825                                                <p class="text-base text-black leading-tight">
826                                                    IA de B2Chat
827                                                </p>
828                                            </a>
829                                            <!-- item -->
830                                            <a href="https://b2chat.eu/es/funcionalidades/consultas-automaticas"
831                                                class="flex items-center gap-2.5 opacity-hover">
832                                                <span
833                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
834                                                    <img src="https://b2chat.eu/assets/images/respuestas_dinamicas.svg"
835                                                        alt="Bot Respuestas Dinámicas" class="object-contain size-5">
836                                                </span>
837                                                <p class="text-base text-black leading-tight">
838                                                    Bot Respuestas Dinámicas
839                                                </p>
840                                            </a>
841                                            <!-- item -->
842                                            <a href="https://b2chat.eu/es/funcionalidades/departamentos"
843                                                class="flex items-center gap-2.5 opacity-hover">
844                                                <span
845                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
846                                                    <img src="https://b2chat.eu/assets/images/departamentos.svg"
847                                                        alt="Departamentos" class="object-contain size-5">
848                                                </span>
849                                                <p class="text-base text-black leading-tight">
850                                                    Departamentos
851                                                </p>
852                                            </a>
853                                        </div>
854                                    </div>
855                                </div>
856                            </li>
857                            <li class="dropdown-mobile group group-[.open]">
858                                <a href="#" class="flex items-center justify-between nav-link-mobile">
859                                    Producto
860                                    <img src="https://b2chat.eu/assets/images/CaretDown.svg" alt="CaretDown"
861                                        class="animate group-[.open]:rotate-180">
862                                </a>
863                                <!-- Mobile dropdown -->
864                                <div class="mt-3.5 space-y-3.5 hidden group-[.open]:block">
865                                    <!-- item -->
866                                    <a href="https://b2chat.eu/es/consola"
867                                        class="flex items-center gap-2.5 opacity-hover">
868                                        <span
869                                            class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
870                                            <img src="https://b2chat.eu/assets/images/Desktop.svg" alt="Desktop"
871                                                class="object-contain size-5">
872                                        </span>
873                                        <p class="text-base text-black leading-tight">
874                                            Consola
875                                        </p>
876                                    </a>
877                                    <!-- item -->
878                                    <a href="https://b2chat.eu/es/app-movil"
879                                        class="flex items-center gap-2.5 o
879pacity-hover">
880                                        <span
881                                            class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
882                                            <img src="https://b2chat.eu/assets/images/DeviceMobile.svg" alt="DeviceMobile"
883                                                class="object-contain size-5">
884                                        </span>
885                                        <p class="text-base text-black leading-tight">
886                                            App Móvil
887                                        </p>
888                                    </a>
889                                    <!-- item -->
890                                    <a href="https://b2chat.eu/es/catalogo-shopify"
891                                        class="flex items-center gap-2.5 opacity-hover">
892                                        <span
893                                            class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
894                                            <img src="https://b2chat.eu/assets/images/shopify.svg" alt="shopify"
895                                                class="object-contain size-5">
896                                        </span>
897                                        <p class="text-base text-black leading-tight">
898                                            Catálogo de Shopify
899                                        </p>
900                                    </a>
901                                    <!-- item -->
902                                    <a href="https://b2chat.eu/es/integracion-hubspot"
903                                        class="flex items-center gap-2.5 opacity-hover">
904                                        <span
905                                            class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
906                                            <img src="https://b2chat.eu/assets/images/hubspot.svg" alt="hubspot"
907                                                class="object-contain size-5">
908                                        </span>
909                                        <p class="text-base text-black leading-tight">
910                                            Integración con HubSpot
911                                        </p>
912                                    </a>
913                                    <!-- item -->
914                                    <a href="https://b2chat.eu/es/integracion-zapier"
915                                        class="flex items-center gap-2.5 opacity-hover">
916                                        <span
917                                            class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
918                                            <img src="https://b2chat.eu/assets/images/zapier.svg" alt="zapier"
919                                                class="object-contain size-5">
920                                        </span>
921                                        <p class="text-base text-black leading-tight">
922                                            Integración con Zapier
923                                        </p>
924                                    </a>
925                                </div>
926                            </li>
927                            <li class="dropdown-mobile group group-[.open]">
928                                <a href="https://b2chat.eu/es/precios"
929                                    class="flex items-center justify-between nav-link-mobile">
930                                    Precios
931                                </a>
932                            </li>
933                            <li class="dropdown-mobile group group-[.open]">
934                                <a href="https://b2chat.eu/es/b2chat-para-shopify"
935                                    class="flex items-center justify-between nav-link-mobile">
936                                    App Shopify
937                                </a>
938                            </li>
939                            <li class="dropdown-mobile group group-[.open]">
940                                <a href="#" class="flex items-center justify-between nav-link-mobile">
941                                    Recursos
942                                    <img src="https://b2chat.eu/assets/images/CaretDown.svg" alt="CaretDown"
943                                        class="animate group-[.open]:rotate-180">
944                                </a>
945                                <!-- Mobile dropdown -->
946                                <div class="mt-3.5 space-y-5 hidden group-[.open]:block divide-y divide-light-gray-9">
947                                    <div>
948                                        <div class="space-y-4 mt
948-5">
949                                            <!-- item -->
950                                            <a href="https://b2chat.eu/es/preguntas-frecuentes"
951                                                class="flex items-center gap-2.5 opacity-hover">
952                                                <span
953                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
954                                                    <img src="https://b2chat.eu/assets/images/ChatCenteredText.svg"
955                                                        alt="ChatCenteredText" class="object-contain size-5">
956                                                </span>
957                                                <p class="text-base text-black leading-tight">
958                                                    Preguntas frecuentes
959                                                </p>
960                                            </a>
961                                            <!-- item -->
962                                            <a href="https://b2chat.eu/es/calculadora-de-costes"
963                                                class="flex items-center gap-2.5 opacity-hover">
964                                                <span
965                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
966                                                    <img src="https://b2chat.eu/assets/images/informes.svg"
967                                                        alt="Calculadora de costes" class="object-contain size-5">
968                                                </span>
969                                                <p class="text-base text-black leading-tight">
970                                                    Calculadora de costes
971                                                </p>
972                                            </a>
973                                            <!-- item -->
974                                            
975                                        </div>
976                                    </div>
977                                    <div class="pt-3.5">
978                                        <div class="space-y-4">
979                                            <!-- item -->
980                                            <a href="https://b2chat.eu/es/blog"
981                                                class="flex items-center gap-2.5 opacity-hover">
982                                                <span
983                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
984                                                    <img src="https://b2chat.eu/assets/images/Cards.svg" alt="Cards"
985                                                        class="object-contain size-5">
986                                                </span>
987                                                <p class="text-base text-black leading-tight">
988                                                    Blog
989                                                </p>
990                                            </a>
991                                            <!-- item -->
992                                            <a href="https://b2chat.eu/es/contacto"
993                                                class="flex items-center gap-2.5 opacity-hover">
994                                                <span
995                                                    class="flex items-center justify-center border rounded-10 border-light-gray-8 size-10 shrink-0">
996                                                    <img src="https://b2chat.eu/assets/images/Wrench.svg" alt="Wrench"
997                                                        class="object-contain size-5">
998                                                </span>
999                                                <p class="text-base text-black leading-tight">
1000                                                    Contacto
1001                                                </p>
1002                                            </a>
1003                                        </div>
1004                                    </div>
1005                                </div>
1006                            </li>
1007                        </ul>
1008                    </div>
1009                </div>
1010
1011                <div class="flex items-center justify-between gap-3 p-5">
1012                    
1013                    <a href="https://b2chat.eu/es/demo"
1014                        class="flex items-center text-center justify-center flex-1 h-12 gap-2 px-6 text-white border border-orange bg-orange rounded-md animate hover:opacity-hover">Agendar
1015                        demo</a>
1016                </div>
1017            </div>
1018        </div>
1019    </header>
1020    <!-- END Header -->
1021
1022    <main>
1023    <!-- Hero Section -->
1024    <section
1025        style="background: linear-gradient(28.02deg, #CFF8AA 20.77%, #C2EF97 22.99%, #ABDF72 27.42%, #98D254 32.59%, #89C83C 37.76%, #7FC12B 42.93%, #78BD22 49.58%, #77BC1F 56.96%, #8DF49B 87.99%);">
1026        <div class="container py-12 md:py-16">
1027            <h1
1028                class="font-medium text-center text-shadow-sm text-white mb-10 text-[1.8em] md:text-[3.3em] leading-[1.4] md:leading-[1.4]">
1029                Plataforma empresarial líder para <br>
1030                <span class="text-dark-gray text-shadow-none">Venta y Soporte por WhatsApp </span> <br>
1031                con múltiples agentes.
1032            </h1>
1033            <p class="text-lg md:text-xl leading-7 text-dark-gray text-center mx-auto max-w-2xl">
1034                Centraliza y automatiza todos los canales y procesos de tu empresa en una única plataforma.
1035                <strong>¿Quieres
1036                    saber cómo?</strong>
1037            </p>
1038            <div class="flex justify-center mt-8">
1039                <a href="https://b2chat.eu/es/demo"
1040                    class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1041                    Agendar una sesión
1042                </a>
1043            </div>
1044            <div class="mt-12">
1045                <img src="/assets/images/banner-home.png" alt="hero" class="w-full hidden md:block">
1046                <img src="/assets/images/banner-home-mobile.png" alt="hero" class="w-full md:hidden">
1047            </div>
1048        </div>
1049    </section>
1050    <section class="bg-dark-gray overflow-hidden">
1051        <div class="container py-12 md:py-16">
1052            <div class="justify-self-center text-white rounded-xl border border-grass-green px-2 py-1 mb-10">
1053                Funciones e Integraciones
1054            </div>
1055            <h2
1056                class="text-balance text-white text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed mx-auto">
1057                <span class="text-grass-green">Funcionalidades que
1058                    transforman</span> el marketing, las ventas y la atención al cliente.
1059            </h2>
1060            <div class="grid grid-cols-2 md:grid-cols-6 gap-4 mt-8">
1061                <div class="border-2 border-grass-green rounded-xl p-4 aspect-[1.2] place-content-center">
1062                    <img src="/assets/images/magnify-glass-icon.png" alt="Auditoria y reportes"
1063                        class="w-10 h-10 mb-4 mx-auto">
1064                    <p class="font-medium text-grass-green text-center">Auditoria y<br>reportes</p>
1065                </div>
1066                <div class="border-2 border-grass-green rounded-xl p-4 aspect-[1.2] place-content-center">
1067                    <img src="/assets/images/whatsapp-marketing-icon.png" alt="WhatsApp Marketing"
1068                        class="w-10 h-10 mb-4 mx-auto">
1069                    <p class="font-medium text-grass-green text-center">WhatsApp<br>Marketing</p>
1070                </div>
1071                <div class="border-2 border-grass-green rounded-xl p-4 aspect-[1.2] place-content-center">
1072                    <img src="/assets/images/chatbots-icon.png" alt="Chatbots inteligentes"
1073                        class="w-10 h-10 mb-4 mx-auto">
1074                    <p class="font-medium text-grass-green text-center">Chatbots<br>inteligentes</p>
1075                </div>
1076                <div class="border-2 border-grass-green rounded-xl p-4 aspect-[1.2] place-content-center">
1077                    <img src="/assets/images/crm-whatsapp-icon.png" alt="CRM para WhatsApp"
1078                        class="w-10 h-10 mb-4 mx-auto">
1079                    <p class="font-medium text-grass-green text-center">CRM para<br>WhatsApp</p>
1080                </div>
1081                <div class="border-2 border-grass-green rounded-xl p-4 aspect-[1.2] place-content-center">
1082                    <img src="/assets/images/multi-agent-icon.png" alt="Multicanal y multiagente"
1083                        class="w-10 h-10 mb-4 mx-auto">
1084                    <p class="font-medium text-grass-green text-center">Multicanal y<br>multiagente</p>
1085                </div>
1086                <div class="border-2 border-grass-green rounded-xl p-4 aspect-[1.2] place-content-center">
1087                    <img src="/assets/images/integrations-icon.png" alt="Integraciones estratégicas"
1088                        class="w-10 h-10 mb-4 mx-auto">
1089                    <p class="font-medium text-grass-green text-center">Integraciones<br>estratégicas</p>
1090                </div>
1091            </div>
1092            <div class="mt-20 relative mb-20">
1093                <img src="/assets/images/shadow-image.svg" alt="shadow image"
1094                    class="absolute top-0 left-0 w-full h-full scale-150 z-0">
1095                <img src="/assets/images/banner-section-2.png" alt="Funciones e Integraciones"
1096                    class="w-full md:w-[95%] mx-auto relative z-10">
1097            </div>
1098        </div>
1099    </section>
1100    <section class="bg-dark-gray overflow-hidden">
1101        <div class="container py-12 md:pb-16 md:pt-6">
1102            <h3
1103                class="text-balance text-white text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed mx-auto">
1104                Más de
1105                700 empresas a nivel global <span
1106                    class="text-grass-green border border-grass-green rounded-xl px-1 py-0.5 whitespace-nowrap inline-block mt-0.5">aumentan
1107                    sus ventas</span>
1108                con nosotros.</h3>
1109            <div class="justify-self-center text-white rounded-xl border border-grass-green px-2 py-1 mt-16 mb-4">
1110                Clientes
1111            </div>
1112            <div class="relative z-0">
1113                <div class="max-w-5xl mx-auto border bg-white rounded-xl overflow-hidden z-10">
1114                    <!-- Swiper -->
1115                    <div class="swiper client-swiper">
1116                        <!-- swiper wrapper -->
1117                        <div class="swiper-wrapper lg:justify-center bg-white">
1118                            <!-- slide -->
1119                            <div class="bg-white swiper-slide">
1120                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1121                                    <img src="/assets/images/logo6.jpg" alt="Henkel"
1122                                        class="object-contain h-16 grayscale opacity-50">
1123                                </div>
1124                            </div>
1125                            <!-- slide -->
1126                            <div class="bg-white swiper-slide">
1127                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1128                                    <img src="/assets/images/logo2.jpg" alt="Royal Caribean"
1129                                        class="object-contain h-16 grayscale opacity-50">
1130                                </div>
1131                            </div>
1132                            <!-- slide -->
1133                            <div class="bg-white swiper-slide">
1134                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1135                                    <img src="/assets/images/logo1.jpg" alt="Yamaha"
1136                                        class="object-contain h-16 grayscale opacity-50">
1137                                </div>
1138                            </div>
1139                            <!-- slide -->
1140                            <div class="bg-white swiper-slide">
1141                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1142                                    <img src="/assets/images/logo5.png" alt="Globant"
1143                                        class="object-contain h-16 grayscale opacity-50">
1144                                </div>
1145                            </div>
1146                            <!-- slide -->
1147                            <div class="bg-white swiper-slide">
1148                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1149                                    <img src="/assets/images/logo4.jpg" alt="La Luz by Lourdes Moreno"
1150                                        class="object-contain h-16 grayscale opacity-50">
1151                                </div>
1152                            </div>
1153                            <!-- slide -->
1154                            <div class="bg-white swiper-slide">
1155                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1156                                    <img src="/assets/images/logo5.webp" alt="GT Automocion"
1157                                        class="object-contain h-16 grayscale opacity-50">
1158                                </div>
1159                            </div>
1160                            <!-- slide -->
1161                            <div class="bg-white swiper-slide">
1162                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1163                                    <img src="/assets/images/logo6.png" alt="Simon"
1164                                        class="object-contain h-16 grayscale opacity-50">
1165                                </div>
1166                            </div>
1167                            <!-- slide -->
1168                            <div class="bg-white swiper-slide">
1169                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1170                                    <img src="/assets/images/logo7.webp" alt="Nutricare"
1171                                        class="object-contain h-16 grayscale opacity-50">
1172                                </div>
1173                            </div>
1174                            <!-- slide -->
1175                            <div class="bg-white swiper-slide">
1176                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1177                                    <img src="/assets/images/logo8.webp" alt="Cattit"
1178                                        class="object-contain h-10 grayscale opacity-50">
1179                                </div>
1180                            </div>
1181                            <!-- slide -->
1182                            <div class="bg-white swiper-slide">
1183                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1184                                    <img src="/assets/images/logo9.avif" alt="My Travel Passport"
1185                                        class="object-contain h-16 grayscale opacity-50">
1186                                </div>
1187                            </div>
1188                            <!-- slide -->
1189                            <div class="bg-white swiper-slide">
1190                                <div class="flex items-center justify-center p-4 size-full md:py-9">
1191                                    <img src="/assets/images/logo10.png" alt="Grupo Solarhome"
1192                                        class="object-contain h-16">
1193                                </div>
1194                            </div>
1195
1196                        </div>
1197                        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
1198                    </div>
1199                </div>
1200                <!-- Navigation Button -->
1201                <div class="flex items-center justify-center w-full gap-3 mt-6 md:mt-0 md:gap-4 z-20">
1202                    <button type="button"
1203                        class="disabled:opacity-40 left-0 flex items-center justify-center p-2 bg-white border rounded-full xl:absolute xl:-translate-y-1/2 button-prev border-very-light-gray shadow-arrow-btn size-12 top-1/2">
1204                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 33" fill="none">
1205                            <path d="M20 26.7854L10 16.7854L20 6.7854" stroke="#1A1A1A" stroke-width="2"
1206                                stroke-linecap="round" stroke-linejoin="round"></path>
1207                        </svg>
1208                    </button>
1209                    <button type="button"
1210                        class="disabled:opacity-40 right-0 flex items-center justify-center p-2 bg-white border rounded-full xl:absolute xl:-translate-y-1/2 button-next border-very-light-gray shadow-arrow-btn size-12 top-1/2">
1211                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 33" fill="none">
1212                            <path d="M12 6.7854L22 16.7854L12 26.7854" stroke="#1A1A1A" stroke-width="2"
1213                                stroke-linecap="round" stroke-linejoin="round"></path>
1214                        </svg>
1215                    </button>
1216                </div>
1217                <img src="/assets/images/shadow-2.svg" alt="clients shadow"
1218                    class="absolute bottom-5 lg:-bottom-24 left-0 w-full h-full scale-150 z-[-1] blur-2xl">
1219            </div>
1220            <div class="mt-16 text-white mx-auto text-center max-w-xl text-lg md:text-xl leading-7">
1221                <span class="text-grass-green font-medium">B2Chat
1222                    opera en 19 países</span>,
1223                apoyando a empresas de todos los tamaños a incrementar sus ventas online y mejorar la satisfacción de
1224                sus clientes.
1225            </div>
1226        </div>
1227    </section>
1228    <section
1229        style="background: radial-gradient(34.72% 72.01% at 50% 50%, rgba(231, 248, 210, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);">
1230        <div class="container py-12 md:py-16">
1231            <h3
1232                class="text-balance text-dark-gray text-center font-medium text-2xl md:text-3xl md:max-w-3xl leading-150 mx-auto">
1233                Más de 800 clientes en 17 países
1234            </h3>
1235            <div class="mt-4 font-medium text-grass-green mx-auto text-center max-w-xl text-lg md:text-xl leading-7">
1236                Avalado por empresas TOP TECH
1237            </div>
1238            <div class="flex flex-wrap items-center justify-center gap-12 mt-16">
1239                <img src="/assets/images/shopify-logo.png" alt="Shopify" class="w-28 lg:w-40">
1240                <img src="/assets/images/partner-logo-meta.webp" alt="Meta" class="w-24 lg:w-36">
1241                <img src="/assets/images/hubspot.png" alt="Hubspot" class="w-28 lg:w-40">
1242                <img src="/assets/images/aws.png" alt="AWS" class="w-28 lg:w-40">
1243                <img src="/assets/images/klaviyo.png" alt="Klaviyo" class="w-28 lg:w-40">
1244            </div>
1245            <div class="flex justify-center mt-16">
1246                <a href="https://b2chat.eu/es/demo"
1247                    class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1248                    Agendar demo
1249                </a>
1250            </div>
1251        </div>
1252    </section>
1253    <section class="bg-dark-gray">
1254        <div class="container py-12 md:py-16">
1255            <div class="max-w-2xl mx-auto bg-white/10 rounded-xl py-12 px-4 border border-white/50">
1256                <h3 class="text-white text-center font-medium text-2xl md:text-3xl md:max-w-3xl leading-150"><span
1257                        class="text-grass-green">B2Chat,</span> partner oficial de <img
1258                        src="/assets/images/whatsapp-logo.png" alt="WhatsApp" class="w-36 mb-2 inline-block"></h3>
1259                <img src="/assets/images/partner-logo-meta-white.png" alt="Meta" class="w-36 mt-12 mx-auto">
1260            </div>
1261            <div class="max-w-2xl mx-auto mt-12">
1262                <h4 class="text-white text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed">
1263                    Mejora el marketing <span class="text-grass-green">de tu empresa y vende más con:</span>
1264                </h4>
1265            </div>
1266            <div class="max-w-3xl mx-auto mt-12">
1267                <div class="grid grid-cols-1 gap-6 md:gap-12 md:grid-cols-3">
1268                    <div class="border border-grass-green rounded-full text-center text-white font-medium py-6 px-4"
1269                        style="box-shadow: 0px 5px 30px 10px rgba(119,188,31,0.2)">
1270                        <span class="text-grass-green">Envíos</span><br>
1271                        Masivos
1272                    </div>
1273                    <div class="border border-grass-green rounded-full text-center text-white font-medium py-6 px-4"
1274                        style="box-shadow: 0px 5px 30px 10px rgba(119,188,31,0.2)">
1275                        <span class="text-grass-green">Mensajes</span><br>
1276                        Automáticos
1277                    </div>
1278                    <div class="border border-grass-green rounded-full text-center text-white font-medium py-6 px-4"
1279                        style="box-shadow: 0px 5px 30px 10px rgba(119,188,31,0.2)">
1280                        Seguimiento <span class="text-grass-green">de<br>
1281                            Campañas</span></div>
1282                </div>
1283            </div>
1284            <div class="flex justify-center mt-16 mb-24">
1285                <a href="https://b2chat.eu/es/calculadora-de-costes"
1286                    class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1287                    Simula tu Plan
1288                </a>
1289            </div>
1290            <div class="grid grid-cols-1 gap-6 md:grid-cols-2 items-center mb-16 md:mb-12">
1291                <div class="md:max-w-xl justify-self-center">
1292                    <img src="/assets/images/section-partner-1.png" alt="simula tu plan" class="w-full rounded-3xl"
1293                        style="box-shadow: 10px 20px 60px 10px rgba(119,188,31,0.2)" />
1294                </div>
1295                <div class="max-w-lg">
1296                    <h5
1297                        class="text-balance text-white font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-snug mb-3">
1298                        <span class="text-grass-green">Convierte WhatsApp</span> en tu mejor aliado para vender más
1299                    </h5>
1300                    <p class="text-light-gray mb-6">Al conectar la cuenta de WhatsApp de tu empresa a B2Chat, podrás
1301                        maximizar tu productividad al
1302                        centralizar, automatizar y monitorear en tiempo real las conversaciones.</p>
1303                    <a href="https://b2chat.eu/es/demo"
1304                        class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1305                        Agenda tu Demo
1306                    </a>
1307                </div>
1308            </div>
1309            <div class="grid grid-cols-1 gap-6 md:grid-cols-2 items-center">
1310                <div class="max-w-lg justify-self-center order-2 md:order-1">
1311                    <h5
1312                        class="text-balance text-white font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-snug mb-3">
1313                        <span class="text-grass-green">Automatiza la comunicación</span> de tu empresa con el poder de
1314                        la Inteligencia Artificial
1315                    </h5>
1316                    <p class="text-light-gray mb-6">Brinda una experiencia al cliente enriquecida con bots altamente
1317                        personalizados y optimiza el tiempo de atención de tus agentes.</p>
1318                    <a href="https://b2chat.eu/es/demo"
1319                        class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1320                        Agenda tu Demo
1321                    </a>
1322                </div>
1323                <div class="md:max-w-xl justify-self-center order-1 md:order-2">
1324                    <img src="/assets/images/section-partner-2.png" alt="simula tu plan" class="w-full rounded-3xl"
1325                        style="box-shadow: 10px 20px 60px 10px rgba(119,188,31,0.2)">
1326                </div>
1327            </div>
1328        </div>
1329        </div>
1330    </section>
1331
1332    <!-- Benefit section -->
1333    <section class="pt-10 pb-14 md:pb-20 md:pt-14">
1334        <div class="container">
1335            <div class="justify-self-center text-dark-gray rounded-xl border border-grass-green px-2 py-1 mb-4">
1336                Beneficios
1337            </div>
1338
1339            <div class="max-w-5xl mx-auto mt-14 md:mt-10">
1340                <!-- Tabs dektop -->
1341                <div class="items-center justify-between hidden gap-1 border-b tabs border-medium-light-gray lg:flex">
1342                    <button type="button"
1343                        class="tab-btn p-6 text-base border-b-2 animate text-base-dark-grey hover:text-black hover:font-semibold border-transparent hover:border-black -mb-0.5 active"
1344                        data-target="panel-1">Centraliza</button>
1345                    <button type="button"
1346                        class="tab-btn p-6 text-base border-b-2 animate text-base-dark-grey hover:text-black hover:font-semibold border-transparent hover:border-black -mb-0.5"
1347                        data-target="panel-2">Evalúa</button>
1348                    <button type="button"
1349                        class="tab-btn p-6 text-base border-b-2 animate text-base-dark-grey hover:text-black hover:font-semibold border-transparent hover:border-black -mb-0.5"
1350                        data-target="panel-3">Automatiza</button>
1351                    <button type="button"
1352                        class="tab-btn p-6 text-base border-b-2 animate text-base-dark-grey hover:text-black hover:font-semibold border-transparent hover:border-black -mb-0.5"
1353                        data-target="panel-4">Mensajes masivos</button>
1354                    <button type="button"
1355                        class="tab-btn p-6 text-base border-b-2 animate text-base-dark-grey hover:text-black hover:font-semibold border-transparent hover:border-black -mb-0.5"
1356                        data-target="panel-5">Capta más leads</button>
1357                    <button type="button"
1358                        class="tab-btn p-6 text-base border-b-2 animate text-base-dark-grey hover:text-black hover:font-semibold border-transparent hover:border-black -mb-0.5"
1359                        data-target="panel-6">Ordena tus chats</button>
1360                </div>
1361                <!-- Tabs mobile -->
1362                <div class="relative z-0 flex items-center lg:hidden">
1363                    <select
1364                        class="w-full py-4 text-base font-semibold text-black bg-white border-b-2 appearance-none border-medium-gray focus:outline-none tabs-mobile">
1365                        <option value="panel-1" selected>Centraliza</option>
1366                        <option value="panel-2">Evalúa</option>
1367                        <option value="panel-3">Automatiza</option>
1368                        <option value="panel-4">Mensajes masivos</option>
1369                        <option value="panel-5">Capta más leads</option>
1370                        <option value="panel-6">Ordena tus chats</option>
1371                    </select>
1372                    <div class="absolute right-0 -translate-y-1/2 pointer-events-none top-1/2">
1373                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewB
1373ox="0 0 24 25" fill="none">
1374                            <path d="M19.5 9.29395L12 16.7939L4.5 9.29395" stroke="#1A1A1A" stroke-width="2"
1375                                stroke-linecap="round" stroke-linejoin="round" />
1376                        </svg>
1377                    </div>
1378                </div>
1379                <!-- Tabs content -->
1380                <div class="p-4 mt-5 bg-white border md:mt-10 md:p-10 rounded-20 shadow-benefits-sec border-soft-grey"
1381                    id="panels">
1382                    <div class="panel-1 tab-content active" id="panel-1">
1383                        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-12">
1384                            <div
1385                                class="border-2 border-gray-200 rounded-2xl md:rounded-3xl text-center flex justify-center">
1386                                <img src="/assets/images/centraliza.jpg" alt="centraliza"
1387                                    class="object-contain size-full max-w-[250px]">
1388                            </div>
1389                            <div>
1390                                <h3 class="mb-3 text-xl font-semibold leading-150 text-dark-gray">
1391                                    Tus clientes se comunican por distintos canales, gestiona todas sus interacciones
1392                                    desde una única plataforma multicanal
1393                                </h3>
1394                                <div class="mb-6 space-y-4 md:mb-12">
1395                                    <p class="text-base text-base-dark-grey leading-150">
1396                                        Centraliza tus canales de WhatsApp, Facebook Messenger, Instagram, Telegram y
1397                                        LiveChat en una sola bandeja de entrada. Responde simultáneamente y en tiempo
1398                                        real a todos tus chats. Monitorea mensajes activos o pendientes y optimiza el
1399                                        flujo de trabajo de tu equipo. Todo gestionado desde una única consola.
1400                                    </p>
1401                                </div>
1402
1403                                
1404                            </div>
1405                        </div>
1406                    </div>
1407                    <div class="panel-2 tab-content" id="panel-2">
1408                        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-12">
1409                            <div
1410                                class="border-2 border-gray-200 rounded-2xl md:rounded-3xl text-center flex justify-center">
1411                                <img src="/assets/images/evalua.jpg" alt="evalua"
1412                                    class="object-contain size-full max-w-[250px]">
1413                            </div>
1414                            <div>
1415                                <h3 class="mb-3 text-xl font-semibold leading-150 text-dark-gray">
1416                                    Descubre el desempeño de tu empresa y toma decisiones informadas basadas en datos
1417                                    con el Módulo de Auditoría e Informes detallados
1418                                </h3>
1419                                <div class="mb-6 space-y-4 md:mb-12">
1420                                    <p class="text-base text-base-dark-grey leading-150">
1421                                        Monitorea la eficiencia de tu equipo de agentes. Optimiza el proceso de ventas
1422                                        con seguimiento de conversaciones en tiempo real. Accede a estadísticas y
1423                                        gráficos avanzados, y genera informes personalizados con los datos más
1424                                        relevantes para tu negocio.
1425                                    </p>
1426                                </div>
1427                            </div>
1428                        </div>
1429                    </div>
1430                    <div class="panel-3 tab-content" id="panel-3">
1431                        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-12">
1432                            <div
1433                                class="border-2 border-gray-200 rounded-2xl md:rounded-3xl text-center flex justify-center">
1434                                <img src="/assets/images/automatiza.jpg" alt="automatiza"
1435                                    class="object-contain size-full max-w-[250px]">
1436                            </div>
1437                            <div>
1438                                <h3 class="mb-3 text-xl font-semibold leading-150 text-dark-gray">
1439                                    Maximiza la eficiencia de tu servicio al cliente con mensajes rápidos y chatbots
1440                                    inteligentes
1441                                </h3>
1442                                <div class="mb-6 space-y-4 md:mb-12">
1443                                    <p class="text-base text-base-dark-grey leading-150">
1444                                        Extiende la disponibilidad de tu negocio con respuestas rápidas y automatizadas.
1445                                        Personaliza cada interacción, desde el primer contacto hasta el último, y recibe
1446                                        retroalimentación directa de tus clientes sobre la calidad de tu servicio.
1447                                    </p>
1448                                </div>
1449                            </div>
1450                        </div>
1451                    </div>
1452                    <div class="panel-4 tab-content" id="panel-4">
1453                        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-12">
1454                            <div
1455                                class="border-2 border-gray-200 rounded-2xl md:rounded-3xl text-center flex justify-center">
1456                                <img src="/assets/images/masivos.jpg" alt="envios masivos"
1457                                    class="object-contain size-full max-w-[250px]">
1458                            </div>
1459                            <div>
1460                                <h3 class="mb-3 text-xl font-semibold leading-150 text-dark-gray">
1461                                    Aumenta tus ventas y atrae nuevas oportunidades con los Envíos Masivos de WhatsApp
1462                                </h3>
1463                                <div class="mb-6 space-y-4 md:mb-12">
1464                                    <p class="text-base text-base-dark-grey leading-150">
1465                                        Mantén a tus clientes al día con anuncios, notificaciones y ofertas de manera
1466                                        rápida y eficiente con un solo mensaje. Haz tus envíos más atractivos e
1467                                        interactivos con fotos, videos o archivos, y mide el éxito de tus campañas con
1468                                        informes detallados de tu gestión.
1469                                    </p>
1470                                </div>
1471                            </div>
1472                        </div>
1473                    </div>
1474                    <div class="panel-5 tab-content" id="panel-5">
1475                        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-12">
1476                            <div
1477                                class="border-2 border-gray-200 rounded-2xl md:rounded-3xl text-center flex justify-center">
1478                                <img src="/assets/images/capta-leads.jpg" alt="capta más leads"
1479                                    class="object-contain size-full max-w-[250px]">
1480                            </div>
1481                            <div>
1482                                <h3 class="mb-3 text-xl font-semibold leading-150 text-dark-gray">
1483                                    Gestiona todos tus contactos y atrae clientes potenciales directamente desde la
1484                                    consola centralizada
1485                                </h3>
1486                                <div class="mb-6 space-y-4 md:mb-12">
1487                                    <p class="text-base text-base-dark-grey leading-150">
1488                                        Accede a tu lista completa de contactos, actualiza información y crea bases de
1489                                        datos específicas para tus campañas. Identifica nuevos leads y transforma
1490                                        conversaciones en ventas. Importa listas existentes y agrégalas fácilmente a la
1491                                        consola central.
1492                                    </p>
1493                                </div>
1494                            </div>
1495                        </div>
1496                    </div>
1497                    <div class="panel-6 tab-content" id="panel-6">
1498                        <div class="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-12">
1499                            <div
1500                                class="border-2 border-gray-200 rounded-2xl md:rounded-3xl text-center flex justify-center">
1501                                <img src="/assets/images/orden-chats.jpg" alt="ordena"
1502                                    class="object-contain size-full max-w-[250px]">
1503                            </div>
1504                            <div>
1505                                <h3 class="mb-3 text-xl font-semibold leading-150 text-dark-gray">
1506                                    Agrega valor a cada conversación utilizando etiquetas y departamentos para organizar
1507                                    y personalizar tus chats de manera efectiva
1508                                </h3>
1509                                <div class="mb-6 space-y-4 md:mb-12">
1510                                    <p class="text-base text-base-dark-grey leading-150">
1511                                        Clasifica tus conversaciones creando etiquetas con la función de Tags. Organiza
1512                                        a tus agentes en equipos y dirige las conversaciones a los departamentos
1513                                        correspondientes. Realiza transferencias de chats entre agentes cuando sea
1514                                        necesario, asegurando que cada cliente sea atendido por el agente más adecuado.
1515                                    </p>
1516                                </div>
1517                            </div>
1518                        </div>
1519                    </div>
1520                </div>
1521            </div>
1522        </div>
1523    </section>
1524    <!-- END benefit section -->
1525
1526    <!-- Service section -->
1527    <section class="bg-dark-gray">
1528        <div class="container py-12 md:py-16">
1529            <div class="max-w-3xl mx-auto">
1530                <h2 class="text-white text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed">
1531                    ¿Qué puede lograr tu <br class="hidden sm:block"> empresa con <span
1532                        class="text-grass-green">B2Chat</span>?
1533                </h2>
1534            </div>
1535
1536            <div class="my-10">
1537                <!-- Swiper -->
1538                <div class="swiper services-swiper">
1539                    <!-- swiper-wrapper -->
1540                    <div class="swiper-wrapper">
1541                        <!-- swiper-slide -->
1542                        <div class="swiper-slide" role="group" aria-label="1 / 18">
1543                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1544                                <div
1545                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1546                                    <img src="/assets/images/Stack.svg" alt="Stack" class="object-contain size-6">
1547                                </div>
1548                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1549                                    Crear departamentos
1550                                </h3>
1551                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1552                                    Impulsa el crecimiento de tu empresa con soluciones innovadoras
1553                                </p>
1554                            </div>
1555                        </div>
1556                        <!-- swiper-slide -->
1557                        <div class="swiper-slide">
1558                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1559                                <div
1560                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1561                                    <img src="/assets/images/Chats.svg" alt="Chats" class="object-contain size-6">
1562                                </div>
1563                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1564                                    Transferencias de chats
1565                                </h3>
1566                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1567                                    Mejora la eficiencia de tu equipo con herramientas avanzadas
1568                                </p>
1569                            </div>
1570                        </div>
1571                        <!-- swiper-slide -->
1572                        <div class="swiper-slide">
1573                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1574                                <div
1575                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1576                                    <img src="/assets/images/ChatText.svg" alt="ChatText" class="object-contain size-6">
1577                                </div>
1578                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1579                                    Envíos masivos
1580                                </h3>
1581                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1582                                    Aumenta tu alcance con tecnología de vanguardia
1583                                </p>
1584                            </div>
1585                        </div>
1586                        <!-- swiper-slide -->
1587                        <div class="swiper-slide">
1588                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1589                                <div
1590                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1591                                    <img src="/assets/images/tags.svg" alt="ChatText" class="object-contain size-6">
1592                                </div>
1593                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1594                                    Etiquetas de chats
1595                                </h3>
1596                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1597                                    Organiza tus conversaciones de manera eficiente
1598                                </p>
1599                            </div>
1600                        </div>
1601                        <!-- swiper-slide -->
1602                        <div class="swiper-slide">
1603                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1604                                <div
1605                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1606                                    <img src="/assets/images/Book.svg" alt="Book" class="object-contain size-6">
1607                                </div>
1608                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1609                                    Módulo de auditoría
1610                                </h3>
1611                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1612                                    Monitorea y garantiza la calidad con auditorías detalladas
1613                                </p>
1614                            </div>
1615                        </div>
1616                        <!-- swiper-slide -->
1617                        <div class="swiper-slide">
1618                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1619                                <div
1619
1620                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1621                                    <img src="/assets/images/Clock.svg" alt="Clock" class="object-contain size-6">
1622                                </div>
1623                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1624                                    Soporte 24/7 vía email
1625                                </h3>
1626                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1627                                    Cuenta con respaldo ininterrumpido en todo momento
1628                                </p>
1629                            </div>
1630                        </div>
1631                        <!-- swiper-slide -->
1632                        <div class="swiper-slide">
1633                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1634                                <div
1635                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1636                                    <img src="/assets/images/ClipboardText.svg" alt="ClipboardText"
1637                                        class="object-contain size-6">
1638                                </div>
1639                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1640                                    Informes avanzados
1641                                </h3>
1642                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1643                                    Obtén insights valiosos con análisis detallados
1644                                </p>
1645                            </div>
1646                        </div>
1647                        <!-- swiper-slide -->
1648                        <div class="swiper-slide">
1649                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1650                                <div
1651                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1652                                    <img src="/assets/images/Kanban.svg" alt="Kanban" class="object-contain size-6">
1653                                </div>
1654                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1655                                    Informes personalizados
1656                                </h3>
1657                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1658                                    Personaliza tus métricas con herramientas flexibles
1659                                </p>
1660                            </div>
1661                        </div>
1662                        <!-- swiper-slide -->
1663                        <div class="swiper-slide">
1664                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1665                                <div
1666                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1667                                    <img src="/assets/images/IdentificationCard.svg" alt="IdentificationCard"
1668                                        class="object-contain size-6">
1669                                </div>
1670                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1671                                    Contactos ilimitados
1672                                </h3>
1673                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1674                                    Expande tu base de clientes sin límites
1675                                </p>
1676                            </div>
1677                        </div>
1678                        <!-- swiper-slide -->
1679                        <div class="swiper-slide">
1680                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1681                                <div
1682                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1683                                    <img src="/assets/images/CircleWavyCheck.svg" alt="CircleWavyCheck"
1684                                        class="object-contain size-6">
1685                                </div>
1686                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1687                                    Chatbot de satisfacción
1688                                </h3>
1689                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1690                                    Mejora la experiencia del cliente con un chatbot especializado
1691                                </p>
1692                            </div>
1693                        </div>
1694                        <!-- swiper-slide -->
1695                        <div class="swiper-slide">
1696                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1697                                <div
1698                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1699                                    <img src="/assets/images/ChatText.svg" alt="Keyboard" class="object-contain size-6">
1700                                </div>
1701                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1702                                    Chatbot de soluciones
1703                                </h3>
1704                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1705                                    Automatiza y mejora la atención al cliente
1706                                </p>
1707                            </div>
1708                        </div>
1709                        <!-- swiper-slide -->
1710                        <div class="swiper-slide">
1711                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1712                                <div
1713                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1714                                    <img src="/assets/images/UserCircleGear.svg" alt="UserCircleGear"
1715                                        class="object-contain size-6">
1716                                </div>
1717                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1718                                    Usuarios ilimitados
1719                                </h3>
1720                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1721                                    Permite el acceso a todo tu equipo, sin restricciones
1722                                </p>
1723                            </div>
1724                        </div>
1725                        <!-- swiper-slide -->
1726                        <div class="swiper-slide">
1727                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1728                                <div
1729                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1730                                    <img src="/assets/images/Stack.svg" alt="Stack" class="object-contain size-6">
1731                                </div>
1732                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1733                                    Histórico ilimitado de mensajes
1734                                </h3>
1735                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1736                                    Nunca pierdas una conversación con el historial ilimitado
1737                                </p>
1738                            </div>
1739                        </div>
1740                        <!-- swiper-slide -->
1741                        <div class="swiper-slide">
1742                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1743                                <div
1744                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1745                                    <img src="/assets/images/Chats.svg" alt="Chats" class="object-contain size-6">
1746                                </div>
1747                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1748                                    Integraciones con CRMs (Zendesk o Freshdesk)
1749                                </h3>
1750                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1751                                    Conecta fácilmente con tus CRMs favoritos
1752                                </p>
1753                            </div>
1754                        </div>
1755                        <!-- swiper-slide -->
1756                        <div class="swiper-slide">
1757                            <div class="w-full p-4 bg-white border border-light-gray-3 rounded-2xl">
1758                                <div
1759                                    class="flex items-center justify-center p-3 border rounded-xl border-light-gray-shade bg-soft-greenish size-12">
1760                                    <img src="/assets/images/ChatText.svg" alt="ChatText" class="object-contain size-6">
1761                                </div>
1762                                <h3 class="text-2xl font-semibold text-black mt-3 md:mt-6">
1763                                    Mensajes ilimitados para canales básicos (no aplica para WhatsApp)
1764                                </h3>
1765                                <p class="mt-3 text-base text-dark-gray3 leading-150">
1766                                    Disfruta de envíos ilimitados en canales básicos
1767                                </p>
1768                            </div>
1769                        </div>
1770                    </div>
1771                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
1772                </div>
1773                <!-- Navigation Button -->
1774                <div class="flex items-center justify-center w-full gap-3 mt-6 md:mt-0 xl:hidden md:gap-4">
1775                    <button type="button"
1776                        class="disabled:opacity-40 flex items-center justify-center p-2 bg-white border rounded-full service-button-prev border-very-light-gray shadow-arrow-btn size-12">
1777                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 33" fill="none">
1778                            <path d="M20 26.7854L10 16.7854L20 6.7854" stroke="#1A1A1A" stroke-width="2"
1779                                stroke-linecap="round" stroke-linejoin="round"></path>
1780                        </svg>
1781                    </button>
1782                    <button type="button"
1783                        class="disabled:opacity-40 flex items-center justify-center p-2 bg-white border rounded-full service-button-next border-very-light-gray shadow-arrow-btn size-12">
1784                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 33" fill="none">
1785                            <path d="M12 6.7854L22 16.7854L12 26.7854" stroke="#1A1A1A" stroke-width="2"
1786                                stroke-linecap="round" stroke-linejoin="round"></path>
1787                        </svg>
1788                    </button>
1789                </div>
1790            </div>
1791            <div class="flex justify-center mt-16">
1792                <a href="https://b2chat.eu/es/demo"
1793                    class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1794                    Agendar demo
1795                </a>
1796            </div>
1797        </div>
1798    </section>
1799    <!-- END service section -->
1800
1801    <!-- Integrations section -->
1802    <section
1803        style="background: linear-gradient(28.02deg, #CFF8AA 20.77%, #C2EF97 22.99%, #ABDF72 27.42%, #98D254 32.59%, #89C83C 37.76%, #7FC12B 42.93%, #78BD22 49.58%, #77BC1F 56.96%, #8DF49B 87.99%);">
1804        <div class="container py-12 md:py-16">
1805            <div class="max-w-3xl mx-auto">
1806                <div class="justify-self-center text-dark-gray rounded-xl border border-dark-gray px-2 py-1 mb-4">
1807                    Integraciones
1808                </div>
1809                <h2
1810                    class="text-balance text-dark-gray text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed mt-6">
1811                    <span class="text-white">B2Chat</span> <br> ofrece soporte multicanal
1812                </h2>
1813            </div>
1814
1815            <div class="grid grid-cols-1 gap-6 md:grid-cols-2 items-center lg:-my-12">
1816                <div class="max-w-xl justify-self-center order-2 md:order-1">
1817                    <p class="text-base text-white md:text-lg leading-150 mb-6 text-shadow-sm">
1818                        <span class="text-dark-gray text-shadow-none">Tus clientes utilizan varios canales,</span>
1819                        llévales tu mensaje en
1820                        el momento adecuado y a
1821                        través del canal que prefieran con una plataforma como B2Chat.
1822                    </p>
1823                    <p class="text-base text-white md:text-lg leading-150 text-shadow-sm">
1824                        <span class="text-dark-gray text-shadow-none">Conecta de manera sencilla y rápida tus canales de
1825                            WhatsApp,
1826                            Facebook Messenger, Instagram, Livechat y Telegram,</span> y gestiona todas tus
1827                        conversaciones desde una única
1828                        bandeja de entrada.
1829                    </p>
1830                </div>
1831                <div class="order-1 md:order-2 -mb-8 lg:mb-0">
1832                    <img src="/assets/images/integrations2.png" alt="Integrations" class="w-full scale-110">
1833                </div>
1834            </div>
1835
1836            <div class="flex justify-center mt-12 lg:mt-0">
1837                <a href="https://b2chat.eu/es/demo"
1838                    class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1839                    Agendar demo
1840                </a>
1841            </div>
1842        </div>
1843    </section>
1844    <!-- END integrations section -->
1845
1846    <section class="bg-dark-gray">
1847        <div class="container py-12 md:py-16">
1848            <div class="max-w-3xl mx-auto">
1849                <div class="justify-self-center text-white rounded-xl border border-grass-green px-2 py-1 mb-4">
1850                    Integraciones
1851                </div>
1852                <h3
1853                    class="text-balance text-white text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed">
1854                    Amplía las oportunidades de tu negocio
1855                    con las integraciones de <span class="text-grass-green">B2Chat</span>
1856                </h3>
1857                <p class="text-center text-grass-green max-w-xl mx-auto mt-6">
1858                    Brinda soluciones excepcionales en atención al cliente con nuestras integraciones con Shopify,
1859                    Zapier, y más. Así, incrementarás tus ventas y reconocimiento.
1860                </p>
1861            </div>
1862
1863            <img src="/assets/images/integrations-2.png" alt="Integrations"
1864                class="max-w-full md:max-w-[80%] lg:max-w-[75%] mx-auto my-12 md:my-8">
1865
1866            <div class="flex justify-center">
1867                <a href="https://b2chat.eu/es/demo"
1868                    class="inline-block text-md font-medium text-white rounded-md animate px-8 py-3 bg-orange hover:opacity-80">
1869                    Agendar demo
1870                </a>
1871            </div>
1872        </div>
1873    </section>
1874
1875    <!-- Testimonial section -->
1876    <section class="pb-10 bg-white pt-60 md:py-60">
1877        <div class="container">
1878            <div class="max-w-3xl mx-auto">
1879                <div class="justify-self-center text-dark-gray rounded-xl border border-grass-green px-2 py-1 mb-4">
1880                    Reseñas verificadas
1881                </div>
1882                <h2
1883                    class="text-balance text-dark-gray text-center font-medium text-2xl md:text-3xl md:max-w-3xl md:leading-relaxed">
1884                    Esto es lo que dicen <span class="text-grass-green">nuestros clientes</span>
1885                </h2>
1886                <p class="text-center text-dark-gray max-w-xl mx-auto mt-6">
1887                    Integra tu tienda Shopify con B2Chat y ofrece una experiencia de atención al cliente excepcional.
1888                </p>
1889            </div>
1890
1891            <div class="relative z-0 mt-10">
1892                <div class="max-w-6xl mx-auto">
1893                    <!-- Swiper -->
1894                    <div class="swiper testimonial-swiper">
1895                        <!-- swiper-wrapper -->
1896                        <div class="swiper-wrapper">
1897                            <!-- swiper-slide -->
1898                            <div class="swiper-slide">
1899                                <div
1900                                    class="flex flex-col-reverse items-center w-full gap-5 p-4 border md:gap-8 md:p-10 border-light-gray-4 rounded-20 bg-soft-greenish md:flex-row">
1901                                    <div class="md:flex-1">
1902                                        <img src="/assets/images/logo-lourdes.webp" alt="lourdes moreno"
1903                                            class="w-[90px]">
1904                                        <p class="mt-5 text-base text-black md:mt-12 md:text-lg leading-150">
1905                                            “La atención super personalizada de B2Chat nos ha dado mucha confianza y
1906                                            guiado en todo el proceso de gestión de nuestros canales. Desde que
1907                                            implementamos esta plataforma, nuestra eficiencia en la atención
1908                                            al cliente ha mejorado notablemente. La integración multicanal nos permite
1909                                            gestionar todos nuestros mensajes en un solo lugar, lo que ha reducido el
1910                                            tiempo de respuesta y ha incrementado la satisfacción de nuestros clientes.
1911                                            ¡Una herramienta imprescindible para cualquier empresa que quiera crecer y
1912                                            crear su comunidad digital!”
1913                                        </p>
1914                                        <div class="mt-6 md:mt-8">
1915                                            <p class="mb-0 text-base font-semibold text-black md:text-lg">
1916                                                Lourdes Moreno
1917                                            </p>
1918                                            <p class="text-base text-base-dark-grey">
1919                                                Fundadora
1920                                            </p>
1921                                        </div>
1922                                    </div>
1923                                    <div class="w-full overflow-hidden md:w-80 md:h-80 rounded-20">
1924                                        <img src="/assets/images/lourdes-testimonial.webp" alt="Lourdes Moreno"
1925                                            class="object-cover object-center aspect-[1.3] md:aspect-square size-full rounded-20">
1926                                    </div>
1927                                </div>
1928                            </div>
1929                            <!-- swiper-slide -->
1930                            <div class="swiper-slide">
1931                                <div
1932                                    class="flex flex-col-reverse items-center w-full gap-5 p-4 border md:gap-8 md:p-10 border-light-gray-4 rounded-20 bg-soft-greenish md:flex-row">
1933                                    <div class="md:flex-1">
1934                                        <img src="/assets/images/mattelsa-logo.svg" alt="mattelsa" class="w-[90px]">
1935                                        <p class="mt-5 text-base text-black md:mt-12 md:text-lg leading-150">
1936                                            “Llevamos meses utilizando este software y los resultados han sido
1937                                            asombrosos. No solo hemos visto un aumento en las ventas, sino que también
1938                                            hemos logrado mantener una comunicación más fluida y efectiva con nuestros
1939                                            clientes. El soporte 24/7 y las integraciones con otras plataformas han sido
1940                                            clave para nuestra operación diaria. Sin duda, es una inversión que vale la
1941                                            pena.”
1942                                        </p>
1943                                        <div class="mt-6 md:mt-8">
1944                                            <p class="mb-0 text-base font-semibold text-black md:text-lg">
1945                                                José Tamayo
1946                                            </p>
1947                                            <p class="text-base text-base-dark-grey">
1948                                                Marketing Digital
1949                                            </p>
1950                                        </div>
1951                                    </div>
1952                                    <div class="w-full overflow-hidden md:w-80 md:h-80 rounded-20">
1953                                        <img src="/assets/images/testimonial-img.png" alt="testimonial"
1954                                            class="object-cover object-center aspect-[1.3] md:aspect-square size-full rounded-20">
1955                                    </div>
1956                                </div>
1957                            </div>
1958                            <!-- swiper-slide -->
1959                            <div class="swiper-slide">
1960                                <div
1961                                    class="flex flex-col-reverse items-center w-full gap-5 p-4 border md:gap-8 md:p-10 border-light-gray-4 rounded-20 bg-soft-greenish md:flex-row">
1962                                    <div class="md:flex-1">
1963                                        <img src="/assets/images/ayenda.svg" alt="ayenda" class="w-[90px]">
1964                                        <p class="mt-5 text-base text-black md:mt-12 md:text-lg leading-150">
1965                                            “Nuestra experiencia con esta solución ha sido excelente. La facilidad para
1966                                            conectar todos nuestros canales de comunicación y el acceso a informes
1967                                            avanzados nos han dado una visibilidad sin precedentes de nuestras
1968                                            interacciones con los clientes. Además, la opción de etiquetar y organizar
1969                                            chats ha optimizado nuestro flujo de trabajo. Recomendaría este SaaS a
1970                                            cualquier empresa que busque escalar su servicio al cliente.”
1971                                        </p>
1972                                        <div class="mt-6 md:mt-8">
1973                                            <p class="mb-0 text-base font-semibold text-black md:text-lg">
1974                                                Viviana Lara
1975                                            </p>
1976                                            <p class="text-base text-base-dark-grey">
1977                                                Support Leader
1978                                            </p>
1979                                        </div>
1980                                    </div>
1981                                    <div class="w-full overflow-hidden md:w-80 md:h-80 rounded-20">
1982                                        <img src="/assets/images/viviana.jpeg" alt="testimonial"
1983                                            class="object-cover object-center aspect-[1.3] md:aspect-square size-full rounded-20">
1984                                    </div>
1985                                </div>
1986                            </div>
1987                        </div>
1988                        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
1989                    </div>
1990                </div>
1991                <!-- Navigation Button -->
1992                <div class="flex items-center justify-center w-full mt-6 mt:md-0 gap-3 md:gap-4">
1993                    <button type="button"
1994                        class="disabled:opacity-40 z-10 flex items-center justify-center p-2 bg-white border rounded-full -left-8 xl:absolute xl:-translate-y-1/2 testimonial-button-prev border-very-light-gray shadow-arrow-btn size-12 top-1/2"
1995                        tabindex="0" aria-label="Previous slide" aria-controls="swiper-wrapper-22f4279336231dde"
1996                        aria-disabled="false">
1997                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 33" fill="none">
1998                            <path d="M20 26.7854L10 16.7854L20 6.7854" stroke="#1A1A1A" stroke-width="2"
1999                                stroke-linecap="round" stroke-linejoin="round"></path>
2000                        </svg>
2001                    </button>
2002                    <button type="button"
2003                        class="disabled:opacity-40 z-10 flex items-center justify-center p-2 bg-white border rounded-full -right-8 xl:absolute xl:-translate-y-1/2 testimonial-button-next border-very-light-gray shadow-arrow-btn size-12 top-1/2 swiper-button-disabled"
2004                        tabindex="-1" aria-label="Next slide" aria-controls="swiper-wrapper-22f4279336231dde"
2005                        aria-disabled="true" disabled="">
2006                        <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 33" fill="none">
2007                            <path d="M12 6.7854L22 16.7854L12 26.7854" stroke="#1A1A1A" stroke-width="2"
2008                                stroke-linecap="round" stroke-linejoin="round"></path>
2009                        </svg>
2010                    </button>
2011                </div>
2012            </div>
2013        </div>
2014    </section>
2015    <!-- END testimonial section -->
2016
2017    <!-- Articles section -->
2018    
2019    <!-- END articles section -->
2020</main>
2021<!-- Script -->
2022
2023    <a href="https://wa.me/34619770900" target="_blank" rel="noopener noreferrer" class="c-whatsapp">
2024        <span class="text-white">
2025            Hablar con un experto
2026        </span>
2027        <div>
2028            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
2029                <path
2030                    d="m17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52s-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413s.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1 -5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1 -1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297a11.815 11.815 0 0 0 -8.413-3.488c-6.555 0-11.89 5.335-11.893 11.892 0 2.096.547 4.142 1.588 5.945l-1.688 6.163 6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0 -3.48-8.413z">
2031                </path>
2032            </svg>
2033        </div>
2034    </a>
2035
2036    <!-- Footer -->
2037    <footer class="pt-10 bg-[#111111] md:pt-100">
2038        <div class="container">
2039            <div class="grid grid-cols-1 gap-10 md:gap-12 lg:gap-20 md:grid-cols-3 pb-60 md:pb-100">
2040                <div>
2041                    <img src="https://b2chat.eu/assets/images/logo-white.png" alt="b2chat" class="w-[130px]">
2042                    <div class="mt-6">
2043                        <p class="text-base text-[#8E8E8E] leading-150">
2044                            La integración más avanzada entre Shopify y WhatsApp.
2045                        </p>
2046                    </div>
2047                    <div class="mt-8 hidden lg:block">
2048                        <a href="https://mybookup.com/" target="_blank" rel="noopener noreferrer"
2049                            class="flex items-start gap-2">
2050                            <p class="text-sm text-white font-normal mt-1">Powered by</p>
2051                            <img src="https://b2chat.eu/assets/images/logo-mybookup.png" alt="b2chat" class="w-[130px]">
2052                        </a>
2053                    </div>
2054                </div>
2055                <div class="grid grid-cols-2 col-span-2 gap-6 lg:grid-cols-4">
2056                    <!-- item -->
2057                    <div>
2058                        <p class="text-xl text-white leading-150">Producto</p>
2059                        <ul class="flex flex-col gap-4 mt-5">
2060                            <li>
2061                                <a href="https://b2chat.eu/es/consola"
2062                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Consola</a>
2063                            </li>
2064                            <li>
2065                                <a href="https://b2chat.eu/es/app-movil"
2066                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">App Móvil</a>
2067                            </li>
2068                            <li>
2069                                <a href="https://b2chat.eu/es/catalogo-s
2069hopify"
2070                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Catálogo de
2071                                    Shopify</a>
2072                            </li>
2073                        </ul>
2074                    </div>
2075                    <!-- item -->
2076                    <div>
2077                        <p class="text-xl text-white leading-150">Recursos</p>
2078                        <ul class="flex flex-col gap-4 mt-5">
2079                            <li>
2080                                <a href="https://b2chat.eu/es/blog"
2081                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Blog</a>
2082                            </li>
2083                            <li>
2084                                <a href="https://b2chat.eu/es/preguntas-frecuentes"
2085                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Preguntas
2086                                    frecuentes</a>
2087                            </li>
2088                            <li>
2089                                <a href="https://b2chat.gitbook.io/b2chat-platform-api-docs"
2090                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Desarrolladores</a>
2091                            </li>
2092                        </ul>
2093                    </div>
2094                    <!-- item -->
2095                    <div>
2096                        <p class="text-xl text-white leading-150">Compañía</p>
2097                        <ul class="flex flex-col gap-4 mt-5">
2098                            <li>
2099                                <a href="https://b2chat.eu/es/contacto"
2100                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Contacto</a>
2101                            </li>
2102                            
2103                        </ul>
2104                    </div>
2105                    <!-- item -->
2106                    <div>
2107                        <p class="text-xl text-white leading-150">Redes Sociales</p>
2108                        <ul class="flex flex-col gap-4 mt-5">
2109                            <li>
2110                                <a href="https://www.instagram.com/b2chat_eu" target="_blank" rel="noopener noreferrer"
2111                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Instagram</a>
2112                            </li>
2113                            <li>
2114                                <a href="https://www.facebook.com/b2chat.eu/" target="_blank" rel="noopener noreferrer"
2115                                    class="text-base text-[#8E8E8E] duration-200 hover:text-white">Facebook</a>
2116                            </li>
2117                        </ul>
2118                    </div>
2119                </div>
2120            </div>
2121            <div class="text-sm flex flex-col items-center justify-center gap-6 pb-10 md:flex-row md:gap-4">
2122                <p class="text-[#8E8E8E] leading-150 text-center md:text-left order-2 md:order-1">
2123                    ©2026 B2Chat Europa. Todos los derechos reservados.
2124                </p>
2125                <div
2126                    class="flex flex-wrap items-center justify-center md:justify-end  gap-3 md:gap-5 md:flex-1 order-1 md:order-2">
2127                    <a href="https://b2chat.eu/es/aviso-legal" class="text-[#8E8E8E] duration-200 hover:text-white flex-none">Aviso
2128                        Legal</a>
2129                    <a href="https://b2chat.eu/es/terminos-de-servicio"
2130                        class="text-[#8E8E8E] duration-200 hover:text-white flex-none">Términos
2131                        de servicio</a>
2132                    <a href="https://b2chat.eu/es/politica-de-privacidad"
2133                        class="text-[#8E8E8E] duration-200 hover:text-white flex-none">Política de Privacidad</a>
2134                    <a href="https://b2chat.eu/es/politicas-de-cancelacion"
2135                        class="text-[#8E8E8E] duration-200 hover:text-white flex-none">Políticas de
2136                        Cancelación</a>
2137                    <a href="https://b2chat.eu/es/politica-de-cookie
2137s"
2138                        class="text-[#8E8E8E] duration-200 hover:text-white flex-none">Política de Cookies</a>
2139                </div>
2140            </div>
2141            <div class="mt-4 pb-6 lg:hidden">
2142                <a href="https://mybookup.com/" target="_blank" rel="noopener noreferrer"
2143                    class="flex justify-center items-start gap-2">
2144                    <p class="text-sm text-white font-normal mt-1">Powered by</p>
2145                    <img src="https://b2chat.eu/assets/images/logo-mybookup.png" alt="b2chat" class="w-[130px]">
2146                </a>
2147            </div>
2148        </div>
2149    </footer>
2150    <!-- END footer -->
2151    
2151<script defer src="https://b2chat.eu/assets/js/pdcc.js"></script>
2151
2152    
2152<script defer src="https://b2chat.eu/assets/js/cookieinit.js"></script>
2152
2153    
2153<script src="https://b2chat.eu/assets/js/swiper.js"></script>
2153
2154    
2154<script src="https://b2chat.eu/assets/js/jquery.js"></script>
2154
2155    
2155<script src="https://b2chat.eu/assets/js/main.js?v=9"></script>
2155
2156    </body>
2157
2158</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.