PageSourceSearch

https://ventasclick.com/

html ventasclick.com collected 2026-10-04 07:06:20 UTC 28,539 bytes, 519 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es-MX">
3
4<head>
5  <meta charset="UTF-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <meta name="description"
8    content="Elige el plan Ventas Click que mejor se adapta a tu negocio. Plan Presencia Web o Tienda en Línea. Sin comisiones, sin contratos forzosos.">
9  <meta name="keywords"
10    content="planes Ventas Click, Plan Presencia Web, Tienda en Línea, precios PyME México, sin comisiones">
11  <meta property="og:title" content="Planes | Ventas Click">
12  <meta property="og:description"
13    content="Elige el plan que mejor se adapta a tu negocio. Sin comisiones por venta, sin contratos forzosos.">
14  <meta property="og:type" content="website">
15  <title>Planes | Ventas Click</title>
16
17  <link rel="icon" href="img/favicon.png" type="image/png">
18  <link rel="preconnect" href="https://fonts.googleapis.com">
19  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
20  <link
21    href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap"
22    rel="stylesheet">
23  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
24  <link rel="stylesheet" href="css/style.css">
25  <link rel="stylesheet" href="css/planes.css">
26
27  
27<script src="https://cdn.tailwindcss.com"></script>
27
28  
28<script src="js/tailwind.js"></script>
28
29
30  <!-- Google Tag Manager -->
31  
31<script>
vendor: 335 bytes, lines 31-35
31(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
32  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
33  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
34  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
35  })(window,document,'script','dataLayer','
35GTM-TSMLTSR
vendor: 3 bytes, line 35
35');
35</script>
35
36  <!-- End Google Tag Manager -->
37</head>
38
39<body class="bg-white text-ink-950">
40
41  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 41-42
41
42  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
42GTM-TSMLTSR
vendor: 87 bytes, lines 42-44
42"
43  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
44  
44<!-- End Google Tag Manager (noscript) -->
45  
46  <!-- Skip link -->
47  <a href="#main" class="skip-link">Ir al contenido principal</a>
48
49  <!-- ===== HEADER / NAV ===== -->
50  <header class="sticky top-0 z-40 bg-white/85 backdrop-blur border-b border-ink-200">
51    <div class="mx-auto max-w-shell px-4 md:px-8">
52      <div class="flex items-center justify-between h-16 md:h-20">
53        <!-- Logo -->
54        <a href="./" class="flex items-center gap-2" aria-label="Ventas Click - Inicio">
55          <img src="img/ventasclick-logo.png" alt="Ventas Click" class="h-10 md:h-14 w-auto">
56        </a>
57
58        <nav class="hidden lg:flex items-center gap-8" aria-label="Navegacion principal">
59          <a href="./" class="text-sm font-medium text-ink-700 hover:text-brand-700 transition-colors">Inicio</a>
60          <div class="relative group">
61            <button
62              class="flex items-center gap-1 text-sm font-medium text-ink-700 hover:text-brand-700 transition-colors">
63              Planes
64              <svg class="w-4 h-4 transition-transform group-hover:rotate-180" viewBox="0 0 24 24" fill="none"
65                stroke="currentColor" stroke-width="2">
66                <path d="M6 9l6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
67              </svg>
68            </button>
69            <div
70              class="absolute top-full left-0 pt-2 w-52 opacity-0 translate-y-2 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto transition-all duration-200 z-50">
71              <div class="bg-white border border-ink-100 rounded-xl shadow-xl overflow-hidden">
72                <div class="py-2">
73                  <a href="plan-conecta"
74                    class="block px-4 py-2 text-sm text-ink-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">Plan
75                    Conecta</a>
76                  <a href="presencia-web"
77                    class="block px-4 py-2 text-sm text-ink-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">Plan
78                    Presencia Web</a>
79                  <a href="tienda-en-linea"
80                    class="block px-4 py-2 text-sm text-ink-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">Plan
81                    Tienda en Línea</a>
82                </div>
83              </div>
84            </div>
85          </div>
86          <a href="https://blog.ventasclick.com" class="text-sm font-medium text-ink-700 hover:text-brand-700 transition-colors">Blog</a>
87          <a href="./#contacto"
88            class="text-sm font-medium text-ink-700 hover:text-brand-700 transition-colors">Contacto</a>
89        </nav>
90
91        <div class="hidden lg:flex items-center gap-3">
92          <div class="relative group">
93            <button
94              class="flex items-center gap-1 text-sm font-semibold text-ink-950 hover:text-brand-700 transition-colors px-3 py-2">
95              Iniciar sesión
96              <svg class="w-4 h-4 transition-transform group-hover:rotate-180" viewBox="0 0 24 24" fill="none"
97                stroke="currentColor" stroke-width="2">
98                <path d="M6 9l6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
99              </svg>
100            </button>
101            <div
102              class="absolute top-full right-0 pt-2 w-48 opacity-0 translate-y-2 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto transition-all duration-200 z-50">
103              <div class="bg-white border border-ink-100 rounded-xl shadow-xl overflow-hidden">
104                <div class="py-2">
105                  <a href="https://my.mitienda.pro/cp/" target="_blank"
106                    class="block px-4 py-2 text-sm text-ink-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">Mi
107                    tienda</a>
108                  <a href="javascript:void(0)" id="" data-cb-type="portal"
109                    class="block px-4 py-2 text-sm text-ink-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">Mi
110                    cuenta</a>
111                </div>
112              </div>
113            </div>
114          </div>
115          <a href="#planes" rel="noopener"
116            class="inline-flex items-center justify-center gap-2 text-sm font-semibold text-white bg-brand-600 hover:bg-brand-700 active:scale-[0.98] transition-all px-5 py-3 rounded-lg shadow-sm-brand hover:shadow-md-brand">
117            Empezar ahora
118          </a>
119        </div>
120
121        <!-- Mobile hamburger -->
122        <button id="navToggle"
123          class="lg:hidden inline-flex items-center justify-center w-11 h-11 rounded-lg text-ink-950 hover:bg-ink-50 transition-colors"
124          aria-label="Abrir menu" aria-expanded="false" aria-controls="mobileMenu">
125          <svg id="iconMenu" class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
126            aria-hidden="true">
127            <path d="M3 6h18M3 12h18M3 18h18" stroke-linecap="round" />
128          </svg>
129          <svg id="iconClose" class="w-6 h-6 hidden" viewBox="0 0 24 24" fill="none" stroke="currentColor"
130            stroke-width="2" aria-hidden="true">
131            <path d="M6 6l12 12M6 18L18 6" stroke-linecap="round" />
132          </svg>
133        </button>
134      </div>
135
136      <div id="mobileMenu" class="mobile-menu lg:hidden">
137        <nav class="flex flex-col gap-1 py-4 border-t border-ink-200" aria-label="Navegacion mobile">
138          <a href="./" class="px-3 py-3 rounded-lg text-base font-medium text-ink-700 hover:bg-ink-50">Inicio</a>
139          <div class="flex flex-col">
140            <button
141              class="flex items-center justify-between w-full px-3 py-3 rounded-lg text-base font-medium text-ink-700 hover:bg-ink-50"
142              onclick="this.nextElementSibling.classList.toggle('hidden'); this.querySelector('svg').classList.toggle('rotate-180');">
143              Planes
144              <svg class="w-4 h-4 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor"
145                stroke-width="2">
146                <path d="M6 9l6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
147              </svg>
148            </button>
149            <div class="hidden flex flex-col pl-4">
150              <a href="plan-conecta" class="px-3 py-2 text-sm font-medium text-ink-600 hover:text-brand-700">Plan
151                Conecta</a>
152              <a href="presencia-web" class="px-3 py-2 text-sm font-medium text-ink-600 hover:text-brand-700">Plan
153                Presencia Web</a>
154              <a href="tienda-en-linea"
155                class="px-3 py-2 text-sm font-medium text-ink-600 hover:text-brand-700">Plan Tienda en Línea</a>
156            </div>
157          </div>
158          <a href="https://blog.ventasclick.com" class="px-3 py-3 rounded-lg text-base font-medium text-ink-700 hover:bg-ink-50">Blog</a>
159          <a href="#contacto"
160            class="px-3 py-3 rounded-lg text-base font-medium text-ink-700 hover:bg-ink-50">Contacto</a>
161          <div class="flex flex-col">
162            <button
163              class="flex items-center justify-between w-full px-3 py-3 rounded-lg text-base font-semibold text-ink-950 hover:bg-ink-50"
164              onclick="this.nextElementSibling.classList.toggle('hidden'); this.querySelector('svg').classList.toggle('rotate-180');">
165              Iniciar sesión
166              <svg class="w-4 h-4 transition-transform" viewBox="0 0 24 24" fill="none" stroke="currentColor"
167                stroke-width="2">
168                <path d="M6 9l6 6 6-6" stroke-linecap="round" stroke-linejoin="round" />
169              </svg>
170            </button>
171            <div class="hidden flex flex-col pl-4">
172              <a href="https://my.mitienda.pro/cp/" target="_blank"
173                class="px-3 py-2 text-sm font-medium text-ink-600 hover:text-brand-700">Mi tienda</a>
174              <a href="javascript:void(0)" id="" data-cb-type="portal"
175                class="px-3 py-2 text-sm font-medium text-ink-600 hover:text-brand-700">Mi cuenta</a>
176            </div>
177          </div>
178          <a href="#planes" rel="noopener"
179            class="mt-2 inline-flex items-center justify-center text-base font-semibold text-white bg-brand-600 px-5 py-3 rounded-lg">Empezar ahora</a>
180        </nav>
181      </div>
182    </div>
183  </header>
184
185  <!-- ===== MAIN ===== -->
186  <main id="main">
187
188    <!-- ===== HERO + CARDS ===== -->
189    <section class="hero-gradient pt-20 pb-0 md:pt-28">
190      <div class="mx-auto max-w-shell px-4 md:px-8">
191
192        <!-- Badge + Heading -->
193        <div class="text-center max-w-3xl mx-auto reveal">
194          <span
195            class="inline-flex items-center gap-2 bg-brand-50 text-brand-700 text-[13px] font-semibold px-3 py-1.5 rounded-full">
196            <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
197              <circle cx="12" cy="12" r="6" />
198            </svg>
199            PARA PEQUEÑOS NEGOCIOS MEXICANOS
200          </span>
201
202          <h1
203            class="mt-6 font-display font-extrabold text-4xl md:text-5xl lg:text-[64px] leading-[1.08] tracking-tight text-ink-950">
204            Tu negocio merece<br>
205            <em class="not-italic text-brand-700">vender</em> más, sin pagar<br>
206            más comisiones.
207          </h1>
208
209          <p class="mt-6 text-lg md:text-xl text-ink-700 max-w-xl mx-auto leading-relaxed">
210            Construimos tu presencia digital o tu tienda en línea para que c
210aptes clientes en Google, WhatsApp y redes
211            — y te quedes con el 100% de cada venta.
212          </p>
213        </div>
214
215        <!-- Product Cards -->
216        <div class="mt-14 grid grid-cols-1 lg:grid-cols-3 gap-6 max-w-6xl mx-auto reveal" id="planes">
217
218          <!-- Card 1: Plan Conecta (light) -->
219          <div
220            class="bg-white border border-ink-200 rounded-2xl p-8 flex flex-col justify-between hover:shadow-md-brand transition-shadow group">
221            <div>
222              <div class="flex items-center justify-between mb-6">
223                <div
224                  class="w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center text-brand-700 transition-colors">
225                  <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"
226                    aria-hidden="true">
227                    <path d="M10 13a5 5 0 0 0 7.5.5L21 10a5 5 0 0 0-7-7l-1 1" />
228                    <path d="M14 11a5 5 0 0 0-7-.5L3.5 14a5 5 0 0 0 7 7l1-1" />
229                  </svg>
230                </div>
231                <span class="text-xs font-semibold text-ink-500 tracking-widest uppercase">PLAN 01</span>
232              </div>
233
234              <h2 class="font-display font-extrabold text-2xl text-ink-950">Plan Conecta</h2>
235              <p class="mt-3 text-base text-ink-700 leading-relaxed">
236                Tu identidad digital profesional: Portal Click + 2 tarjetas NFC para compartir los enlaces de tu negocio
237                y obtener más reseñas fácilmente con solo acercar el celular.
238              </p>
239            </div>
240
241            <a href="plan-conecta" rel="noopener"
242              class="mt-8 inline-flex items-center gap-2 text-sm font-semibold text-brand-600 hover:text-brand-700 transition-colors group/link">
243              Ver plan
244              <svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" viewBox="0 0 24 24" fill="none"
245                stroke="currentColor" stroke-width="2.5" aria-hidden="true">
246                <path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round" />
247              </svg>
248            </a>
249          </div>
250
251          <!-- Card 2: Plan Presencia Web (light) -->
252          <div
253            class="bg-white border border-ink-200 rounded-2xl p-8 flex flex-col justify-between hover:shadow-md-brand transition-shadow group">
254            <div>
255              <div class="flex items-center justify-between mb-6">
256                <div
257                  class="w-12 h-12 rounded-xl bg-brand-50 flex items-center justify-center text-brand-700 transition-colors">
258                  <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"
259                    aria-hidden="true">
260                    <circle cx="12" cy="12" r="10" />
261                    <path
262                      d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"
263                      stroke-linecap="round" stroke-linejoin="round" />
264                  </svg>
265                </div>
266                <span class="text-xs font-semibold text-ink-500 tracking-widest uppercase">PLAN 02</span>
267              </div>
268
269              <h2 class="font-display font-extrabold text-2xl text-ink-950">Plan Presencia Web</h2>
270              <p class="mt-3 text-base text-ink-700 leading-relaxed">
271                Sitio web administrable, CRM ultraligero, integración con Google Business y dos Tarjetas NFC.
272              </p>
273            </div>
274
275            <a href="presencia-web"
276              class="mt-8 inline-flex items-center gap-2 text-sm font-semibold text-brand-600 hover:text-brand-700 transition-colors group/link">
277              Ver plan
278              <svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" viewBox="0 0 24 24" fill="none"
279                stroke="currentColor" stroke-width="2.5" aria-hidden="true">
280                <path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round" />
281              </svg>
282            </a>
283          </div>
284
285          <!-- Card 3: Tienda en Línea (dark) -->
286          <div
287            class="bg-white border border-ink-200 rounded-2xl p-8 flex flex-col justify-between hover:shadow-lg transition-shadow group">
288            <div>
289              <div class="flex items-center justify-between mb-6">
290                <div
291                  class="w-12 h-12 rounded-xl bg-brand-600/20 flex items-center justify-center text-brand-600 transition-colors">
292                  <svg class="w-6 h-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"
293                    aria-hidden="true">
294                    <path d="M3 9l1-5h16l1 5" stroke-linecap="round" stroke-linejoin="round" />
295                    <rect x="2" y="9" width="20" height="13" rx="2" />
296                    <path d="M8 9v2a4 4 0 0 0 8 0V9" stroke-linecap="round" />
297                  </svg>
298                </div>
299                <span class="text-xs font-semibold text-ink-500 tracking-widest uppercase">PLAN 03</span>
300              </div>
301
302              <h2 class="font-display font-extrabold text-2xl text-ink-950">Plan Tienda en Línea</h2>
303              <p class="mt-3 text-base text-ink-700 leading-relaxed">
304                Tu tienda propia en 5 días, con acompañamiento humano.
305              </p>
306            </div>
307
308            <a href="tienda-en-linea"
309              class="mt-8 inline-flex items-center gap-2 text-sm font-semibold text-brand-600 hover:text-brand-400 transition-colors group/link">
310              Ver 3 planes
311              <svg class="w-4 h-4 transition-transform group-hover/link:translate-x-1" viewBox="0 0 24 24" fill="none"
312                stroke="currentColor" stroke-width="2.5" aria-hidden="true">
313                <path d="M5 12h14M13 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round" />
314              </svg>
315            </a>
316          </div>
317
318        </div>
319
320        <!-- WhatsApp Contact -->
321        <div class="mt-16 text-center reveal" id="contacto">
322          <p class="text-ink-700 font-medium">Si tienes dudas contáctanos por WhatsApp</p>
323          <a href="https://wa.me/525574305529" target="_blank" rel="noopener"
324            class="mt-5 inline-flex items-center justify-center gap-2 text-sm font-semibold text-white bg-wa hover:bg-[#128C7E] active:scale-[0.98] transition-all px-6 py-3.5 rounded-lg shadow-sm hover:shadow-md">
325            <i class="fa-brands fa-whatsapp text-lg"></i>
326            Hablar con un asesor
327          </a>
328        </div>
329      </div>
330
331      <!-- ===== TICKER / MARQUEE ===== -->
332      <div class="mt-16 bg-ink-50 py-4 overflow-hidden">
333        <div class="ticker-wrap">
334          <div class="ticker-track">
335            <!-- Item set 1 -->
336            <span
337              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
338              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
339              SIN COMISIONES POR VENTA
340            </span>
341            <span
342              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
343              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
344              SOPORTE HUMANO POR WHATSAPP
345            </span>
346            <span
347              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
348              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
349              SETUP EN 5 DÍAS
350            </span>
351            <span
352              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
353              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
354              HECHO EN MÉXICO
355            </span>
356
357            <!-- Item set 2 (duplicate for seamless loop) -->
358            <span
359              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
360              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
361              SIN COMISIONES POR VENTA
362            </span>
363            <span
364              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
365              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
366              SOPORTE HUMANO POR WHATSAPP
367            </span>
368            <span
369              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
370              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
371              SETUP EN 5 DÍAS
372            </span>
373            <span
374              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
375              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
376              HECHO EN MÉXICO
377            </span>
378
379            <!-- Item set 2 (duplicate for seamless loop) -->
380            <span
381              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
382              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
383              SIN COMISIONES POR VENTA
384            </span>
385            <span
386              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
387              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
388              SOPORTE HUMANO POR WHATSAPP
389            </span>
390            <span
391              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
392              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
393              SETUP EN 5 DÍAS
394            </span>
395            <span
396              class="inline-flex items-center gap-3 mx-8 text-sm font-semibold text-ink-500 uppercase tracking-wider whitespace-nowrap">
397              <span class="w-1.5 h-1.5 rounded-full bg-brand-600 shrink-0"></span>
398              HECHO EN MÉXICO
399            </span>
400
401          </div>
402        </div>
403      </div>
404    </section>
405
406  </main>
407
408  <!-- ===== FOOTER ===== -->
409  <footer class="footer bg-[#071521] pt-16 pb-8 text-white">
410    <div class="mx-auto max-w-shell px-4 md:px-8">
411      <div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
412        <!-- Logo & Redes -->
413        <div class="space-y-6">
414          <img src="img/ventasclick-logo.png" alt="Ventas Click" class="h-12 md:h-14 w-auto brightness-0 invert">
415          <div class="flex gap-4">
416            <a href="https://www.youtube.com/channel/UCq7P9Wm2UyUX7eiNEuWqawA" target="_blank"
417              class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
418              <i class="fa-brands fa-youtube"></i>
419            </a>
420            <a href="https://twitter.com/VentasClickMx" target="_blank"
421              class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
422              <i class="fa-brands fa-x-twitter"></i>
423            </a>
424            <a href="https://www.tiktok.com/@ventasclick_mx" target="_blank"
425              class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
426              <i class="fa-brands fa-tiktok"></i>
427            </a>
428            <a href="https://www.facebook.com/VentasClickMX" target="_blank"
429              class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
430              <i class="fa-brands fa-facebook-f"></i>
431            </a>
432            <a href="https://www.instagram.com/ventasclick_mx/" target="_blank"
433              class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
434              <i class="fa-brands fa-instagram"></i>
435            </a>
436            <a href="https://www.linkedin.com/company/ventasclick/" target="_blank"
437              class="w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-primary transition-colors">
438              <i class="fa-brands fa-linkedin-in"></i>
439            </a>
440          </div>
441        </div>
442
443        <!-- Contacto -->
444        <div>
445          <h4 class="font-headline font-bold text-xl mb-6 footer-title">Contacto</h4>
446          <ul class="space-y-4 text-slate-400">
447            <li>
448              <a href="tel:5540000952" class="hover:text-white transition-colors flex items-center gap-3">
449                <i class="fa-solid fa-phone"></i> (55) 4000-0952
450              </a>
451            </li>
452            <li>
453              <a href="https://wa.me/525574305529" target="_blank"
454                class="hover:text-white transition-colors flex items-center gap-3">
455                <i class="fa-brands fa-whatsapp"></i> WhatsApp Soporte
456              </a>
457            </li>
458          </ul>
459        </div>
460
461        <!-- Soporte -->
462        <div>
463          <h4 class="font-headline font-bold text-xl mb-6 footer-title">Soporte</h4>
464          <ul class="space-y-4 text-slate-400">
465            <li><a href="https://soporte.ventasclick.com/portal/es/home" target="_blank"
466                class="hover:text-white transition-colors">Centro de Ayuda</a></li>
467            <li><a href="https://blog.ventasclick.com" class="hover:text-white transition-colors">Blog</a></li>
468          </ul>
469        </div>
470      </div>
471
472      <div
473        class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-4 text-white/40 text-sm">
474        <p>&copy; 2026 Ventas Click. Todos los derechos reservados.</p>
475        <div class="flex gap-6">
476          <a href="aviso-de-privacidad" target="_blank" rel="noopener" class="hover:text-white transition-colors">Aviso de
477            Privacidad</a>
478          <a href="terminos-condiciones" target="_blank" rel="noopener" class="hover:text-white transition-colors">Términos y
479            Condiciones</a>
480        </div>
481      </div>
482    </div>
483  </footer>
484
485  <!-- ===== WHATSAPP FAB ===== -->
486  <a id="waFab" href="https://wa.me/525574305529" target="_blank" rel="noopener" aria-label="Hablar por WhatsApp"
487    class="wa-fab fixed bottom-6 right-4 lg:bottom-6 lg:right-6 z-30 w-14 h-14 roun
487ded-full bg-wa text-white flex items-center justify-center shadow-lg hover:scale-110 active:scale-95 transition-transform">
488    <svg class="w-7 h-7" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
489      <path
490        d="M19.05 4.91A9.94 9.94 0 0 0 12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.91-7.01zM12.05 20.15h-.01a8.21 8.21 0 0 1-4.18-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.18 8.18 0 0 1-1.26-4.38c0-4.54 3.7-8.23 8.24-8.23 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.82c.01 4.54-3.69 8.23-8.24 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.16.25-.64.81-.78.97-.14.16-.29.18-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.16.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.83-.2-.48-.4-.42-.56-.42h-.48c-.16 0-.43.06-.66.31-.23.25-.86.84-.86 2.05 0 1.21.88 2.38 1 2.54.12.16 1.74 2.66 4.21 3.73.59.25 1.05.4 1.41.52.59.19 1.13.16 1.55.1.47-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.06-.11-.22-.18-.47-.3z" />
491    </svg>
492  </a>
493
494  
494<script src="js/main.js"></script>
494
495  
495<script>
496    // Reveal on scroll
497    (function () {
498      const els = document.querySelectorAll('.reveal');
499      if (!els.length) return;
500      const io = new IntersectionObserver((entries) => {
501        entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
502      }, { threshold: 0.1 });
503      els.forEach(el => io.observe(el));
504    })();
505
506    // WhatsApp FAB visibility
507    (function () {
508      const fab = document.getElementById('waFab');
509      if (!fab) return;
510      const show = () => { if (window.scrollY > 300) fab.classList.add('visible'); else fab.classList.remove('visible'); };
511      window.addEventListener('scroll', show, { passive: true });
512      show();
513    })();
514  </script>
514
515
516<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"975e818f7cdf42fa909b0eebe196312f","r":1,"spa":2}' crossorigin="anonymous"></script>
516
517</body>
518
519</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.