<!doctype html>
<html lang="en">
  <head><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <title>Wasapp</title>
    <meta name="description" content="Crea links directos de WhatsApp, códigos QR y mensajes predefinidos para tu negocio en segundos. Wasapp Funciones Precios Código QR.">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property="og:title" content="Wasapp" />
    <meta
      property="og:description"
      content="Crea links directos de WhatsApp, códigos QR y mensajes predefinidos para tu negocio en segundos. Wasapp Funciones Precios Código QR."
    />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Wasapp" />
    <meta
      name="twitter:description"
      content="Crea tu link directo de WhatsApp con mensaje predefinido gratis. Sin registro, sin apps. Genera tu enlace en segundos."
    />
    <link rel="icon" type="image/x-icon" href="https://wasapp.online/%VITE_METADATA_FAVICON%" />
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "Wasapp",
        "description": "Free WhatsApp link generator with predefined messages, QR codes, and short URLs.",
        "telephone": "+52 55 1234 5678",
        "url": "wasapp.online",
        "priceRange": "$$",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "Mexico City, CDMX, Mexico",
          "addressLocality": "Mexico City",
          "addressCountry": "MX"
        },
        "geo": { "@type": "GeoCoordinates", "latitude": 19.4326077, "longitude": -99.133208 },
        "areaServed": [{ "@type": "City" }],
        "openingHoursSpecification": [],
        "sameAs": []
      }
    </script>
    <meta name="generator" content="Remixer Website Builder" />
    <script>
      window.__REMIXER_CTX__ = {
        supabaseUrl: "https://platform.remixer.ai",
        supabaseAnonKey:
          "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InN2bWVocGZrYnJkcmZwcWtqa2FlIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTEyMDI2NzUsImV4cCI6MjA2Njc3ODY3NX0.dmGZx-tYGmhKYL4WMCEqqRxLIEUGFZJqsEPTUHfcXak",
        runtimeUrl: "https://platform.remixer.ai/functions/v1",
        authBrokerBaseUrl: "https://auth.int.dreamhosters.ai",
        projectId: "d962e9475f8b7221",
      };
    </script>
    <link rel="stylesheet" href="https://zimpleable.com/api/public/font-proxy?u=https%3A%2F%2Fwasapp.online%2Fassets%2Findex-BT1cGHR6.css" /><script data-zimple-tw-fallback src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script><style type="text/tailwindcss">@theme{--color-leaf:#25D366;--color-ink:#0f172a;--color-border:#e5e7eb;--color-muted:#64748b;--color-primary:#25D366;--shadow-green:0 8px 24px -8px rgba(37,211,102,.55);--font-heading:system-ui,sans-serif}</style>
  <meta name="zimple-leads" content="https://zimpleable.com/api/public/leads/a64f6e5e-6145-4b9e-9514-82458f4451ce" /><script type="speculationrules">{"prefetch":[{"where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":"/api/*"}}]},"eagerness":"moderate"}]}</script><link rel="manifest" href="/manifest.webmanifest"><link rel="alternate" type="text/plain" title="llms.txt" href="/llms.txt"><style>@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}</style>  <link rel="canonical" href="https://wasapp-colombia.pages.dev/">
  <meta property="og:url" content="https://wasapp-colombia.pages.dev/">
  <link rel="alternate" hreflang="es" href="https://wasapp-colombia.pages.dev/">
