🚀 ¡Gran pre-lanzamiento de la aplicación Yupee Go!

Llega a Aragua la aplicación que hará todo por ti en un solo clic

La plataforma definitiva de transportes y envíos en Palo Negro, Maracay y toda la región. ¡Asegura tu lugar antes del lanzamiento oficial!

¿Quieres ser comercio? ¿Quieres ser rider?

Comercios Aliados

120+

Restaurantes, farmacias y tiendas locales listos

Conductores Registrados

350+

Repartidores y conductores Baratico Express

La experiencia Yupee Go

Rider Uniformado
Flota Oficial

Uniformes e Identidad Única

Conductores identificados con chalecos reflectivos de alta visibilidad para máxima seguridad.

Hamburguesas y Restaurantes
Gastronomía

Tus antojos en minutos

Desde los mejores locales de comida rápida hasta tus restaurantes favoritos directo a tu puerta.

Aplicación móvil
Tecnología

Todo en un solo clic

Interfaz intuitiva optimizada, veloz y diseñada para conectar usuarios con comercios de forma fluida.

Zonas de Mayor Crecimiento

Visualiza dónde se están concentrando los registros de conductores y clientes en el estado Aragua.

ESTADO ARAGUA
📍 Palo Negro (Alta Demanda)
📍 Maracay (Centro Activo)

Registrar mi Comercio

Multiplica tus ventas y llega a miles de clientes.

Postular como Driver / Rider

Maneja tu tiempo, genera excelentes ingresos y tarifas.

Yupeego

INICIO



Guía de Activación – Yupee Go

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>La Experiencia Yupee Go</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <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=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0b0f19;
        }
        h1, h2, h3 {
            font-family: 'Poppins', sans-serif;
        }
    </style>
