<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <title>Diseño web, Publicidad, SEO, Métricas, Web Apps, IA y más | Vector Once</title>
  <meta name="description"
    content="Agencia líder en Diseño Web, Publicidad Digital, SEO, Métricas avanzadas, Web Apps e Inteligencia Artificial. Elevamos tu presencia digital al siguiente nivel." />
  <meta name="keywords"
    content="diseño web cdmx, seo querétaro, marketing digital méxico, agencia digital futurista, inteligencia artificial negocios" />
  <meta name="robots" content="index, follow" />

  <!-- Dynamic Canonical & SEO Tags - Runs BEFORE React for Googlebot -->
  <script>
    (function() {
      var base = 'https://vectoronce.com';
      var path = window.location.pathname;
      // Remove trailing slash (except root)
      if (path.length > 1 && path.charAt(path.length - 1) === '/') {
        path = path.slice(0, -1);
      }
      var canonical = base + path;

      // Inject canonical link tag if it doesn't exist
      var existingCanonical = document.querySelector('link[rel="canonical"]');
      if (!existingCanonical) {
        var link = document.createElement('link');
        link.rel = 'canonical';
        link.href = canonical;
        document.head.appendChild(link);
      }

      // Page-specific titles and descriptions
      var seoMap = {
        '/': {
          title: 'Diseño web, Publicidad, SEO, Métricas, Web Apps, IA y más | Vector Once',
          desc: 'Agencia líder en Diseño Web, Publicidad Digital, SEO, Métricas avanzadas, Web Apps e Inteligencia Artificial. Elevamos tu presencia digital al siguiente nivel.'
        },
        '/productos': {
          title: 'Productos y Paquetes de Diseño Web | Vector Once',
          desc: 'Descubre nuestros paquetes de diseño web, e-commerce, apps móviles y campañas de marketing digital. Soluciones a la medida para tu negocio.'
        },
        '/servicios': {
          title: 'Servicios de Diseño Web, SEO, Publicidad y Analytics | Vector Once',
          desc: 'Servicios profesionales de diseño web, SEO, publicidad digital, analytics y desarrollo de aplicaciones con inteligencia artificial.'
        },
        '/servicios/diseno-web': {
          title: 'Diseño Web Profesional con IA | Vector Once',
          desc: 'Servicio de diseño web profesional potenciado con inteligencia artificial. Sitios web modernos, rápidos y optimizados para SEO.'
        },
        '/servicios/publicidad': {
          title: 'Publicidad Digital - Google Ads y Meta Ads | Vector Once',
          desc: 'Campañas de publicidad digital en Google Ads, Meta Ads y más. Maximiza tu retorno de inversión con estrategias basadas en datos.'
        },
        '/servicios/seo': {
          title: 'Servicios SEO Profesional | Vector Once',
          desc: 'Posiciona tu negocio en los primeros resultados de Google con nuestro servicio de SEO profesional y estrategias de contenido.'
        },
        '/servicios/analytics': {
          title: 'Analytics y Métricas Avanzadas | Vector Once',
          desc: 'Análisis de datos y métricas avanzadas para tu negocio. Google Analytics, reportes personalizados y toma de decisiones basada en datos.'
        },
        '/reciente': {
          title: 'Blog y Noticias de Marketing Digital | Vector Once',
          desc: 'Artículos, guías y noticias sobre diseño web, marketing digital, SEO, inteligencia artificial y tendencias digitales.'
        },
        '/nosotros': {
          title: 'Sobre Nosotros - Agencia Digital | Vector Once',
          desc: 'Conoce a Vector Once, agencia de diseño web y marketing digital en Querétaro y CDMX. Nuestra misión es elevar tu presencia digital.'
        },
        '/contacto': {
          title: 'Contacto | Vector Once',
          desc: 'Contáctanos para una cotización de diseño web, SEO, publicidad digital o desarrollo de aplicaciones. Estamos en Querétaro y CDMX.'
        },
        '/portafolio': {
          title: 'Portafolio de Proyectos | Vector Once',
          desc: 'Explora nuestro portafolio de proyectos de diseño web, aplicaciones y campañas de marketing digital realizadas para nuestros clientes.'
        }
      };

      // City-based dynamic SEO
      var cityPages = {
        '/servicios/diseno-web/queretaro': { city: 'Querétaro', service: 'Diseño Web' },
        '/servicios/diseno-web/cdmx': { city: 'CDMX', service: 'Diseño Web' },
        '/servicios/diseno-web/monterrey': { city: 'Monterrey', service: 'Diseño Web' },
        '/servicios/diseno-web/guadalajara': { city: 'Guadalajara', service: 'Diseño Web' },
        '/servicios/diseno-web/puebla': { city: 'Puebla', service: 'Diseño Web' },
        '/servicios/diseno-web/merida': { city: 'Mérida', service: 'Diseño Web' },
        '/servicios/diseno-web/acapulco': { city: 'Acapulco', service: 'Diseño Web' },
        '/servicios/diseno-web/mazatlan': { city: 'Mazatlán', service: 'Diseño Web' },
        '/servicios/diseno-web/cancun': { city: 'Cancún', service: 'Diseño Web' },
        '/agencia-marketing/queretaro': { city: 'Querétaro', service: 'Marketing Digital' },
        '/agencia-marketing/cdmx': { city: 'CDMX', service: 'Marketing Digital' },
        '/agencia-marketing/puebla': { city: 'Puebla', service: 'Marketing Digital' },
        '/agencia-seo/monterrey': { city: 'Monterrey', service: 'SEO' },
        '/agencia-seo/guadalajara': { city: 'Guadalajara', service: 'SEO' },
        '/agencia-seo/cancun': { city: 'Cancún', service: 'SEO' }
      };

      var seo = seoMap[path];

      if (!seo && cityPages[path]) {
        var cp = cityPages[path];
        seo = {
          title: cp.service + ' en ' + cp.city + ' | Agencia ' + cp.service + ' | Vector Once',
          desc: 'Agencia de ' + cp.service + ' en ' + cp.city + '. Servicios profesionales de ' + cp.service.toLowerCase() + ' para impulsar tu negocio. Cotiza hoy con Vector Once.'
        };
      }

      // Landing AI pages
      if (!seo && (path.indexOf('creador-paginas') >= 0 || path.indexOf('crear-sitios') >= 0 || path.indexOf('generador-paginas') >= 0 || path.indexOf('disenador-paginas') >= 0 || path === '/landing-ai')) {
        seo = {
          title: 'Creador de Páginas Web con IA | Vector Once',
          desc: 'Crea tu página web con inteligencia artificial. Diseño web automatizado, rápido y profesional con la tecnología más avanzada.'
        };
      }

      // Premium AI service pages
      if (!seo && (path.indexOf('diseno-apps-ia') >= 0 || path.indexOf('desarrollo-apps-ia') >= 0 || path.indexOf('diseno-aplicaciones-ia') >= 0)) {
        seo = {
          title: 'Diseño y Desarrollo de Apps con IA | Vector Once',
          desc: 'Diseño y desarrollo de aplicaciones potenciadas con inteligencia artificial. Soluciones innovadoras para tu negocio.'
        };
      }
      if (!seo && (path.indexOf('diseno-web-ia') >= 0 || path.indexOf('desarrollo-web-ia') >= 0 || path.indexOf('diseno-aplicaciones-web-ia') >= 0)) {
        seo = {
          title: 'Diseño y Desarrollo Web con IA | Vector Once',
          desc: 'Desarrollo web potenciado con inteligencia artificial. Sitios web inteligentes, rápidos y optimizados.'
        };
      }
      if (!seo && path.indexOf('aplicaciones-moviles') >= 0) {
        seo = {
          title: 'Desarrollo de Aplicaciones Móviles | Vector Once',
          desc: 'Diseño y desarrollo de aplicaciones móviles para iOS y Android. Apps nativas e híbridas para tu negocio.'
        };
      }

      // Service sub-pages
      if (!seo && path === '/servicios/web-apps') {
        seo = { title: 'Desarrollo de Web Apps | Vector Once', desc: 'Desarrollo de aplicaciones web profesionales. Web apps modernas, escalables y seguras para tu negocio.' };
      }
      if (!seo && path === '/servicios/publicidad/campana-360') {
        seo = { title: 'Campaña 360° de Marketing Digital | Vector Once', desc: 'Campañas de marketing digital 360° que integran todos los canales. Estrategia integral para máximo impacto.' };
      }

      // SEO general landing pages
      if (!seo && path === '/agencia-diseno-web') {
        seo = { title: 'Agencia de Diseño Web Profesional | Vector Once', desc: 'Agencia especializada en diseño web profesional. Creamos sitios web modernos y optimizados para tu negocio.' };
      }
      if (!seo && path === '/servicios-diseno-pagina-web') {
        seo = { title: 'Servicios de Diseño de Página Web | Vector Once', desc: 'Servicios profesionales de diseño de páginas web. Sitios responsivos, rápidos y optimizados para SEO.' };
      }
      if (!seo && path === '/desarrollo-sitios-web') {
        seo = { title: 'Desarrollo de Sitios Web | Vector Once', desc: 'Desarrollo de sitios web profesionales con tecnología de última generación. Tu sitio web a la medida.' };
      }
      if (!seo && path === '/precio-de-pagina-web') {
        seo = { title: 'Precio de Página Web en México 2026 | Vector Once', desc: 'Conoce los precios de diseño de páginas web en México. Paquetes desde básicos hasta premium para tu negocio.' };
      }

      // Industry pages
      var industryMap = {
        '/servicios/diseno-web/industria-manufactura': 'Manufactura',
        '/servicios/diseno-web/construccion': 'Construcción',
        '/servicios/diseno-web/moda-textil': 'Moda y Textil',
        '/servicios/diseno-web/turismo-hospitalidad': 'Turismo y Hospitalidad',
        '/servicios/diseno-web/restaurantes': 'Restaurantes',
        '/servicios/diseno-web/automotriz': 'Automotriz',
        '/servicios/diseno-web/servicios-locales': 'Servicios Locales',
        '/servicios/diseno-web/inmobiliarias': 'Inmobiliarias',
        '/servicios/diseno-web/empresas-negocios': 'Empresas y Negocios'
      };
      if (!seo && industryMap[path]) {
        seo = {
          title: 'Diseño Web para ' + industryMap[path] + ' | Vector Once',
          desc: 'Diseño web especializado para el sector de ' + industryMap[path].toLowerCase() + '. Sitios web profesionales que impulsan tu industria.'
        };
      }

      // Product detail pages (/producto/:id)
      if (!seo && path.indexOf('/producto/') === 0) {
        var productSlug = path.replace('/producto/', '');
        var productName = productSlug.replace(/-/g, ' ').replace(/\b\w/g, function(l) { return l.toUpperCase(); });
        seo = {
          title: productName + ' - Paquete de Diseño Web | Vector Once',
          desc: 'Conoce el paquete ' + productName + ' de Vector Once. Solución de diseño web profesional a la medida de tu negocio. Cotiza ahora.'
        };
      }

      // Blog article pages (/reciente/:id)
      if (!seo && path.indexOf('/reciente/') === 0) {
        var articleSlug = path.replace('/reciente/', '');
        var articleTitle = decodeURIComponent(articleSlug).replace(/-/g, ' ').replace(/\b\w/g, function(l) { return l.toUpperCase(); });
        if (articleTitle.length > 60) articleTitle = articleTitle.substring(0, 57) + '...';
        seo = {
          title: articleTitle + ' | Blog Vector Once',
          desc: 'Lee nuestro artículo sobre ' + articleTitle.toLowerCase().substring(0, 100) + '. Consejos y tendencias en marketing digital y tecnología.'
        };
      }

      // Apply SEO if found
      if (seo) {
        document.title = seo.title;
        var metaDesc = document.querySelector('meta[name="description"]');
        if (metaDesc) metaDesc.setAttribute('content', seo.desc);
      }
    })();
  </script>

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap"
    rel="stylesheet">

  <style>
    body {
      background-color: #050505;
      color: #ffffff;
    }

    .glass-panel {
      background: rgba(255, 255, 255, 0.03);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.05);
    }

    ::-webkit-scrollbar {
      width: 8px;
    }

    ::-webkit-scrollbar-track {
      background: #050505;
    }

    ::-webkit-scrollbar-thumb {
      background: #333;
      border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #555;
    }

    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }

    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

    /* Quill Editor Custom Theme */
    .ql-container.ql-snow {
      border: none !important;
    }

    .ql-toolbar.ql-snow {
      border: 1px solid rgba(255, 255, 255, 0.1) !important;
      border-radius: 12px 12px 0 0;
      background: #111 !important;
    }

    .ql-editor {
      font-size: 16px;
      line-height: 1.6;
      color: #ccc;
      min-height: 400px;
    }

    .ql-editor.ql-blank::before {
      color: #555 !important;
    }

    .ql-snow .ql-stroke {
      stroke: #888 !important;
    }

    .ql-snow .ql-fill {
      fill: #888 !important;
    }

    .ql-snow .ql-picker {
      color: #888 !important;
    }
  </style>
  <link rel="stylesheet" href="https://esm.sh/quill@2.0.0/dist/quill.snow.css">

  <!-- Structured Data for SEO -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfessionalService",
      "name": "Vector Once",
      "image": "https://vectoronce.com/logo.svg",
      "@id": "",
      "url": "https://vectoronce.com",
      "telephone": "+524426602979",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Querétaro y CDMX",
        "addressLocality": "Ciudad de México",
        "addressRegion": "CDMX",
        "postalCode": "00000",
        "addressCountry": "MX"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 19.432608,
        "longitude": -99.133209
      },
      "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": [
          "Monday",
          "Tuesday",
          "Wednesday",
          "Thursday",
          "Friday"
        ],
        "opens": "09:00",
        "closes": "18:00"
      },
      "sameAs": [
        "https://instagram.com/vectoronce",
        "https://linkedin.com/company/vectoronce"
      ]
    }
    </script>

  <!-- Google Analytics (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-S737XNV8J6"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-S737XNV8J6');
  </script>

  <!-- Stripe JS SDK - Defer for performance -->
  <script src="https://js.stripe.com/v3/" defer></script>


  <!-- Meta Pixel Code -->
  <script>
    !function (f, b, e, v, n, t, s) {
      if (f.fbq) return; n = f.fbq = function () {
        n.callMethod ?
          n.callMethod.apply(n, arguments) : n.queue.push(arguments)
      };
      if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0';
      n.queue = []; t = b.createElement(e); t.async = !0;
      t.src = v; s = b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t, s)
    }(window, document, 'script',
      'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '4305913283020193');
    fbq('track', 'PageView');
  </script>
  <script type="module" crossorigin src="/assets/index-eJGUJiWT.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-BIBlxRlj.css">
</head>

<body>
  <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=4305913283020193&ev=PageView&noscript=1" /></noscript>
  <div id="root"></div>
</body>

</html>