<link rel="alternate" hreflang="x-default" href="https://wasapp-colombia.pages.dev/">
</head>
  <body class="antialiased" data-polished><a href="#contenido" class="zk-skip" style="position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 12px;background:#fff;color:#000" onfocus="this.style.left='8px'" onblur="this.style.left='-9999px'">Saltar al contenido</a>
    <div id="root">
      <header class="sticky top-0 z-50 bg-white/90 backdrop-blur-md border-b border-border">
        <div class="mx-auto max-w-6xl px-6 h-16 flex items-center justify-between">
          <a class="flex items-center gap-2.5 group" href="/" data-discover="true"
            ><span class="inline-flex items-center justify-center w-8 h-8 rounded-xl bg-leaf text-white shadow-green"
              ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4" aria-hidden="true" ><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" ></path></svg></span
            ><span class="font-heading font-black text-ink text-lg tracking-tight leading-none">Wasapp</span></a
          >
          <nav class="hidden md:flex items-center gap-1">
            <a
              data-text-id="nav.features"
              class="px-4 py-2 rounded-xl text-sm font-semibold transition-colors text-ink/60 hover:text-ink hover:bg-canvas"
              href="/features"
              data-discover="true"
              >Funciones</a
            ><a
              data-text-id="nav.pricing"
              class="px-4 py-2 rounded-xl text-sm font-semibold transition-colors text-ink/60 hover:text-ink hover:bg-canvas"
              href="/pricing"
              data-discover="true"
              >Precios</a
            ><a
              data-text-id="nav.qrcode"
              class="px-4 py-2 rounded-xl text-sm font-semibold transition-colors text-ink/60 hover:text-ink hover:bg-canvas"
              href="/qr-codes"
              data-discover="true"
              >Código QR</a
            ><button type="button"
              class="ml-1 px-3 py-2 rounded-xl text-sm font-bold text-ink/50 hover:text-ink hover:bg-canvas transition-colors"
              aria-label="Switch language"
            >
              ES</button
            ><a
              data-text-id="nav.cta"
              class="ml-3 inline-flex items-center gap-1.5 rounded-pill bg-leaf px-5 py-2 text-sm font-bold text-white hover:bg-leaf-dark transition-colors shadow-green"
              href="/generator"
              data-discover="true"
              >Crear link gratis</a
            >
          </nav>
          <div class="md:hidden flex items-center gap-1">
            <button type="button" class="px-3 py-2 rounded-xl text-sm font-bold text-ink/50">ES</button
            ><button type="button" class="p-2 rounded-xl text-ink hover:bg-canvas transition-colors" aria-label="Toggle menu">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true" ><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg>
            </button>
          </div>
        </div>
      </header>
      <main id="contenido" class="flex flex-col gap-section-spacing-mobile md:gap-section-spacing">
        <section class="relative overflow-hidden bg-ink">
          <div
            class="absolute inset-0 opacity-[0.07]"
            style="
              background-image: radial-gradient(circle at 1px 1px, var(--color-leaf) 1.5px, transparent 0);
              background-size: 36px 36px;
            "
          ></div>
          <div
            class="absolute top-[-80px] left-1/2 -translate-x-1/2 w-[700px] h-[500px] rounded-full pointer-events-none"
            style="background: radial-gradient(rgba(34, 197, 94, 0.18) 0%, transparent 65%); filter: blur(40px)"
          ></div>
          <div class="relative mx-auto max-w-5xl px-6 pt-24 pb-36 md:pt-32 md:pb-44 text-center">
            <div
              class="inline-flex items-center gap-2 rounded-pill border border-leaf/25 bg-leaf/10 px-4 py-1.5 mb-8"
              style="opacity: 0; transform: none"
            >
              <span class="relative flex h-2 w-2"
                ><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-leaf opacity-60"></span
                ><span class="relative inline-flex rounded-full h-2 w-2 bg-leaf"></span></span
              ><span data-text-id="hero.badge" class="text-xs font-bold text-leaf">100% gratis · Sin registro</span>
            </div>
            <h1
              data-text-id="hero.title"
              class="font-heading text-5xl md:text-7xl lg:text-8xl font-black text-white leading-[1.02] tracking-tight"
              style="opacity: 0; transform: translateY(3.73253px)"
            >
              Crea tu link de WhatsApp gratis
            </h1>
            <p
              data-text-id="hero.subtitle"
              class="mt-6 text-lg md:text-xl text-white/50 max-w-2xl mx-auto leading-relaxed"
              style="opacity: 0; transform: translateY(6.62499px)"
            >
              Genera un enlace directo a tu WhatsApp con mensaje predefinido. Sin apps, sin registro.
            </p>
            <div
              class="mt-10 flex flex-col sm:flex-row items-center justify-center gap-3"
              style="opacity: 0; transform: translateY(10.5344px)"
            >
              <a
                data-text-id="hero.cta"
                class="inline-flex items-center gap-2 rounded-pill bg-leaf px-8 py-4 text-base font-bold text-white hover:bg-leaf-dark transition-colors shadow-green"
                href="/generator"
                data-discover="true"
                ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4" aria-hidden="true" ><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" ></path></svg >Crear mi link<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a
              ><a
                data-text-id="hero.cta2"
                class="inline-flex items-center justify-center rounded-pill border border-white/15 px-8 py-4 text-base font-semibold text-white/70 hover:bg-white/8 hover:text-white transition-colors"
                href="/features"
                data-discover="true"
                >Ver cómo funciona</a
              >
            </div>
          </div>
          <div class="absolute bottom-0 left-0 w-full overflow-hidden leading-none pointer-events-none">
            <svg viewBox="0 0 1440 80" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="block w-full h-16 md:h-20" ><path d="M0,40 C480,80 960,0 1440,40 L1440,80 L0,80 Z" fill="var(--color-canvas)"></path></svg>
          </div>
        </section>
        <section class="bg-white border-b border-border">
          <div class="mx-auto max-w-5xl px-6 py-14 grid grid-cols-2 md:grid-cols-4 gap-8">
            <div class="text-center" style="opacity: 0; transform: none">
              <p
                data-text-id="stats.links"
                class="font-heading text-4xl md:text-5xl font-black text-leaf tracking-tight"
              >
                2M+
              </p>
              <p
                data-text-id="stats.links.label"
                class="mt-2 text-sm font-semibold text-ink/45 uppercase tracking-wider"
              >
                Links creados
              </p>
            </div>
            <div class="text-center" style="opacity: 0; transform: translateY(0.509872px)">
              <p
                data-text-id="stats.users"
                class="font-heading text-4xl md:text-5xl font-black text-leaf tracking-tight"
              >
                80K+
              </p>
              <p
                data-text-id="stats.users.label"
                class="mt-2 text-sm font-semibold text-ink/45 uppercase tracking-wider"
              >
                Usuarios activos
              </p>
            </div>
            <div class="text-center" style="opacity: 0; transform: translateY(2.16963px)">
              <p
                data-text-id="stats.countries"
                class="font-heading text-4xl md:text-5xl font-black text-leaf tracking-tight"
              >
                140+
              </p>
              <p
                data-text-id="stats.countries.label"
                class="mt-2 text-sm font-semibold text-ink/45 uppercase tracking-wider"
              >
                Países
              </p>
            </div>
            <div class="text-center" style="opacity: 0; transform: translateY(4.61806px)">
              <p
                data-text-id="stats.uptime"
                class="font-heading text-4xl md:text-5xl font-black text-leaf tracking-tight"
              >
                99.9%
              </p>
              <p
                data-text-id="stats.uptime.label"
                class="mt-2 text-sm font-semibold text-ink/45 uppercase tracking-wider"
              >
                Disponibilidad
              </p>
            </div>
          </div>
        </section>
        <section class="bg-white py-14 md:py-20 border-b border-border">
          <div class="mx-auto max-w-6xl px-6">
            <p
              data-text-id="trusted.title"
              class="text-center text-xs font-black text-ink/30 uppercase tracking-[0.22em] mb-10"
              style="opacity: 1"
            >
              Usado por miles de negocios
            </p>
            <div class="grid grid-cols-3 md:grid-cols-6 items-center justify-items-center gap-8" style="opacity: 0">
              <span
                class="font-heading text-lg md:text-xl text-ink/20 hover:text-ink/45 transition-colors"
                style="font-weight: 700; font-style: italic"
                >Spark</span
              ><span
                class="font-heading text-lg md:text-xl text-ink/20 hover:text-ink/45 transition-colors"
                style="font-weight: 600; font-style: normal"
                >AURORA</span
              ><span
                class="font-heading text-lg md:text-xl text-ink/20 hover:text-ink/45 transition-colors"
                style="font-weight: 900; font-style: normal"
                >Helix</span
              ><span
                class="font-heading text-lg md:text-xl text-ink/20 hover:text-ink/45 transition-colors"
                style="font-weight: 500; font-style: normal"
                >NorthStar</span
              ><span
                class="font-heading text-lg md:text-xl text-ink/20 hover:text-ink/45 transition-colors"
                style="font-weight: 700; font-style: normal"
                >ORBIT</span
              ><span
                class="font-heading text-lg md:text-xl text-ink/20 hover:text-ink/45 transition-colors"
                style="font-weight: 400; font-style: italic"
                >paloma.</span
              >
            </div>
          </div>
        </section>
        <section class="bg-canvas py-section-mobile md:py-section">
          <div class="mx-auto max-w-5xl px-6">
            <div class="text-center mb-16">
              <h2
                data-text-id="features.title"
                class="font-heading text-3xl md:text-5xl font-black text-ink tracking-tight"
              >
                Todo lo que necesitas para conectar por WhatsApp
              </h2>
              <p data-text-id="features.subtitle" class="mt-4 text-ink/55 max-w-xl mx-auto text-lg">
                Herramientas simples y poderosas para empresas y profesionales.
              </p>
            </div>
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
              <div
                class="group rounded-3xl bg-white border border-border p-6 hover:border-leaf/40 hover:shadow-card hover:-translate-y-1 transition-all duration-200"
                style="opacity: 0; transform: translateY(16px)"
              >
                <span
                  class="inline-flex items-center justify-center w-12 h-12 rounded-2xl bg-leaf/10 text-leaf group-hover:bg-leaf group-hover:text-white transition-all duration-200 mb-4"
                  ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 lucide-link-2 h-5 w-5" aria-hidden="true" ><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg ></span><h3 data-text-id="features.link.title" class="font-heading font-black text-ink mb-2">Link directo</h3><p data-text-id="features.link.desc" class="text-sm text-ink/55 leading-relaxed"> Genera un enlace que abre WhatsApp con tu número y mensaje listos. </p></div><div class="group rounded-3xl bg-white border border-border p-6 hover:border-leaf/40 hover:shadow-card hover:-translate-y-1 transition-all duration-200" style="opacity: 0; transform: translateY(16px)" ><span class="inline-flex items-center justify-center w-12 h-12 rounded-2xl bg-leaf/10 text-leaf group-hover:bg-leaf group-hover:text-white transition-all duration-200 mb-4" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-qr-code h-5 w-5" aria-hidden="true" ><rect width="5" height="5" y="3" rx="1"></rect><rect width="5" height="5" y="3" rx="1"></rect><rect width="5" height="5" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg ></span><h3 data-text-id="features.qr.title" class="font-heading font-black text-ink mb-2">Código QR</h3><p data-text-id="features.qr.desc" class="text-sm text-ink/55 leading-relaxed"> Descarga un QR listo para imprimir en tarjetas, carteles o empaques. </p></div><div class="group rounded-3xl bg-white border border-border p-6 hover:border-leaf/40 hover:shadow-card hover:-translate-y-1 transition-all duration-200" style="opacity: 0; transform: translateY(16px)" ><span class="inline-flex items-center justify-center w-12 h-12 rounded-2xl bg-leaf/10 text-leaf group-hover:bg-leaf group-hover:text-white transition-all duration-200 mb-4" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scissors h-5 w-5" aria-hidden="true" ><circle cx="6" cy="6" r="3"></circle><path d="M8.12 8.12 12 12"></path><path d="M20 4 8.12 15.88"></path><circle cx="6" cy="18" r="3"></circle><path d="M14.8 14.8 20 20"></path></svg ></span><h3 data-text-id="features.short.title" class="font-heading font-black text-ink mb-2">Link corto</h3><p data-text-id="features.short.desc" class="text-sm text-ink/55 leading-relaxed"> Acorta tu link de WhatsApp para compartirlo fácil en redes sociales. </p></div><div class="group rounded-3xl bg-white border border-border p-6 hover:border-leaf/40 hover:shadow-card hover:-translate-y-1 transition-all duration-200" style="opacity: 0; transform: translateY(16px)" ><span class="inline-flex items-center justify-center w-12 h-12 rounded-2xl bg-leaf/10 text-leaf group-hover:bg-leaf group-hover:text-white transition-all duration-200 mb-4" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-5 w-5" aria-hidden="true" ><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" ></path></svg ></span><h3 data-text-id="features.msg.title" class="font-heading font-black text-ink mb-2"> Mensaje predefinido </h3><p data-text-id="features.msg.desc" class="text-sm text-ink/55 leading-relaxed"> Configura el texto que el cliente verá al abrir el chat contigo. </p></div><div class="group rounded-3xl bg-white border border-border p-6 hover:border-leaf/40 hover:shadow-card hover:-translate-y-1 transition-all duration-200" style="opacity: 0; transform: translateY(16px)" ><span class="inline-flex items-center justify-center w-12 h-12 rounded-2xl bg-leaf/10 text-leaf group-hover:bg-leaf group-hover:text-white transition-all duration-200 mb-4" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-check h-5 w-5" aria-hidden="true" ><path d="m16 11 2 2 4-4"></path><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle></svg ></span><h3 data-text-id="features.analytics.title" class="font-heading font-black text-ink mb-2"> Sin registro </h3><p data-text-id="features.analytics.desc" class="text-sm text-ink/55 leading-relaxed"> Usa todas las funciones sin crear cuenta ni pagar nada. </p></div><div class="group rounded-3xl bg-white border border-border p-6 hover:border-leaf/40 hover:shadow-card hover:-translate-y-1 transition-all duration-200" style="opacity: 0; transform: translateY(16px)" ><span class="inline-flex items-center justify-center w-12 h-12 rounded-2xl bg-leaf/10 text-leaf group-hover:bg-leaf group-hover:text-white transition-all duration-200 mb-4" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-5 w-5" aria-hidden="true" ><rect width="14" height="20" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg ></span><h3 data-text-id="features.multi.title" class="font-heading font-black text-ink mb-2"> Funciona en todos lados </h3><p data-text-id="features.multi.desc" class="text-sm text-ink/55 leading-relaxed"> Los links funcionan en iOS, Android, WhatsApp Web y WhatsApp Business. </p></div></div></div></section><section class="bg-white py-section-mobile md:py-section"><div class="mx-auto max-w-6xl px-6"><div class="mb-16 max-w-xl"><p data-text-id="solutions.eyebrow" class="text-xs font-black uppercase tracking-[0.22em] text-leaf mb-3"> Casos de uso </p><h2 data-text-id="solutions.title" class="font-heading text-3xl md:text-5xl font-black text-ink leading-tight tracking-tight" > ¿Para quién es Wasapp? </h2></div><div class="grid gap-6 md:grid-cols-3"><div style="opacity: 0; transform: translateY(18px)"><div class="w-11 h-11 rounded-2xl bg-canvas border border-border flex items-center justify-center mb-5 text-ink/50" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-5 w-5" aria-hidden="true" ><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" ></path></svg>
                </div>
                <h3
                  data-text-id="solutions.s1.title"
                  class="font-heading text-lg font-black text-ink mb-2 tracking-tight"
                >
                  Link directo de WhatsApp
                </h3>
                <p data-text-id="solutions.s1.body" class="text-sm text-ink/55 leading-relaxed mb-4">
                  Genera un enlace que abre WhatsApp con tu número y mensaje predefinido listo para enviar.
                </p>
                <a
                  data-text-id="solutions.s1.cta"
                  class="inline-flex items-center gap-1 text-sm font-bold text-leaf hover:text-leaf-dark transition-colors"
                  href="/generator"
                  data-discover="true"
                  >Crear link<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a></div><div style="opacity: 0; transform: translateY(18px)"><div class="w-11 h-11 rounded-2xl bg-canvas border border-border flex items-center justify-center mb-5 text-ink/50" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-qr-code h-5 w-5" aria-hidden="true" ><rect width="5" height="5" y="3" rx="1"></rect><rect width="5" height="5" y="3" rx="1"></rect><rect width="5" height="5" y="16" rx="1"></rect><path d="M21 16h-3a2 2 0 0 0-2 2v3"></path><path d="M21 21v.01"></path><path d="M12 7v3a2 2 0 0 1-2 2H7"></path><path d="M3 12h.01"></path><path d="M12 3h.01"></path><path d="M12 16v.01"></path><path d="M16 12h1"></path><path d="M21 12v.01"></path><path d="M12 21v-1"></path></svg>
                </div>
                <h3
                  data-text-id="solutions.s2.title"
                  class="font-heading text-lg font-black text-ink mb-2 tracking-tight"
                >
                  Códigos QR escaneables
                </h3>
                <p data-text-id="solutions.s2.body" class="text-sm text-ink/55 leading-relaxed mb-4">
                  Crea QR para imprimir en empaques, menús, tarjetas de presentación y carteles.
                </p>
                <a
                  data-text-id="solutions.s2.cta"
                  class="inline-flex items-center gap-1 text-sm font-bold text-leaf hover:text-leaf-dark transition-colors"
                  href="/qr-codes"
                  data-discover="true"
                  >Generar QR<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a></div><div style="opacity: 0; transform: translateY(18px)"><div class="w-11 h-11 rounded-2xl bg-canvas border border-border flex items-center justify-center mb-5 text-ink/50" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 lucide-link-2 h-5 w-5" aria-hidden="true" ><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg>
                </div>
                <h3
                  data-text-id="solutions.s3.title"
                  class="font-heading text-lg font-black text-ink mb-2 tracking-tight"
                >
                  Links cortos personalizados
                </h3>
                <p data-text-id="solutions.s3.body" class="text-sm text-ink/55 leading-relaxed mb-4">
                  Acorta tu link de WhatsApp en una URL memorable perfecta para bios en redes.
                </p>
                <a
                  data-text-id="solutions.s3.cta"
                  class="inline-flex items-center gap-1 text-sm font-bold text-leaf hover:text-leaf-dark transition-colors"
                  href="/generator"
                  data-discover="true"
                  >Acortar link<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a></div><div style="opacity: 0; transform: translateY(18px)"><div class="w-11 h-11 rounded-2xl bg-canvas border border-border flex items-center justify-center mb-5 text-ink/50" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-5 w-5" aria-hidden="true" ><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" ></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg>
                </div>
                <h3
                  data-text-id="solutions.s4.title"
                  class="font-heading text-lg font-black text-ink mb-2 tracking-tight"
                >
                  Planes flexibles
                </h3>
                <p data-text-id="solutions.s4.body" class="text-sm text-ink/55 leading-relaxed mb-4">
                  Empieza gratis para siempre. Actualiza a Pro para estadísticas y marca personalizada.
                </p>
                <a
                  data-text-id="solutions.s4.cta"
                  class="inline-flex items-center gap-1 text-sm font-bold text-leaf hover:text-leaf-dark transition-colors"
                  href="/pricing"
                  data-discover="true"
                  >Ver precios<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a></div><div style="opacity: 0; transform: translateY(18px)"><div class="w-11 h-11 rounded-2xl bg-canvas border border-border flex items-center justify-center mb-5 text-ink/50" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-5 w-5" aria-hidden="true" ><path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" ></path><path d="M20 2v4"></path><path d="M22 4h-4"></path><circle cx="4" cy="20" r="2"></circle></svg>
                </div>
                <h3
                  data-text-id="solutions.s5.title"
                  class="font-heading text-lg font-black text-ink mb-2 tracking-tight"
                >
                  Mensajes predefinidos
                </h3>
                <p data-text-id="solutions.s5.body" class="text-sm text-ink/55 leading-relaxed mb-4">
                  Define el texto que los clientes ven al tocar tu link — ahórales tiempo y aumenta conversiones.
                </p>
                <a
                  data-text-id="solutions.s5.cta"
                  class="inline-flex items-center gap-1 text-sm font-bold text-leaf hover:text-leaf-dark transition-colors"
                  href="/features"
                  data-discover="true"
                  >Saber más<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a></div><div style="opacity: 0; transform: translateY(18px)"><div class="w-11 h-11 rounded-2xl bg-canvas border border-border flex items-center justify-center mb-5 text-ink/50" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column h-5 w-5" aria-hidden="true" ><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg>
                </div>
                <h3
                  data-text-id="solutions.s6.title"
                  class="font-heading text-lg font-black text-ink mb-2 tracking-tight"
                >
                  Analítica de equipo
                </h3>
                <p data-text-id="solutions.s6.body" class="text-sm text-ink/55 leading-relaxed mb-4">
                  Mide clics y optimiza tus campañas de WhatsApp con datos reales.
                </p>
                <a
                  data-text-id="solutions.s6.cta"
                  class="inline-flex items-center gap-1 text-sm font-bold text-leaf hover:text-leaf-dark transition-colors"
                  href="/features"
                  data-discover="true"
                  >Explorar funciones<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a></div></div></div></section><section class="py-section-mobile md:py-section bg-ink"><div class="mx-auto max-w-5xl px-6"><div class="text-center mb-16"><h2 data-text-id="testimonials.title" class="font-heading text-3xl md:text-5xl font-black text-white tracking-tight" > Lo que dicen nuestros usuarios </h2><p data-text-id="testimonials.subtitle" class="mt-4 text-white/40 text-lg"> Negocios reales, resultados reales. </p></div><div class="grid grid-cols-1 md:grid-cols-3 gap-5"><div class="rounded-3xl bg-white/5 border border-white/8 p-7 hover:bg-white/8 transition-colors" style="opacity: 0; transform: translateY(16px)" ><div class="flex gap-0.5 mb-5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg>
                </div>
                <p data-text-id="testimonials.1.text" class="text-white/65 text-sm leading-relaxed mb-6 italic">
                  "Con Wasapp mis clientas me escriben directo desde Instagram. Mis ventas subieron 40% en el primer
                  mes."
                </p>
                <div class="flex items-center gap-3">
                  <div
                    class="w-9 h-9 rounded-full bg-leaf/20 flex items-center justify-center font-heading font-black text-leaf text-sm"
                  >
                    M
                  </div>
                  <div>
                    <p data-text-id="testimonials.1.name" class="font-bold text-white text-sm">María López</p>
                    <p data-text-id="testimonials.1.role" class="text-xs text-white/35 mt-0.5">
                      Dueña de boutique, Ciudad de México
                    </p>
                  </div>
                </div>
              </div>
              <div
                class="rounded-3xl bg-white/5 border border-white/8 p-7 hover:bg-white/8 transition-colors"
                style="opacity: 0; transform: translateY(16px)"
              >
                <div class="flex gap-0.5 mb-5">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg>
                </div>
                <p data-text-id="testimonials.2.text" class="text-white/65 text-sm leading-relaxed mb-6 italic">
                  "El QR en mis tarjetas de presentación hace que los clientes me contacten al instante. Es genial."
                </p>
                <div class="flex items-center gap-3">
                  <div
                    class="w-9 h-9 rounded-full bg-leaf/20 flex items-center justify-center font-heading font-black text-leaf text-sm"
                  >
                    C
                  </div>
                  <div>
                    <p data-text-id="testimonials.2.name" class="font-bold text-white text-sm">Carlos Pérez</p>
                    <p data-text-id="testimonials.2.role" class="text-xs text-white/35 mt-0.5">
                      Agente inmobiliario, Bogotá
                    </p>
                  </div>
                </div>
              </div>
              <div
                class="rounded-3xl bg-white/5 border border-white/8 p-7 hover:bg-white/8 transition-colors"
                style="opacity: 0; transform: translateY(16px)"
              >
                <div class="flex gap-0.5 mb-5">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star h-4 w-4 fill-leaf text-leaf" aria-hidden="true" ><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z" ></path></svg>
                </div>
                <p data-text-id="testimonials.3.text" class="text-white/65 text-sm leading-relaxed mb-6 italic">
                  "Usamos Wasapp para todas nuestras campañas de WhatsApp. Sencillo, rápido y confiable."
                </p>
                <div class="flex items-center gap-3">
                  <div
                    class="w-9 h-9 rounded-full bg-leaf/20 flex items-center justify-center font-heading font-black text-leaf text-sm"
                  >
                    A
                  </div>
                  <div>
                    <p data-text-id="testimonials.3.name" class="font-bold text-white text-sm">Ana Martínez</p>
                    <p data-text-id="testimonials.3.role" class="text-xs text-white/35 mt-0.5">
                      Directora de marketing, Lima
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <section class="py-section-mobile md:py-section bg-canvas">
          <div class="mx-auto max-w-4xl px-6">
            <div
              class="rounded-3xl bg-ink text-center px-8 py-16 md:px-16 md:py-20 relative overflow-hidden"
              style="opacity: 0; transform: translateY(20px)"
            >
              <div
                class="absolute inset-0 opacity-[0.07]"
                style="
                  background-image: radial-gradient(circle at 1px 1px, var(--color-leaf) 1.5px, transparent 0);
                  background-size: 36px 36px;
                "
              ></div>
              <div
                class="absolute top-0 left-1/2 -translate-x-1/2 w-[500px] h-[300px] pointer-events-none"
                style="background: radial-gradient(rgba(34, 197, 94, 0.15) 0%, transparent 65%)"
              ></div>
              <div class="relative">
                <div
                  class="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-leaf/15 text-leaf mb-6 mx-auto"
                >
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-7 w-7" aria-hidden="true" ><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" ></path></svg>
                </div>
                <h2
                  data-text-id="cta.title"
                  class="font-heading text-3xl md:text-5xl font-black text-white tracking-tight mb-5"
                >
                  ¿Listo para simplificar tu WhatsApp?
                </h2>
                <p data-text-id="cta.subtitle" class="text-white/50 text-lg max-w-md mx-auto mb-10">
                  Únete a miles de negocios que ya usan Wasapp para conectar con sus clientes.
                </p>
                <a
                  data-text-id="cta.button"
                  class="inline-flex items-center gap-2 rounded-pill bg-leaf px-10 py-4 text-base font-bold text-white hover:bg-leaf-dark transition-colors shadow-green"
                  href="/generator"
                  data-discover="true"
                  >Crear mi link gratis<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true" ><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg ></a><p data-text-id="cta.trust" class="mt-5 text-xs text-white/30"> Gratis para siempre · Sin registro · Sin tarjeta de crédito </p></div></div></div></section></main><footer class="bg-ink text-white/50"><div class="mx-auto max-w-6xl px-6 py-16 grid grid-cols-1 md:grid-cols-4 gap-10"><div class="md:col-span-2"><a class="inline-flex items-center gap-2.5 mb-5" href="/" data-discover="true" ><span class="inline-flex items-center justify-center w-8 h-8 rounded-xl bg-leaf text-white shadow-green" ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle w-4 h-4" aria-hidden="true" ><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719" ></path></svg></span
              ><span class="font-heading font-black text-white text-lg leading-none tracking-tight">Wasapp</span></a
            >
            <p data-text-id="footer.tagline" class="text-sm leading-relaxed max-w-xs text-white/45">
              La forma más simple de conectar por WhatsApp.
            </p>
          </div>
          <div>
            <p data-text-id="footer.product" class="text-white font-bold text-xs uppercase tracking-widest mb-5">
              Producto
            </p>
            <ul class="space-y-3 text-sm">
              <li>
                <a
                  data-text-id="nav.cta"
                  class="hover:text-white transition-colors"
                  href="/generator"
                  data-discover="true"
                  >Crear link gratis</a
                >
              </li>
              <li>
                <a
                  data-text-id="nav.qrcode"
                  class="hover:text-white transition-colors"
                  href="/qr-codes"
                  data-discover="true"
                  >Código QR</a
                >
              </li>
              <li>
                <a
                  data-text-id="nav.features"
                  class="hover:text-white transition-colors"
                  href="/features"
                  data-discover="true"
                  >Funciones</a
                >
              </li>
              <li>
                <a
                  data-text-id="nav.pricing"
                  class="hover:text-white transition-colors"
                  href="/pricing"
                  data-discover="true"
                  >Precios</a
                >
              </li>
            </ul>
          </div>
          <div>
            <p data-text-id="footer.company" class="text-white font-bold text-xs uppercase tracking-widest mb-5">
              Empresa
            </p>
            <ul class="space-y-3 text-sm">
              <li>
                <a
                  data-text-id="footer.contact"
                  class="hover:text-white transition-colors"
                  href="/contact"
                  data-discover="true"
                  >Contacto</a
                >
              </li>
              <li>
                <a
                  data-text-id="footer.privacy"
                  class="hover:text-white transition-colors"
                  href="/contact"
                  data-discover="true"
                  >Política de privacidad</a
                >
              </li>
              <li>
                <a
                  data-text-id="footer.terms"
                  class="hover:text-white transition-colors"
                  href="/contact"
                  data-discover="true"
                  >Términos de servicio</a
                >
              </li>
            </ul>
          </div>
        </div>
        <div class="border-t border-white/8">
          <div
            class="mx-auto max-w-6xl px-6 py-5 flex flex-col sm:flex-row items-center justify-between gap-2 text-xs text-white/25"
          >
            <span>© 2026 Wasapp.</span><span data-text-id="footer.rights">Todos los derechos reservados.</span>
          </div>
        </div>
      </footer>
    </div>

    <style id="ssg-helmet-reveal">
      *,
      *::before,
      *::after {
        opacity: 1 !important;
        animation: none !important;
        transition: none !important;
        visibility: visible !important;
      }
    </style>
    <script>
      (function () {
        var s = document.getElementById("ssg-helmet-reveal");
        if (!s) return;
        var r = document.getElementById("root");
        if (!r) {
          s.remove();
          return;
        }
        var o = new MutationObserver(function () {
          s.remove();
          o.disconnect();
        });
        o.observe(r, { childList: true });
      })();
    </script>
  <script data-zimple-helper>(function(){var inFrame=window.parent!==window;
function reveal(){document.querySelectorAll("[data-animate],.opacity-0,[style*='opacity:0'],[style*='opacity: 0']").forEach(function(el){if(!(el.textContent||"").trim()&&!el.querySelector("img"))return;if(parseFloat(getComputedStyle(el).opacity)>0.05)return;el.classList.remove("opacity-0","translate-y-4");el.style.transition="opacity .6s ease, transform .6s ease";el.style.opacity="1";el.style.transform="none";});}
if(document.readyState==="complete")setTimeout(reveal,900);else window.addEventListener("load",function(){setTimeout(reveal,900);});setTimeout(reveal,2500);
function sub(li,open){var u=li&&li.querySelector(":scope > ul, :scope > .sub-menu");if(u){u.style.display=open?"block":"";li.classList.toggle("hover",open);}}
document.addEventListener("mouseover",function(e){if(window.innerWidth<1000)return;var li=e.target&&e.target.closest&&e.target.closest("li.menu-item-has-children, li:has(> ul)");if(li&&!li.dataset.zh){li.dataset.zh="1";li.addEventListener("mouseenter",function(){sub(li,true);});li.addEventListener("mouseleave",function(){sub(li,false);});sub(li,true);}});
document.addEventListener("click",function(e){var t=e.target&&e.target.closest&&e.target.closest(".menu-toggle, .submenu-toggle, .sub-arrow");if(!t)return;var li=t.closest("li");var u=li&&li.querySelector(":scope > ul, :scope > .sub-menu");if(!u)return;e.preventDefault();e.stopPropagation();var open=getComputedStyle(u).display==="none";u.style.display=open?"block":"none";li.classList.toggle("hover",open);},true);
document.addEventListener("click",function(e){var a=e.target&&e.target.closest&&e.target.closest("a");if(!a||!inFrame)return;var h=a.getAttribute("href")||"";
if(h==="#"&&a.parentElement&&a.parentElement.querySelector(":scope > ul, :scope > .sub-menu")){e.preventDefault();var u=a.parentElement.querySelector(":scope > ul, :scope > .sub-menu");var open=getComputedStyle(u).display==="none";u.style.display=open?"block":"none";return;}
if(!h||/^(https?:|mailto:|tel:|#|\/\/|javascript:)/i.test(h))return;e.preventDefault();
var k="/"+h.replace(/^\.?\//,"").split(/[?#]/)[0].replace(/(^|\/)index\.(html?|php)$/i,"$1").replace(/\.(html?|php)$/i,"").replace(/\/$/,"");
window.parent.postMessage({zimpleNav:k},"*");},true);
document.addEventListener("submit",function(e){var m=document.querySelector('meta[name="zimple-leads"]');var f=e.target;if(!m||!f||(f.method||"").toLowerCase()==="get")return;e.preventDefault();
var mapLead=function l(e){let t={name:``,email:``,phone:``,message:``},n=[];for(let[r,i]of e){let e=String(r).toLowerCase(),a=String(i??``).trim();!a||e===`empresa`||e===`website`||e.startsWith(`_`)||(!t.email&&(/mail|correo/.test(e)||/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a))?t.email=a:!t.phone&&/(tel|phone|cel|movil|móvil|whats)/.test(e)?t.phone=a:!t.name&&/(name|nombre|first|apellido)/.test(e)?t.name=a:!t.message&&/(message|mensaje|comment|coment|consulta|descrip)/.test(e)?t.message=a:n.push(`${r}: ${a}`))}return n.length&&(t.message=[t.message,...n].filter(Boolean).join(`
`)),t};var en=[];new FormData(f).forEach(function(v,k){if(typeof v==="string")en.push([k,v]);});
var hp=f.querySelector('[name="empresa"]');var lead=mapLead(en);lead.empresa=hp?hp.value:"";lead.form_type="contact";lead.page=location.pathname;lead.ref=document.referrer;
fetch(m.content,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(lead)}).then(function(r){if(!r.ok)throw 0;f.reset();f.insertAdjacentHTML("beforeend",'<p role="status" style="margin-top:8px">Enviado ✓ Te contactaremos pronto.</p>');}).catch(function(){f.insertAdjacentHTML("beforeend",'<p role="alert" style="margin-top:8px">No se pudo enviar. Llámanos o escríbenos por WhatsApp.</p>');});},true);})();</script></body>
</html>
