QRmet Negocios | Administra, cobra y vende mejor
<a href="#" class="logo">
<div class="logo-symbol">
QR
</div>
<div class="logo-name">
<div class="logo-text">met</div>
<small>NEGOCIOS</small>
</div>
</a>
<nav class="nav-links">
<a href="#funciones">Funciones</a>
<a href="#scanner">Escáner</a>
<a href="#mercadopago">Mercado Pago</a>
<a href="#modulos">Herramientas</a>
</nav>
<a class="btn btn-primary js-whatsapp"
href="#">
Solicitar demo
</a><div>
<div class="eyebrow">
Para negocios y emprendedores
</div>
<h1>
¿Todavía controlas
<span>tu negocio</span>
en libretas y Excel?
</h1>
<p class="hero-description">
Es momento de administrar tu negocio de una forma más fácil.
Controla ventas, inventario, costos, gastos, clientes,
proveedores y mucho más desde un solo lugar.
</p>
<div class="hero-actions">
<a href="#demo"
class="btn btn-primary">
Quiero conocer QRmet →
</a>
<a href="#funciones"
class="btn btn-outline">
Ver cómo funciona
</a>
</div>
<div class="hero-proof">
<span>
<b class="check">✓</b>
Fácil de utilizar
</span>
<span>
<b class="check">✓</b>
Desde celular o computadora
</span>
<span>
<b class="check">✓</b>
Información en tiempo real
</span>
</div>
</div>
<div style="position:relative;">
<div class="floating-card floating-two">
<span class="floating-icon">📊</span>
Información en tiempo real
</div>
<div class="dashboard-window">
<div class="browser-bar">
<span class="browser-dot"></span>
<span class="browser-dot"></span>
<span class="browser-dot"></span>
</div>
<div class="dashboard">
<div class="dash-card bg-teal">
<div class="dash-icon">▣</div>
<div class="dash-title">Panel Ventas</div>
<div class="dash-sub">Tiempo real</div>
</div>
<div class="dash-card bg-blue">
<div class="dash-icon">↗</div>
<div class="dash-title">Historial Ventas</div>
</div>
<div class="dash-card bg-orange">
<div class="dash-icon">☰</div>
<div class="dash-title">Productos</div>
</div>
<div class="dash-card bg-purple">
<div class="dash-icon">◔</div>
<div class="dash-title">Centro de Costos</div>
</div>
<div class="dash-card bg-dark">
<div class="dash-icon">▦</div>
<div class="dash-title">Inventario</div>
</div>
<div class="dash-card bg-green">
<div class="dash-icon">$</div>
<div class="dash-title">Cobranza</div>
</div>
<div class="dash-card bg-orange">
<div class="dash-icon">♙</div>
<div class="dash-title">Clientes</div>
</div>
<div class="dash-card bg-blue">
<div class="dash-icon">QR</div>
<div class="dash-title">Mercado Pago</div>
</div>
<div class="dash-card bg-teal">
<div class="dash-icon">🚚</div>
<div class="dash-title">Proveedores</div>
</div>
</div>
</div>
<div class="floating-card floating-one">
<span class="floating-icon">✓</span>
Todo en un solo lugar
</div>
</div><div class="old-system reveal">
<div class="excel-badge">
X
</div>
<div class="notebook">
<div class="notebook-title">
Ventas del día
</div>
<div class="notebook-line">
<span>Ventas</span>
<strong>$1,850</strong>
</div>
<div class="notebook-line">
<span>Gastos</span>
<strong>$630</strong>
</div>
<div class="notebook-line">
<span>Proveedores</span>
<strong>$920</strong>
</div>
<div class="notebook-line">
<span>Inventario</span>
<strong>¿?</strong>
</div>
<div class="notebook-line">
<span>Ganancia</span>
<strong>¿?</strong>
</div>
</div>
</div>
<div class="reveal">
<span class="eyebrow">
El problema
</span>
<h2 class="section-title" style="margin-top:20px;">
Tu negocio crece,
pero <span>administrarlo se complica.</span>
</h2>
<p class="section-text">
Cuando la información está en libretas, archivos, mensajes
y diferentes sistemas, tomar decisiones se vuelve más difícil.
</p>
<div class="pain-list">
<div class="pain-item">
<span class="pain-x">×</span>
Ventas por un lado
</div>
<div class="pain-item">
<span class="pain-x">×</span>
Gastos por otro
</div>
<div class="pain-item">
<span class="pain-x">×</span>
Inventario sin actualizar
</div>
<div class="pain-item">
<span class="pain-x">×</span>
Sin saber realmente cuánto estás ganando
</div>
</div>
</div><div class="section-heading reveal">
<span class="eyebrow">
Todo conectado
</span>
<h2 class="section-title"
style="margin-top:20px;">
Todo tu negocio
<span>en un solo lugar</span>
</h2>
<p class="section-text">
QRmet concentra las herramientas que necesitas para
vender, administrar y tener mayor control de tu operación.
</p>
</div>
<div class="features-grid">
<article class="feature-card green reveal">
<div class="feature-icon">▣</div>
<h3>
Ventas
</h3>
<p>
Registra tus ventas fácilmente y consulta lo que está
sucediendo en tu negocio en tiempo real.
</p>
</article>
<article class="feature-card blue reveal">
<div class="feature-icon">▦</div>
<h3>
Productos e inventario
</h3>
<p>
Administra productos, existencias y movimientos para
tener tu inventario siempre bajo control.
</p>
</article>
<article class="feature-card orange reveal">
<div class="feature-icon">$</div>
<h3>
Costos y gastos
</h3>
<p>
Identifica cuánto gastas, cuánto cuesta tu operación y
toma mejores decisiones sobre tus márgenes.
</p>
</article>
<article class="feature-card purple reveal">
<div class="feature-icon">♙</div>
<h3>
Clientes
</h3>
<p>
Organiza la información de tus clientes y conoce mejor
quién compra en tu negocio.
</p>
</article>
<article class="feature-card green reveal">
<div class="feature-icon">🚚</div>
<h3>
Proveedores
</h3>
<p>
Lleva un mejor control de tus proveedores,
compras y operación.
</p>
</article>
<article class="feature-card blue reveal">
<div class="feature-icon">💰</div>
<h3>
Cobranza
</h3>
<p>
Da seguimiento a tus cuentas por cobrar y mejora
la administración de tu flujo de efectivo.
</p>
</article>
</div><div class="scanner-demo reveal">
<div class="phone">
<div class="phone-screen">
<div class="phone-camera">
<div class="scan-frame">
<div class="barcode"></div>
</div>
</div>
<div class="phone-result">
<span class="success-pill">
✓ Producto detectado
</span>
<h4>
Producto agregado a la venta
</h4>
<p>
Escanea nuevamente o selecciona cantidad.
</p>
</div>
</div>
</div>
<div class="scanner-bubble">
⚡ Lectura rápida
</div>
</div>
<div class="reveal">
<span class="eyebrow">
Venta más rápida
</span>
<h2 class="section-title"
style="margin-top:20px;">
Lector de
<span>QR y código de barras</span>
integrado
</h2>
<p class="section-text">
Convierte tu celular o dispositivo compatible en una
herramienta para registrar productos rápidamente.
</p>
<div class="scanner-list">
<div>
<b class="check">✓</b>
Escanea el código del producto directamente desde la cámara.
</div>
<div>
<b class="check">✓</b>
Agrega productos automáticamente a la venta.
</div>
<div>
<b class="check">✓</b>
Selecciona cantidades rápidamente, por ejemplo x2, x3 o x4.
</div>
<div>
<b class="check">✓</b>
Reduce errores y agiliza la atención a tus clientes.
</div>
</div>
<div style="margin-top:30px;">
<a href="#demo"
class="btn btn-primary">
Quiero verlo funcionando →
</a>
</div>
</div><div class="payment-panel reveal">
<div>
<span class="eyebrow">
Cobros conectados
</span>
<h2 class="section-title"
style="margin-top:20px;">
Disponible con
<span>Mercado Pago</span>
</h2>
<p class="section-text">
Conecta tus cobros con tu operación y simplifica
el proceso de venta.
</p>
<div class="mp-logo">
<span class="mp-hand">
🤝
</span>
mercado pago
</div>
<div class="payment-methods">
<div class="method">
QR
</div>
<div class="method">
Link de pago
</div>
<div class="method">
Terminal
</div>
</div>
</div>
<div class="payment-visual">
<div class="terminal">
<div class="terminal-screen">
$250.00
</div>
<div class="terminal-buttons">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="payment-phone">
<div class="payment-screen">
<small>
Pago recibido
</small>
<div class="payment-check">
✓
</div>
<strong>
$250.00
</strong>
<p style="
margin-top:10px;
font-size:.7rem;
color:#697083;
">
Venta registrada
</p>
</div>
</div>
</div>
</div><div class="reveal">
<span class="eyebrow">
Una mejor experiencia
</span>
<h2 class="section-title"
style="margin-top:20px;">
Entrega
<span>recibo digital</span>
a tus clientes
</h2>
<p class="section-text">
Después de realizar una venta puedes entregar un
comprobante digital de manera práctica y profesional.
</p>
<div class="scanner-list">
<div>
<b class="check">✓</b>
Comprobante de compra.
</div>
<div>
<b class="check">✓</b>
Información clara de la operación.
</div>
<div>
<b class="check">✓</b>
Una experiencia más moderna para tus clientes.
</div>
<div>
<b class="check">✓</b>
Menos dependencia del papel.
</div>
</div>
</div>
<div class="receipt-card reveal">
<div class="receipt-brand">
QRmet
</div>
<h4>
¡Gracias por tu compra!
</h4>
<div style="margin-top:25px;">
<div class="receipt-row">
<span>Producto</span>
<strong>$180.00</strong>
</div>
<div class="receipt-row">
<span>Producto</span>
<strong>$70.00</strong>
</div>
<div class="receipt-row receipt-total">
<span>Total</span>
<strong>$250.00</strong>
</div>
</div>
<div class="receipt-sent">
✓ Recibo digital listo
</div>
</div><div class="section-heading reveal">
<span class="eyebrow">
Mucho más que un punto de venta
</span>
<h2 class="section-title"
style="margin-top:20px;">
Herramientas para
<span>hacer crecer tu negocio</span>
</h2>
</div>
<div class="module-grid">
<div class="module reveal">
<div class="module-icon">▣</div>
Ventas
</div>
<div class="module reveal">
<div class="module-icon">↗</div>
Historial de ventas
</div>
<div class="module reveal">
<div class="module-icon">▤</div>
Productos
</div>
<div class="module reveal">
<div class="module-icon">▦</div>
Inventario
</div>
<div class="module reveal">
<div class="module-icon">◔</div>
Centro de Costos
</div>
<div class="module reveal">
<div class="module-icon">🧾</div>
Gastos
</div>
<div class="module reveal">
<div class="module-icon">♙</div>
Clientes
</div>
<div class="module reveal">
<div class="module-icon">🚚</div>
Proveedores
</div>
<div class="module reveal">
<div class="module-icon">💰</div>
Cobranza
</div>
<div class="module reveal">
<div class="module-icon">CRM</div>
CRM
</div>
<div class="module reveal">
<div class="module-icon">AI</div>
Inteligencia Artificial
</div>
<div class="module reveal">
<div class="module-icon">🛍</div>
Tienda Virtual
</div>
<div class="module reveal">
<div class="module-icon">▥</div>
Panel Maestro
</div>
<div class="module reveal">
<div class="module-icon">QR</div>
Mercado Pago
</div>
<div class="module reveal">
<div class="module-icon">▤</div>
Recibos digitales
</div>
<div class="module reveal">
<div class="module-icon">▣</div>
Lector QR / Barras
</div>
</div><div class="section-heading reveal">
<span class="eyebrow">
Diseñado para crecer contigo
</span>
<h2 class="section-title"
style="margin-top:20px;">
QRmet es ideal
<span>para tu negocio</span>
</h2>
</div>
<div class="types-grid">
<div class="business-card reveal">
<div class="business-icon">
♙
</div>
<h4>
Emprendedores
</h4>
</div>
<div class="business-card reveal">
<div class="business-icon">
🍴
</div>
<h4>
Restaurantes
</h4>
</div>
<div class="business-card reveal">
<div class="business-icon">
☕
</div>
<h4>
Cafeterías
</h4>
</div>
<div class="business-card reveal">
<div class="business-icon">
🛍
</div>
<h4>
Tiendas
</h4>
</div>
<div class="business-card reveal">
<div class="business-icon">
↗
</div>
<h4>
Negocios en crecimiento
</h4>
</div>
</div><div class="section-heading reveal">
<h2 class="section-title">
Hazlo más fácil con
<span>QRmet</span>
</h2>
</div>
<div class="steps-grid">
<div class="step-card reveal">
<div class="step-number">
1
</div>
<h3>
Organiza tu operación
</h3>
<p>
Lleva ventas, productos, inventario, gastos,
clientes y proveedores en un solo sistema.
</p>
</div>
<div class="step-card reveal">
<div class="step-number">
2
</div>
<h3>
Cobra y controla mejor
</h3>
<p>
Simplifica tu proceso de venta y mantén
información clara y actualizada.
</p>
</div>
<div class="step-card reveal">
<div class="step-number">
3
</div>
<h3>
Haz crecer tu negocio
</h3>
<p>
Toma decisiones con información y herramientas
diseñadas para acompañar tu crecimiento.
</p>
</div>
</div><div class="cta reveal">
<div>
<span class="eyebrow"
style="
background:rgba(255,255,255,.12);
color:#fff;
">
Conoce QRmet
</span>
<h2 style="margin-top:20px;">
Tu negocio ya creció.
<br>
Tu forma de administrarlo
también puede hacerlo.
</h2>
<p>
Solicita una demostración y descubre cómo QRmet
puede ayudarte a tener mayor control de tu negocio.
</p>
<div class="cta-buttons">
<a href="#"
class="btn btn-white js-whatsapp">
💬 Solicitar demo por WhatsApp
</a>
<a href="https://qrmet.com"
class="btn"
style="
color:#fff;
border:1px solid rgba(255,255,255,.3);
">
Conocer QRmet
</a>
</div>
</div>
<div class="cta-mockup">
<!--
AQUÍ DESPUÉS PONDREMOS EL QR REAL
-->
<div class="qr-placeholder">
<div class="fake-qr"></div>
<strong>
Solicita una demo
</strong>
</div>
</div>
</div><div class="logo">
<div class="logo-symbol">
QR
</div>
<div class="logo-name">
<div class="logo-text">
met
</div>
<small>
NEGOCIOS
</small>
</div>
</div>
<div>
© <span id="year"></span> QRmet
</div>
<div class="footer-links">
<a href="https://qrmet.com">
qrmet.com
</a>
<a href="#demo">
Solicitar demo
</a>
</div>☎