</head>
<body class="text-slate-200 min-h-screen p-4 md:p-8">

    <!-- Sección de Estadísticas Superiores -->
    <section class="max-w-4xl mx-auto grid grid-cols-2 gap-4 mb-12 mt-4">
        <div class="bg-slate-900/50 border border-slate-800/80 p-4 rounded-2xl text-center">
            <span class="block text-2xl md:text-3xl font-extrabold text-white">Más de 120</span>
            <span class="block text-[10px] md:text-xs text-slate-400 mt-1">Restaurantes, farmacias y tiendas locales listos</span>
        </div>
        <div class="bg-slate-900/50 border border-slate-800/80 p-4 rounded-2xl text-center">
            <span class="block text-2xl md:text-3xl font-extrabold text-white">Más de 350</span>
            <span class="block text-[10px] md:text-xs text-slate-400 mt-1">Repartidores y conductores Baratico Express</span>
        </div>
    </section>

    <!-- Título Principal -->
    <section class="max-w-4xl mx-auto text-center mb-10">
        <h1 class="text-3xl md:text-4xl font-extrabold text-white tracking-tight">
            La experiencia <span class="text-[#F2C12E]">Yupee Go</span>
        </h1>
    </section>

    <!-- Bloque de 3 Columnas (La Experiencia) -->
    <main class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
        
        <!-- Tarjeta 1: Flota Oficial (CON TU NUEVA FOTO ACTUALIZADA) -->
        <div class="relative flex flex-col justify-end p-6 rounded-2xl bg-slate-900 border border-slate-800 min-h-[340px] overflow-hidden group">
            <img src="https://yupeego.com/wp-content/uploads/2026/07/b4cd9a40-159e-4459-adc9-d28f3e9028a5.jpeg" alt="Jinete Uniformado" class="absolute inset-0 w-full h-full object-cover opacity-40 group-hover:opacity-50 transition-opacity duration-300">
            <div class="relative z-10">
                <span class="inline-block bg-[#F2C12E] text-black text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider mb-3">
                    Flota Oficial
                </span>
                <h3 class="text-lg font-bold text-white mb-1">Uniformes e Identidad Única</h3>
                <p class="text-slate-400 text-xs leading-relaxed">
                    Conductores identificados con chalecos reflectantes de alta visibilidad para máxima seguridad.
                </p>
            </div>
        </div>

        <!-- Tarjeta 2: Gastronomía -->
        <div class="relative flex flex-col justify-end p-6 rounded-2xl bg-slate-900 border border-slate-800 min-h-[340px] overflow-hidden group">
            <img src="https://images.unsplash.com/photo-1568901346375-23c9450c58cd?q=80&w=500" alt="Gastronomía" class="absolute inset-0 w-full h-full object-cover opacity-40 group-hover:opacity-50 transition-opacity duration-300">
            <div class="relative z-10">
                <span class="inline-block bg-orange-500 text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider mb-3">
                    Gastronomía
                </span>
                <h3 class="text-lg font-bold text-white mb-1">Tus antojos en minutos</h3>
                <p class="text-slate-400 text-xs leading-relaxed">
                    Desde los mejores locales de comida rápida hasta tus restaurantes favoritos directo a tu puerta.
                </p>
            </div>
        </div>

        <!-- Tarjeta 3: Tecnología -->
        <div class="relative flex flex-col justify-end p-6 rounded-2xl bg-slate-900 border border-slate-800 min-h-[340px] overflow-hidden group">
            <img src="https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?q=80&w=500" alt="Tecnología" class="absolute inset-0 w-full h-full object-cover opacity-30 group-hover:opacity-40 transition-opacity duration-300">
            <div class="relative z-10">
                <span class="inline-block bg-emerald-500 text-white text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider mb-3">
                    Tecnología
                </span>
                <h3 class="text-lg font-bold text-white mb-1">Todo en un solo clic</h3>
                <p class="text-slate-400 text-xs leading-relaxed">
                    Interfaz intuitiva optimizada, veloz y diseñada para conectar usuarios con comercios de forma fluida.
                </p>
            </div>
        </div>

    </main>

    <!-- Sección Zonas de Mayor Crecimiento -->
    <section class="max-w-4xl mx-auto text-center mb-12">
        <h2 class="text-2xl md:text-3xl font-bold text-white mb-2">Zonas de Mayor Crecimiento</h2>
        <p class="text-slate-400 text-xs md:text-sm max-w-xl mx-auto">
            Visualiza dónde se están concentrando los registros de conductores y clientes en el estado Aragua.
        </p>
        
        <!-- Mapa Simulado -->
        <div class="w-full bg-slate-900/40 border border-slate-800/80 rounded-2xl h-64 mt-6 relative overflow-hidden flex items-center justify-center">
            <div class="absolute text-slate-800 font-black text-4xl md:text-6xl tracking-widest uppercase opacity-20 select-none">
                ESTADO ARAGUA
            </div>
            <!-- Puntos de Demanda -->
            <div class="absolute top-1/3 left-1/2 -translate-x-12 flex flex-col items-center">
                <span class="w-3 h-3 bg-red-500 rounded-full animate-ping absolute"></span>
                <span class="w-3 h-3 bg-red-500 rounded-full relative"></span>
                <span class="bg-black/80 text-[9px] font-medium px-1.5 py-0.5 rounded border border-red-500/30 text-white mt-1 whitespace-nowrap">📍 Maracay (Centro Activo)</span>
            </div>
            <div class="absolute top-1/2 left-1/2 flex flex-col items-center">
                <span class="w-3 h-3 bg-[#F2C12E] rounded-full animate-ping absolute"></span>
                <span class="w-3 h-3 bg-[#F2C12E] rounded-full relative"></span>
                <span class="bg-black/80 text-[9px] font-medium px-1.5 py-0.5 rounded border border-[#F2C12E]/30 text-white mt-1 whitespace-nowrap">📍 Palo Negro (Alta Demanda)</span>
            </div>
        </div>
    </section>

    <!-- Formularios / Enlaces de Registro de abajo -->
    <section class="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
        <!-- Registro Comercio -->
        <div class="bg-slate-900 border border-slate-800 p-5 rounded-2xl flex items-start gap-4">
            <div class="bg-[#F2C12E]/10 text-[#F2C12E] p-3 rounded-xl border border-[#F2C12E]/10">
                <i class="fa-solid fa-store text-xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-white text-base">Registrar mi Comercio</h3>
                <p class="text-xs text-slate-400 mt-0.5 mb-2">Multiplica tus ventas y llega a millas de clientes.</p>
                <span class="text-[10px] text-slate-500 block uppercase tracking-wider font-semibold">Nombre del Establecimiento</span>
            </div>
        </div>

        <!-- Registro Conductor -->
        <div class="bg-slate-900 border border-slate-800 p-5 rounded-2xl flex items-start gap-4">
            <div class="bg-emerald-500/10 text-emerald-400 p-3 rounded-xl border border-emerald-500/10">
                <i class="fa-solid fa-motorcycle text-xl"></i>
            </div>
            <div>
                <h3 class="font-bold text-white text-base">Postular como Driver / Rider</h3>
                <p class="text-xs text-slate-400 mt-0.5 mb-1">Maneja tu tiempo, genera excelentes ingresos y tarifas.</p>
            </div>
        </div>
    </section>

</body>
</html>