<div class="mb-6">
<span class="text-xs bg-blue-500/20 text-blue-300 px-3 py-1 rounded-full font-semibold">Sistemas</span>
<time class="text-xs text-slate-400 ml-2" datetime="2025-01-16">16 Enero 2025</time>
</div>
<h1 class="text-4xl md:text-5xl font-extrabold mb-6 text-white leading-tight">
Sistemas de <span class="text-blue-400">Cotización y Reservas</span>: Automatiza tu Éxito
</h1>
<p class="text-lg text-slate-300 mb-8">
Olvídate de responder lo mismo 100 veces al día. Implementa sistemas inteligentes que trabajen por ti 24/7 y cierren ventas mientras duermes.
</p>
<div class="flex items-center gap-4 text-sm text-slate-400">
<span>⏱️ 8 min lectura</span>
<span>⚙️ Automatización</span>
</div>
</div> <div class="glass border border-white/10 rounded-2xl p-8 mb-8">
<h2 class="text-2xl font-bold text-blue-400 mb-4">⚙️ ¿Por Qué Automatizar Hoy?</h2>
<div class="grid md:grid-cols-2 gap-6 mt-6">
<div class="bg-red-500/10 border border-red-500/20 rounded-lg p-6">
<h3 class="text-red-300 font-semibold mb-2 text-sm uppercase">El Problema Manual</h3>
<ul class="text-xs text-slate-300 space-y-1">
<li>❌ Horas perdidas en mensajes</li>
<li>❌ Errores en precios/fechas</li>
<li>❌ Fuga de clientes por demora</li>
</ul>
</div>
<div class="bg-green-500/10 border border-green-500/20 rounded-lg p-6">
<h3 class="text-green-300 font-semibold mb-2 text-sm uppercase">La Solución Digital</h3>
<ul class="text-xs text-slate-300 space-y-1">
<li>✅ Respuestas instantáneas</li>
<li>✅ Pago y reserva inmediata</li>
<li>✅ Cero errores humanos</li>
</ul>
</div>
</div>
</div>
<h2 class="text-2xl font-bold text-brand-400 mt-12 mb-6">Tipos de Sistemas para tu Pyme</h2>
<div class="grid md:grid-cols-3 gap-6 my-8">
<div class="bg-slate-800/40 border border-white/5 p-6 rounded-xl text-center">
<div class="text-2xl mb-2">📋</div>
<h3 class="text-white font-bold mb-1">Cotizadores</h3>
<p class="text-xs text-slate-400">Para servicios con precios variables y PDF automático.</p>
</div>
<div class="bg-slate-800/40 border border-white/5 p-6 rounded-xl text-center">
<div class="text-2xl mb-2">📅</div>
<h3 class="text-white font-bold mb-1">Citas</h3>
<p class="text-xs text-slate-400">Calendario sincronizado para médicos, peluquerías y consultores.</p>
</div>
<div class="bg-slate-800/40 border border-white/5 p-6 rounded-xl text-center">
<div class="text-2xl mb-2">📦</div>
<h3 class="text-white font-bold mb-1">Reservas</h3>
<p class="text-xs text-slate-400">Control de stock e inventario para equipos o cabañas.</p>
</div>
</div>
<div class="glass border border-brand-400/30 rounded-2xl p-8 my-12 text-center">
<h3 class="text-3xl font-bold text-white mb-2">+40%</h3>
<p class="text-slate-300 mb-6 font-medium">Aumento promedio en ventas tras automatizar el proceso de cierre.</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="/contacto" class="px-8 py-4 rounded-xl bg-brand-500 text-white font-bold transition-all hover:scale-105">
Automatizar mi Negocio
</a>
</div>
</div>
</article>
</div>