<div class="mb-6">
<span class="text-xs bg-blue-500/20 text-blue-300 px-3 py-1 rounded-full font-semibold">Desarrollo Web</span>
<time class="text-xs text-slate-400 ml-2" datetime="2025-01-18">18 Enero 2025</time>
</div>
<h1 class="text-4xl md:text-5xl font-extrabold mb-6 text-white leading-tight">
Sitio Web vs Redes Sociales: ¿Por Qué Necesitas <span class="text-blue-400">la Sinergia</span> de Ambos?
</h1>
<p class="text-lg text-slate-300 mb-8">
No es uno u otro. Es cómo tu presencia web convierte la atención de las redes sociales en ingresos reales para tu empresa chilena.
</p>
<div class="flex items-center gap-4 text-sm text-slate-400">
<span>⏱️ 7 min lectura</span>
<span>🌐 Estrategia Omnicanal</span>
</div>
</div> <div class="glass border border-white/10 rounded-2xl p-8 mb-8">
<h2 class="text-2xl font-bold text-brand-400 mb-4">🤝 La Combinación Ganadora</h2>
<p>
Las redes sociales son el lugar para <strong>atraer</strong> y conectar. Tu sitio web es el lugar para <strong>vender</strong> y cerrar. Son los dos lados de la misma moneda.
</p>
<div class="grid md:grid-cols-2 gap-6 mt-6">
<div class="bg-blue-500/10 border border-blue-500/20 rounded-lg p-6">
<h3 class="text-blue-300 font-bold mb-2">Redes Sociales</h3>
<p class="text-xs text-slate-300">Generan comunidad, atención diaria y tráfico inicial. Son el "vitrineo" moderno.</p>
</div>
<div class="bg-purple-500/10 border border-purple-500/20 rounded-lg p-6">
<h3 class="text-purple-300 font-bold mb-2">Sitio Web</h3>
<p class="text-xs text-slate-300">Cierra ventas 24/7, da credibilidad y te permite ser dueño de tus propios datos.</p>
</div>
</div>
</div>
<h2 class="text-2xl font-bold text-brand-400 mt-12 mb-6">El Impacto en tus Ventas</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 font-bold text-white mb-1">40%</div>
<p class="text-xs text-slate-400">Más ventas con web propia</p>
</div>
<div class="bg-slate-800/40 border border-white/5 p-6 rounded-xl text-center">
<div class="text-2xl font-bold text-white mb-1">84%</div>
<p class="text-xs text-slate-400">Consumidores confían más en web</p>
</div>
<div class="bg-slate-800/40 border border-white/5 p-6 rounded-xl text-center">
<div class="text-2xl font-bold text-white mb-1">30%</div>
<p class="text-xs text-slate-400">Ahorro en soporte al cliente</p>
</div>
</div>
<div class="glass border border-brand-400/30 rounded-2xl p-8 my-12 text-center bg-gradient-to-r from-blue-900/20 to-purple-900/20">
<h3 class="text-2xl font-bold text-white mb-4">¿Tu web actual no está convirtiendo?</h3>
<p class="text-slate-300 mb-8">Diseñamos sitios web de alto rendimiento enfocados en resultados, no solo en estética.</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">
Cotizar mi Proyecto Web
</a>
</div>
</div>
</article>
</div>