consultoria-as
b314a781a1
- Add /inventory-check endpoint for local pre-flight validation - Add /listings/validate endpoint using ML /items/validate API - Add /categories/<id>/attributes endpoint for required attrs - Add /listings/async + polling for background publishing via Celery - Editable preview: title (0/60 counter), price, stock per item - Pre-flight checks: image, stock, price, duplicate detection - Image upload directly from publish modal (uses existing /items/<id>/image) - Dynamic required attributes form based on selected ML category - Frontend: validate button, async polling with progress, detailed error display - Backend: build_item_payload supports custom_title, extra_attributes
310 lines
13 KiB
HTML
310 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" data-theme="industrial">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Nexus Autoparts — Sistema completo para refaccionarias</title>
|
|
<meta name="description" content="POS + Catalogo 1.5M+ partes + IA + Venta en linea. Todo lo que necesita una refaccionaria en una sola plataforma.">
|
|
<script>
|
|
(function(){
|
|
var t = localStorage.getItem('nexus-theme') || 'industrial';
|
|
document.documentElement.setAttribute('data-theme', t);
|
|
})();
|
|
</script>
|
|
<link rel="stylesheet" href="/static/css/tokens.css">
|
|
<link rel="stylesheet" href="landing.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ══════════ HEADER ══════════ -->
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<a href="/" class="logo">Nexus Autoparts</a>
|
|
<nav class="header-nav">
|
|
<a href="#product">Producto</a>
|
|
<a href="#how-it-works">Como Funciona</a>
|
|
<a href="#brands">Marcas</a>
|
|
<a href="#pricing">Planes</a>
|
|
<a href="#contact">Contacto</a>
|
|
</nav>
|
|
<div class="header-actions">
|
|
<button class="theme-toggle" onclick="toggleTheme()" title="Cambiar tema" id="themeToggle">
|
|
<span id="themeIcon">☾</span>
|
|
</button>
|
|
<a href="/catalog" class="btn btn-primary">Ver Catalogo</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- ══════════ HERO ══════════ -->
|
|
<section class="hero" id="hero">
|
|
<canvas id="heroCanvas"></canvas>
|
|
<div class="hero-content">
|
|
<h1 class="nx-reveal">Nexus Autoparts</h1>
|
|
<p class="subtitle nx-reveal">Todo lo que necesita una refaccionaria en una sola plataforma. POS, inventario, catalogo de partes, facturacion, venta en linea e inteligencia artificial.</p>
|
|
<div class="typewriter-line nx-reveal">
|
|
<span id="typewriterText"></span><span class="typewriter-cursor"></span>
|
|
</div>
|
|
<div class="hero-buttons nx-reveal">
|
|
<a href="/catalog" class="btn btn-primary btn-lg">Explorar Catalogo</a>
|
|
</div>
|
|
<div class="hero-stats nx-stagger">
|
|
<div class="stat-card nx-reveal">
|
|
<div class="number" data-target="1500000" data-suffix="+" data-format="1.5M">1.5M+</div>
|
|
<div class="label">Partes OEM</div>
|
|
</div>
|
|
<div class="stat-card nx-reveal">
|
|
<div class="number" data-target="304000" data-suffix="+" data-format="304K">304K+</div>
|
|
<div class="label">Aftermarket</div>
|
|
</div>
|
|
<div class="stat-card nx-reveal">
|
|
<div class="number" data-target="15800000" data-suffix="+" data-format="15.8M">15.8M+</div>
|
|
<div class="label">Cross-Refs</div>
|
|
</div>
|
|
<div class="stat-card nx-reveal">
|
|
<div class="number" data-target="36" data-suffix="" data-format="num">36</div>
|
|
<div class="label">Marcas</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ PRODUCT — 3 columns ══════════ -->
|
|
<div class="section-chrome" id="product">
|
|
<div class="chrome-dots"><span></span><span></span><span></span></div>
|
|
<span class="chrome-label">product.tsx</span>
|
|
<span class="chrome-star">✦</span>
|
|
</div>
|
|
<section class="product">
|
|
<div class="container">
|
|
<h2 class="section-title nx-reveal">El Producto</h2>
|
|
<p class="section-subtitle nx-reveal">Las 3 funcionalidades principales que hacen crecer tu refaccionaria</p>
|
|
<div class="product-grid nx-stagger">
|
|
|
|
<div class="product-card product-card--orange nx-reveal">
|
|
<h3>Catalogo Completo + POS + Inventario</h3>
|
|
<ul>
|
|
<li>Catalogo completo: 1.5M+ partes OEM y 304K+ aftermarket</li>
|
|
<li>Punto de venta completo con escaner y teclas rapidas</li>
|
|
<li>Inventario append-only con toma fisica y alertas de stock</li>
|
|
<li>Navegacion por vehiculo: Marca > Modelo > Ano > Motor</li>
|
|
<li>Decodificador VIN + busqueda por placas MX</li>
|
|
<li>Facturacion CFDI 4.0 integrada</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="product-card product-card--cyan nx-reveal">
|
|
<h3>Agente AI para WhatsApp</h3>
|
|
<ul>
|
|
<li>Atiende consultas de autopartes 24/7 automaticamente</li>
|
|
<li>Genera cotizaciones inteligentes desde la conversacion</li>
|
|
<li>Reconoce piezas por foto con Vision AI</li>
|
|
<li>Transcripcion de notas de voz a texto</li>
|
|
<li>Envia catalogos y cotizaciones directo al cliente</li>
|
|
<li>Reduce llamadas y aumenta conversiones</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="product-card product-card--green nx-reveal">
|
|
<h3>Vinculacion con Mercado Libre</h3>
|
|
<ul>
|
|
<li>Publica tu inventario en Mercado Libre en minutos</li>
|
|
<li>Sincronizacion automatica de stock y precios</li>
|
|
<li>Descarga ordenes y conviertelas en ventas del POS</li>
|
|
<li>Gestiona listados, preguntas y ventas desde un solo lugar</li>
|
|
<li>Empieza a vender en linea sin complicaciones</li>
|
|
<li>Mas canales, mas ventas, mismo inventario</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ HOW IT WORKS ══════════ -->
|
|
<div class="section-chrome" id="how-it-works">
|
|
<div class="chrome-dots"><span></span><span></span><span></span></div>
|
|
<span class="chrome-label">workflow.tsx</span>
|
|
<span class="chrome-star">✦</span>
|
|
</div>
|
|
<section class="how-it-works">
|
|
<div class="container">
|
|
<h2 class="section-title nx-reveal">Como Funciona</h2>
|
|
<div class="steps nx-stagger">
|
|
<div class="step nx-reveal">
|
|
<div class="step-number">1</div>
|
|
<h3>Instalamos el sistema</h3>
|
|
<p>Mini PC con el POS preinstalado. Solo conectar a internet y empezar a vender.</p>
|
|
</div>
|
|
<div class="step nx-reveal">
|
|
<div class="step-number">2</div>
|
|
<h3>Catalogo + Inventario</h3>
|
|
<p>Tu inventario conectado al catalogo de partes. Busca por vehiculo, parte o VIN.</p>
|
|
</div>
|
|
<div class="step nx-reveal">
|
|
<div class="step-number">3</div>
|
|
<h3>Vende y Crece</h3>
|
|
<p>POS, facturacion, venta en linea, WhatsApp e IA — todo desde un solo lugar.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ DIFFERENTIATOR ══════════ -->
|
|
<div class="section-chrome">
|
|
<div class="chrome-dots"><span></span><span></span><span></span></div>
|
|
<span class="chrome-label">competitive.tsx</span>
|
|
<span class="chrome-star">✦</span>
|
|
</div>
|
|
<section class="differentiator">
|
|
<div class="container">
|
|
<h2 class="section-title nx-reveal">Por que Nexus</h2>
|
|
<p class="section-subtitle nx-reveal">Lo que nos hace diferentes de Pitz, Meru, Jetz y los POS tradicionales</p>
|
|
<div class="diff-grid nx-stagger">
|
|
<div class="diff-card nx-reveal">
|
|
<div class="diff-icon">🔍</div>
|
|
<h4>Catalogo Completo</h4>
|
|
<p>1.5M+ partes con cross-references. Nadie mas lo tiene en MX.</p>
|
|
</div>
|
|
<div class="diff-card nx-reveal">
|
|
<div class="diff-icon">💰</div>
|
|
<h4>POS + CFDI integrado</h4>
|
|
<p>No necesitas un sistema aparte para facturar. Todo en uno.</p>
|
|
</div>
|
|
<div class="diff-card nx-reveal">
|
|
<div class="diff-icon">🤖</div>
|
|
<h4>IA + WhatsApp</h4>
|
|
<p>Chatbot que diagnostica, cotiza y atiende por WhatsApp.</p>
|
|
</div>
|
|
<div class="diff-card nx-reveal">
|
|
<div class="diff-icon">🚀</div>
|
|
<h4>Venta en Linea</h4>
|
|
<p>Conecta tu inventario con Mercado Libre y vende 24/7.</p>
|
|
</div>
|
|
<div class="diff-card nx-reveal">
|
|
<div class="diff-icon">🖥</div>
|
|
<h4>Hardware opcional</h4>
|
|
<p>Mini rack 3D con servidor. Disponible como add-on.</p>
|
|
</div>
|
|
<div class="diff-card nx-reveal">
|
|
<div class="diff-icon">🌐</div>
|
|
<h4>Offline-first</h4>
|
|
<p>Funciona sin internet. PWA + Android + modo kiosko.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ BRANDS MARQUEE ══════════ -->
|
|
<section class="brands-section" id="brands">
|
|
<div class="brands-header">
|
|
<div class="brands-label">36 Marcas</div>
|
|
<div class="marquee-track">
|
|
<div class="marquee-inner" id="brandsMarquee"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ PRICING ══════════ -->
|
|
<div class="section-chrome" id="pricing">
|
|
<div class="chrome-dots"><span></span><span></span><span></span></div>
|
|
<span class="chrome-label">pricing.tsx</span>
|
|
<span class="chrome-star">✦</span>
|
|
</div>
|
|
<section class="pricing">
|
|
<div class="container">
|
|
<h2 class="section-title nx-reveal">Planes</h2>
|
|
<p class="section-subtitle nx-reveal">Elige el plan que se ajuste a tu refaccionaria. Paga anual y ahorra 2 meses.</p>
|
|
<div class="pricing-grid nx-stagger">
|
|
<div class="pricing-card nx-reveal">
|
|
<h4>POS Basico</h4>
|
|
<div class="pricing-price">$650</div>
|
|
<div class="pricing-period">MXN / mes</div>
|
|
<ul>
|
|
<li>Punto de venta completo</li>
|
|
<li>Inventario y catalogo de partes</li>
|
|
<li>Facturacion CFDI 4.0</li>
|
|
<li>Reportes basicos</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-card featured nx-reveal">
|
|
<h4>Sistema Completo</h4>
|
|
<div class="pricing-price">$1,660</div>
|
|
<div class="pricing-period">MXN / mes</div>
|
|
<ul>
|
|
<li>Todo lo del POS Basico +</li>
|
|
<li>Agente AI para WhatsApp</li>
|
|
<li>Vinculacion con Mercado Libre</li>
|
|
<li>Sync automatico de stock y ordenes</li>
|
|
<li>Contabilidad automatica</li>
|
|
<li>Multi-sucursal y flotillas</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="pricing-note nx-reveal" style="text-align:center; margin-top:var(--space-6); font-size:var(--text-body-sm); color:var(--color-text-secondary);">
|
|
<p><strong>Paga anual y ahorra 2 meses.</strong> Aplica a meses sin intereses (MSI).</p>
|
|
</div>
|
|
<div class="pricing-grid nx-stagger" style="margin-top:var(--space-8);">
|
|
<div class="pricing-card nx-reveal" style="grid-column: 1 / -1; max-width: 600px; margin: 0 auto;">
|
|
<h4>Add-on: Mini Rack con Servidor</h4>
|
|
<div class="pricing-price">$3,000</div>
|
|
<div class="pricing-period">MXN / mes</div>
|
|
<ul>
|
|
<li>Mini PC con POS preinstalado</li>
|
|
<li>Switch + Access Point + UPS</li>
|
|
<li>Rack 3D personalizado</li>
|
|
<li>Solo conectar y empezar a vender</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ CONTACT ══════════ -->
|
|
<div class="section-chrome" id="contact">
|
|
<div class="chrome-dots"><span></span><span></span><span></span></div>
|
|
<span class="chrome-label">contact.tsx</span>
|
|
<span class="chrome-star">✦</span>
|
|
</div>
|
|
<section class="contact">
|
|
<div class="container">
|
|
<h2 class="section-title nx-reveal">Contacto</h2>
|
|
<div class="contact-grid nx-stagger">
|
|
<div class="contact-card nx-reveal">
|
|
<div class="contact-icon">✉</div>
|
|
<h4>Email</h4>
|
|
<a href="mailto:ivan@nexusautoparts.com.mx">ivan@nexusautoparts.com.mx</a>
|
|
</div>
|
|
<div class="contact-card nx-reveal">
|
|
<div class="contact-icon">📱</div>
|
|
<h4>WhatsApp</h4>
|
|
<a href="https://wa.me/526642170990" class="btn-whatsapp" target="_blank" rel="noopener">Enviar Mensaje</a>
|
|
</div>
|
|
<div class="contact-card nx-reveal">
|
|
<div class="contact-icon">📍</div>
|
|
<h4>Ubicaciones</h4>
|
|
<p>Tijuana, B.C.</p>
|
|
<p>Guadalajara, Jal.</p>
|
|
<p>6 ciudades en expansion</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ══════════ FOOTER ══════════ -->
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="footer-inner">
|
|
<div class="footer-info">
|
|
<span class="logo">Nexus Autoparts</span>
|
|
<p>© 2026 Nexus Autoparts — Consultoria AS. Todos los derechos reservados.</p>
|
|
</div>
|
|
<div class="footer-watermark" aria-hidden="true">NEXUS</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/landing.js"></script>
|
|
</body>
|
|
</html>
|