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>© 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.