Meta Description" name="description" />

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html> <html lang="es-AR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="NOVARA | Agencia de E-commerce, Growth y Performance en Buenos Aires. Escalamos tu facturación online con método y estética premium."> <title>NOVARA | Growth & E-commerce Agency</title> <!-- Tipografías Oficiales: Space Grotesk y Plus Jakarta Sans --> <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=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700;800&display=swap" rel="stylesheet"> <style> /* PALETA OFICIAL - MANUAL DE MARCA v2.0 */ :root { --azul-novara: #2563EB; --azul-noche: #0F172A; --cian-neon: #38BDF8; --kraft-warm: #D97706; --gris-light: #F8FAFC; --texto-oscuro: #0F172A; --texto-mutado: #64748B; --blanco: #FFFFFF; --fuente-titulos: 'Space Grotesk', sans-serif; --fuente-cuerpo: 'Plus Jakarta Sans', sans-serif; } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; overflow-x: hidden; } body { background-color: var(--gris-light); color: var(--texto-oscuro); font-family: var(--fuente-cuerpo); line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } a { text-decoration: none; color: inherit; } h1, h2, h3, h4 { font-family: var(--fuente-titulos); letter-spacing: -0.03em; line-height: 1.1; } .wrap { width: min(1200px, calc(100% - 48px)); margin: auto; } section { padding: 120px 0; } /* === JS ANIMATIONS (SCROLL REVEAL) === */ .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); } .reveal.active { opacity: 1; transform: translateY(0); } .delay-1 { transition-delay: 0.1s; } .delay-2 { transition-delay: 0.2s; } .delay-3 { transition-delay: 0.3s; } /* NAVBAR STICKY */ nav { height: 90px; display: flex; align-items: center; position: sticky; top: 0; background: rgba(248, 250, 252, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 1000; border-bottom: 1px solid rgba(15, 23, 42, 0.05); transition: all 0.3s ease; } .navin { display: flex; align-items: center; justify-content: space-between; width: 100%; } /* LOGO N+V */ .logo-box { display: inline-flex; align-items: center; gap: 14px; } .squircle-badge { width: 48px; height: 48px; background: var(--azul-novara); border-radius: 14px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.3); transition: transform 0.3s ease; } .logo-box:hover .squircle-badge { transform: rotate(-5deg) scale(1.05); } .squircle-badge svg { width: 26px; height: 26px; fill: none; stroke: var(--blanco); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .logo-text { font-family: var(--fuente-titulos); font-size: 28px; font-weight: 800; letter-spacing: 1.5px; color: var(--azul-noche); } .navlinks { display: flex; gap: 40px; font-size: 15px; font-weight: 600; color: var(--texto-oscuro); } .navlinks a { position: relative; transition: color 0.2s ease; overflow: hidden; } .navlinks a::after { content: ''; position: absolute; width: 100%; height: 2px; bottom: -4px; left: 0; background-color: var(--azul-novara); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease; } .navlinks a:hover::after { transform: scaleX(1); transform-origin: bottom left; } /* BOTONES */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 16px 36px; border-radius: 999px; font-size: 16px; font-weight: 700; background: var(--azul-noche); color: var(--blanco); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: none; cursor: pointer; position: relative; overflow: hidden; } .btn:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(15, 23, 42, 0.25); } .btn-primary { background: var(--azul-novara); box-shadow: 0 10px 25px rgba(37, 99, 235, 0.25); } .btn-primary:hover { background: #1d4ed8; box-shadow: 0 15px 35px rgba(37, 99, 235, 0.4); } /* HERO SECTION */ .hero { padding: 80px 0 100px; position: relative; } .heroGrid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 60px; align-items: center; } .tag-studio { display: inline-flex; align-items: center; gap: 8px; font-family: var(--fuente-titulos); font-size: 12px; font-weight: 700; color: var(--azul-novara); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 24px; padding: 8px 16px; background: rgba(37, 99, 235, 0.08); border: 1px solid rgba(37, 99, 235, 0.15); border-radius: 999px; } .pulse { width: 8px; height: 8px; background: var(--cian-neon); border-radius: 50%; box-shadow: 0 0 10px var(--cian-neon); animation: pulse-glow 2s infinite; } @keyframes pulse-glow { 0% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(56, 189, 248, 0); } 100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0); } } h1 { font-size: clamp(48px, 5.5vw, 76px); color: var(--azul-noche); margin-bottom: 24px; } h1 .resalto { color: var(--azul-novara); } .lead { font-size: 21px; color: var(--texto-mutado); max-width: 540px; margin-bottom: 45px; line-height: 1.5; } .hero-actions { display: flex; gap: 16px; flex-wrap: wrap; } .heroVisual { height: 600px; border-radius: 30px; position: relative; animation: slide-in-right 1s cubic-bezier(0.5, 0, 0, 1) forwards; opacity: 0; transform: translateX(50px); } @keyframes slide-in-right { to { opacity: 1; transform: translateX(0); } } .heroVisual img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; box-shadow: 0 40px 80px -20px rgba(15, 23, 42, 0.25); } /* FLOATING BADGES DE UX/UI */ .float-badge { position: absolute; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(15, 23, 42, 0.05); padding: 16px 24px; border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 16px; animation: float 6s ease-in-out infinite; z-index: 10; } .badge-1 { top: 40px; left: -30px; } .badge-2 { bottom: 60px; right: -20px; animation-delay: 2s; } .float-badge .icon { width: 40px; height: 40px; border-radius: 10px; background: var(--azul-novara); color: var(--blanco); display: flex; align-items: center; justify-content: center; } .float-badge .icon.cian { background: var(--cian-neon); color: var(--azul-noche); } .float-info span { display: block; font-size: 13px; color: var(--texto-mutado); font-weight: 600; } .float-info strong { display: block; font-family: var(--fuente-titulos); font-size: 22px; color: var(--azul-noche); } @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0px); } } /* MARQUEE INFINITO */ .marquee-container { background: var(--azul-noche); color: var(--blanco); padding: 20px 0; font-family: var(--fuente-titulos); font-size: 15px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; overflow: hidden; white-space: nowrap; display: flex; } .marquee-content { display: flex; gap: 50px; padding-right: 50px; animation: scroll-marquee 25s linear infinite; } .marquee-content span { color: var(--cian-neon); } @keyframes scroll-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* TÍTULOS DE SECCIÓN */ .eyebrow { color: var(--azul-novara); font-family: var(--fuente-titulos); font-weight: 700; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; margin-bottom: 16px; display: inline-block; } .section-header { max-width: 800px; margin-bottom: 60px; } .section-header h2 { font-size: 46px; color: var(--azul-noche); margin-bottom: 24px; } .section-header p { font-size: 20px; color: var(--texto-mutado); } /* GRID MULTI-USO PARA DESKTOP */ .grid-3-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .grid-4-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } /* CARDS */ .card-box { background: var(--blanco); padding: 45px 35px; border-radius: 24px; border: 1px solid rgba(15, 23, 42, 0.05); transition: all 0.4s ease; position: relative; overflow: hidden; } .card-box:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(0,0,0,0.06); border-color: rgba(37, 99, 235, 0.2); } .card-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--azul-novara); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .card-box:hover::before { transform: scaleX(1); } .icon-prob { width: 52px; height: 52px; border-radius: 14px; background: rgba(217, 119, 6, 0.12); color: var(--kraft-warm); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; } .icon-prob svg { width: 26px; height: 26px; stroke: currentColor; stroke-width: 2.5; fill: none; } .serv-num { font-family: var(--fuente-titulos); font-size: 13px; font-weight: 700; color: var(--azul-novara); display: block; margin-bottom: 16px; letter-spacing: 1px; } .card-box h3 { font-size: 22px; color: var(--azul-noche); margin-bottom: 14px; } .card-box p { font-size: 15px; color: var(--texto-mutado); } /* IMAGEN DE DESCANSO CON PARALLAX */ .visual-break { position: relative; height: 60vh; min-height: 500px; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--blanco); padding: 0 20px; overflow: hidden; } .visual-break img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.3) contrast(1.15); z-index: 1; transition: transform 0.5s ease; } .visual-break:hover img { transform: scale(1.03); } .break-content { position: relative; z-index: 2; max-width: 900px; } .break-content h2 { font-size: clamp(34px, 4.5vw, 60px); margin-bottom: 24px; font-weight: 700; line-height: 1.1; } /* GESTIÓN 360° CON TABS (ABAS INTERATIVAS) */ .section-360 { background: var(--azul-noche); color: var(--blanco); border-radius: 40px; margin: 0 24px; padding: 100px 60px; } .grid-360 { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 80px; align-items: center; max-width: 1200px; margin: auto; } .copy-360 h2 { font-size: 48px; margin-bottom: 20px; color: var(--blanco); } .copy-360 p { font-size: 18px; color: #94A3B8; margin-bottom: 30px; } /* ESTILO DAS TABS */ .tabs-container { margin-bottom: 30px; } .tab-buttons { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; } .tab-btn { background: transparent; border: none; color: #64748B; font-size: 16px; font-family: var(--fuente-cuerpo); font-weight: 700; cursor: pointer; padding: 10px 15px; border-radius: 8px; transition: all 0.3s ease; position: relative; } .tab-btn.active { color: var(--cian-neon); background: rgba(56, 189, 248, 0.1); } .tab-content { display: none; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); padding: 26px; border-radius: 16px; animation: fadeEffect 0.5s; } .tab-content.active { display: block; } .tab-content h4 { color: var(--blanco); font-size: 20px; margin-bottom: 10px; } .tab-content p { color: #CBD5E1; font-size: 15px; margin: 0; line-height: 1.5; } @keyframes fadeEffect { from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);} } .image-360 { position: relative; height: 550px; border-radius: 30px; overflow: hidden; } .image-360 img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; } .image-360:hover img { transform: scale(1.05); } /* METODOLOGÍA */ .section-metodo { background: var(--gris-light); } .grid-metodo { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; } .paso { background: var(--blanco); padding: 35px 25px; border-radius: 20px; border: 1px solid var(--borde-suave); position: relative; overflow: hidden; transition: transform 0.3s ease; } .paso:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); } .paso::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--azul-novara); } .paso:nth-child(even)::before { background: var(--cian-neon); } .paso span { font-family: var(--fuente-titulos); font-size: 13px; color: var(--texto-mutado); font-weight: 700; display: block; margin-bottom: 16px; } /* STACK TECNOLÓGICO */ .stack-logos { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; } .stack-item { font-family: var(--fuente-titulos); font-size: 20px; font-weight: 700; color: var(--azul-noche); display: flex; align-items: center; gap: 10px; } /* CTA FINAL - FORMULARIO CORTO TIPO APP */ .cta-final { padding: 120px 0; background: var(--blanco); } .cta-box { max-width: 700px; margin: auto; background: var(--gris-light); border-radius: 30px; padding: 60px 40px; text-align: center; border: 1px solid var(--borde-suave); } .cta-box h2 { font-size: 40px; color: var(--azul-noche); margin-bottom: 20px; } .cta-box p { color: var(--texto-mutado); margin-bottom: 30px; font-size: 18px; } .input-group { display: flex; gap: 10px; margin-bottom: 20px; justify-content: center; } .input-group input { padding: 18px 24px; border-radius: 999px; border: 1px solid #CBD5E1; font-size: 16px; font-family: var(--fuente-cuerpo); width: 100%; max-width: 300px; outline: none; transition: border 0.3s; } .input-group input:focus { border-color: var(--azul-novara); } /* FOOTER */ footer { background: var(--azul-noche); color: #94A3B8; padding: 60px 0; } .foot-wrap { display: flex; justify-content: space-between; align-items: center; font-size: 15px; } .foot-wrap strong { color: var(--blanco); font-family: var(--fuente-titulos); font-size: 20px; } /* ========================================= UX MOBILE: SWIPE CAROUSELS & STICKY CTA ========================================= */ .mobile-sticky-cta { display: none; } @media(max-width: 1024px) { .heroGrid, .grid-360 { grid-template-columns: 1fr; gap: 40px; } .section-360 { padding: 80px 30px; margin: 0 16px; } .grid-4-cols, .grid-3-cols, .grid-metodo { grid-template-columns: repeat(2, 1fr); } .image-360 { height: 400px; } .heroVisual { height: 450px; } } @media(max-width: 768px) { .navlinks { display: none; } h1 { font-size: 42px; } .hero { padding: 60px 0; } section { padding: 80px 0; } /* Conversão do Grid para Swipe Horizontal (Carrossel Nativo) */ .swipe-mobile { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 20px; -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ } .swipe-mobile::-webkit-scrollbar { display: none; } /* Chrome/Safari */ .swipe-mobile > .card-box, .swipe-mobile > .paso { min-width: 85%; /* O usuário vê o card atual e a pontinha do próximo */ scroll-snap-align: center; } .tab-buttons { flex-wrap: wrap; } .tab-btn { flex: 1 1 100%; text-align: left; } .input-group { flex-direction: column; align-items: center; } .input-group input { max-width: 100%; } /* Botão Fixo no Mobile (Bottom Bar) */ body { padding-bottom: 80px; } .mobile-sticky-cta { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 15px 20px; box-shadow: 0 -5px 20px rgba(0,0,0,0.1); z-index: 9999; justify-content: center; } .mobile-sticky-cta .btn { width: 100%; background: #22C55E; box-shadow: 0 5px 15px rgba(34, 197, 94, 0.3); } } </style> </head> <body> <nav> <div class="wrap navin"> <a class="logo-box" href="#"> <div class="squircle-badge"> <svg viewBox="0 0 24 24"><path d="M6 18 V6 L12 14 L16 7 L20 18" /></svg> </div> <span class="logo-text">NOVARA</span> </a> <div class="navlinks"> <a href="#solucion">Desafíos</a> <a href="#servicios">Soluciones</a> <a href="#gestion">Gestión 360°</a> <a href="#metodo">Metodología</a> </div> <a class="btn btn-primary" href="#contacto">Agendar Diagnóstico</a> </div> </nav> <main> <section class="hero"> <div class="wrap heroGrid"> <div class="reveal active"> <div class="tag-studio"><span class="pulse"></span> E-commerce Growth Partner</div> <h1>Tu tienda online, <br><span class="resalto">diseñada para facturar.</span></h1> <p class="lead"> Una web linda que no vende es un folleto caro. Armamos, operamos y escalamos tu ecosistema de ventas con estética premium y foco en el margen neto. </p> <div class="hero-actions"> <a class="btn btn-primary" href="#contacto">Quiero escalar mis ventas</a> </div> </div> <div class="heroVisual"> <img src="https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80" alt="E-commerce Checkout y compras online en laptop"> </div> </div> </section> <div class="marquee-container"> <div class="marquee-content"> <div>DISEÑO E-COMMERCE <span>✦</span></div> <div>PERFORMANCE & ADS <span>✦</span></div> <div>AUTOMATION & EMAIL <span>✦</span></div> <div>GESTIÓN 360° CABA <span>✦</span></div> </div> <div class="marquee-content" aria-hidden="true"> <div>DISEÑO E-COMMERCE <span>✦</span></div> <div>PERFORMANCE & ADS <span>✦</span></div> <div>AUTOMATION & EMAIL <span>✦</span></div> <div>GESTIÓN 360° CABA <span>✦</span></div> </div> </div> <section id="solucion" class="section-problema"> <div class="wrap"> <div class="section-header reveal"> <div class="eyebrow">El Mercado Actual</div> <h2>¿Por qué fallan la mayoría de las estrategias digitales?</h2> <p>Tener un buen producto ya no alcanza si tu maquinaria de adquisición y conversión no funciona.</p> </div> <!-- Aqui entra o Swipe-Mobile (Carrossel no celular) --> <div class="grid-3-cols swipe-mobile"> <div class="card-box reveal delay-1"> <div class="icon-prob"><svg><path d="M10 3H6a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h4M16 17m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0M16 17l4 4M14 3h4a2 2 0 0 1 2 2v5"/></svg></div> <h3>Fragmentación</h3> <p>Coordinar a diseñadores por un lado y a freelancers de pauta por otro destruye la coherencia de tu marca y mata la tasa de conversión.</p> </div> <div class="card-box reveal delay-2"> <div class="icon-prob"><svg><path d="M12 20v-8m0 0V4m0 8h8m-8 0H4"/></svg></div> <h3>Pauta sin Conversión</h3> <p>Invertir miles de pesos en Meta Ads o Google sin tener tu tienda online optimizada, es literalmente regalarle plata al algoritmo.</p> </div> <div class="card-box reveal delay-3"> <div class="icon-prob"><svg><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg></div> <h3>Sobrecarga Operativa</h3> <p>El fundador absorbe la gestión técnica de la tienda y la logística, perdiendo por completo el foco en vender y expandir el negocio.</p> </div> </div> </div> </section> <div class="visual-break reveal"> <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80" alt="Dashboard de métricas de E-commerce"> <div class="break-content"> <h2>"Si tu tienda no convierte al menos al 2%, estás perdiendo plata todos los días."</h2> <p>Nosotros unimos diseño de alta costura con ingeniería en performance. Un solo partner para todo tu crecimiento digital.</p> </div> </div> <section id="servicios"> <div class="wrap"> <div class="section-header reveal"> <div class="eyebrow">Soluciones Core</div> <h2>El ecosistema completo para liderar el mercado.</h2> </div> <!-- Swipe-Mobile --> <div class="grid-4-cols swipe-mobile"> <div class="card-box reveal"> <span class="serv-num">01 / E-COMMERCE</span> <h3>Desarrollo de Tiendas</h3> <p>Construcción de tiendas en Shopify y Tiendanube. Catálogo, pasarelas de pago y logística de envíos integrados a la perfección.</p> </div> <div class="card-box reveal delay-1"> <span class="serv-num">02 / TRÁFICO</span> <h3>Performance Ads</h3> <p>Campañas de adquisición en Meta Ads y Google Ads enfocadas estrictamente en mantener un costo por compra (CPA) rentable.</p> </div> <div class="card-box reveal delay-2"> <span class="serv-num">03 / FIDELIZACIÓN</span> <h3>CRM & Automation</h3> <p>Flujos automáticos de email y recuperación de carritos por WhatsApp para aumentar el valor de vida del cliente (LTV).</p> </div> <div class="card-serv card-box reveal delay-3"> <span class="serv-num">04 / MARCA</span> <h3>Branding & Identidad</h3> <p>ADN visual, diseño corporativo y creativos publicitarios de alto nivel que te permiten cobrar precios premium sin quejas.</p> </div> </div> </div> </section> <section id="gestion"> <div class="section-360 reveal"> <div class="grid-360"> <div class="copy-360"> <div class="eyebrow" style="color: var(--cian-neon);">Operación Delegada</div> <h2>Vos enfocáte en el producto. Nosotros lo vendemos.</h2> <p>Liberamos a los dueños de negocios de la pesadilla técnica para que puedan enfocarse en fabricar, crear y escalar.</p> <!-- ABAS INTERATIVAS (TABS) --> <div class="tabs-container"> <div class="tab-buttons"> <button class="tab-btn active" onclick="openTab(event, 'tab-1')">🚀 Aún no tengo e-commerce</button> <button class="tab-btn" onclick="openTab(event, 'tab-2')">📈 Ya tengo tienda activa</button> </div> <div id="tab-1" class="tab-content active"> <h4>Lanzamiento Integral</h4> <p>Hacemos el setup llave en mano. Desde la carga del primer producto y pasarela de pagos hasta que suena la notificación de tu primera venta online con anuncios.</p> </div> <div id="tab-2" class="tab-content"> <h4>Escalado y Optimización</h4> <p>Auditamos tu ecosistema actual, destrabamos el ROAS de tus anuncios, optimizamos el checkout y aplicamos nuestro método para escalar el volumen de facturación.</p> </div> </div> <a class="btn" style="background: var(--cian-neon); color: var(--azul-noche);" href="#contacto">Aplicar para Gestión 360°</a> </div> <div class="image-360"> <img src="https://images.unsplash.com/photo-1580828369062-850f49b1ce62?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" alt="Paquetes listos para envío en tienda online"> </div> </div> </div> </section> <section id="metodo" class="section-metodo"> <div class="wrap"> <div class="section-header reveal"> <div class="eyebrow">Nuestro ADN</div> <h2>El Método Novara.</h2> <p>Un proceso estructurado para escalar sin depender de la suerte.</p> </div> <!-- Swipe-Mobile --> <div class="grid-metodo swipe-mobile"> <div class="paso reveal"> <span>FASE 01</span> <h3>Diagnóstico</h3> <p>Revisión técnica de tus márgenes, ticket promedio y activos digitales.</p> </div> <div class="paso reveal delay-1"> <span>FASE 02</span> <h3>Estrategia</h3> <p>Definición del plan de acción, ofertas y canales de mayor rentabilidad.</p> </div> <div class="paso reveal delay-2"> <span>FASE 03</span> <h3>Setup Técnico</h3> <p>Construcción de la tienda, integración de envíos y píxeles de Meta/Google.</p> </div> <div class="paso reveal delay-3"> <span>FASE 04</span> <h3>Performance</h3> <p>Lanzamiento de anuncios. Monitoreo diario para asegurar el mejor ROAS posible.</p> </div> <div class="paso reveal delay-3"> <span>FASE 05</span> <h3>Escala</h3> <p>Con un modelo rentable, subimos la inversión publicitaria para dominar el sector.</p> </div> </div> </div> </section> <!-- FORMULARIO CORTO DE CAPTACIÓN --> <section id="contacto" class="cta-final reveal"> <div class="wrap"> <div class="cta-box"> <h2>¿Listo para que tu facturación despegue?</h2> <p>Dejanos tu email o teléfono y un especialista comercial se pondrá en contacto para analizar tu negocio.</p> <form class="input-group" action="https://wa.me/" method="get" target="_blank"> <input type="text" placeholder="Tu nombre" required> <input type="text" placeholder="Tu WhatsApp o Email" required> <button class="btn btn-primary" type="submit">Solicitar Análisis</button> </form> </div> </div> </section> </main> <footer> <div class="wrap foot-wrap"> <div> <strong>NOVARA</strong><br> <span style="font-size: 13px;">Growth, E-commerce & Performance</span> </div> <div style="text-align: right;"> Buenos Aires, Argentina<br> <span style="font-size: 13px;">© 2026 Novara Creative Agency</span> </div> </div> </footer> <!-- BOTÓN FLOTANTE MOBILE --> <div class="mobile-sticky-cta"> <a href="#contacto" class="btn">Chatear por WhatsApp</a> </div> <!-- SCRIPTS DE INTERACCIÓN (TABS & ANIMATIONS) --> <script> // Script para las Abas/Tabs de la Gestión 360 function openTab(evt, tabName) { let i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].className = tabcontent[i].className.replace(" active", ""); } tablinks = document.getElementsByClassName("tab-btn"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).className += " active"; evt.currentTarget.className += " active"; } // Script Scroll Reveal document.addEventListener("DOMContentLoaded", () => { const observerOptions = { root: null, rootMargin: "0px", threshold: 0.15 }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add("active"); observer.unobserve(entry.target); } }); }, observerOptions); document.querySelectorAll(".reveal").forEach(el => observer.observe(el)); }); </script> </body> </html>
Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary

7

Requests

4

Domains

198KB

Transfer Size

207KB

Content Size

271.0ms

Dom Content Loaded

384.0ms

First Paint

468.0ms

Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...