sitio multipagina: inicio, servicios, proyectos, precios, contacto + style.css

2026-09-04 00:58:34 +00:00
parent f4cbff25f5
commit 6e8ef025f9
6 changed files with 251 additions and 126 deletions
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Servicios · Rafa IA</title>
+<meta name="description" content="Servicios de automatización con IA: WhatsApp, reportes, agenda, ventas y contenido.">
+<link rel="stylesheet" href="style.css">
+</head>
+<body>
+<header>
+  <div class="ancho">
+    <a class="logo" href="index.html">rafa<span>.</span>ia</a>
+    <nav>
+      <a href="index.html">Inicio</a>
+      <a href="servicios.html" class="activo">Servicios</a>
+      <a href="proyectos.html">Proyectos</a>
+      <a href="precios.html">Precios</a>
+      <a href="contacto.html">Contacto</a>
+    </nav>
+  </div>
+</header>
+<div class="ancho">
+  <div class="hero" style="padding:48px 0 24px">
+    <h1>Servicios de <span>automatización</span></h1>
+    <p class="sub">Todo queda funcionando en tus cuentas. Yo lo instalo, tú lo usas como siempre.</p>
+  </div>
+  <section>
+    <div class="rejilla">
+      <div class="tarjeta"><div class="icono">💬</div><h3>Atención al cliente 24/7</h3><p>Bot por WhatsApp que responde preguntas frecuentes, toma pedidos y deriva a ti solo lo importante.</p><div class="ejemplo">Ejemplo: peluquería que agenda sola mientras cortan el pelo.</div></div>
+      <div class="tarjeta"><div class="icono">📊</div><h3>Reportes automáticos</h3><p>Tus planillas se convierten en un resumen claro cada lunes en tu correo. Sin copiar ni pegar.</p><div class="ejemplo">Ejemplo: ventas de la semana en 1 correo, sin Excel manual.</div></div>
+      <div class="tarjeta"><div class="icono">📅</div><h3>Agenda y recordatorios</h3><p>Confirmación automática de citas por WhatsApp. Baja las inasistencias a la mitad.</p><div class="ejemplo">Ejemplo: clínica dental que confirma sola sus horas.</div></div>
+      <div class="tarjeta"><div class="icono">💰</div><h3>Seguimiento de ventas</h3><p>Si un cliente pregunta y no compra, el sistema le escribe a las 24h. Rescata ventas perdidas.</p><div class="ejemplo">Ejemplo: tienda que recupera 1 de cada 5 carritos.</div></div>
+      <div class="tarjeta"><div class="icono">📝</div><h3>Contenido con IA</h3><p>Publicaciones para Instagram o correos generados con tu estilo, listos para revisar y publicar.</p><div class="ejemplo">Ejemplo: 8 posts al mes desde 1 reunión de 30 min.</div></div>
+      <div class="tarjeta"><div class="icono">🔗</div><h3>Conexión de herramientas</h3><p>Uno tu WhatsApp, planillas, correo y agenda para que los datos viajen solos.</p><div class="ejemplo">Ejemplo: pedido por WhatsApp que llega solo a tu planilla.</div></div>
+    </div>
+    <div style="text-align:center;padding-bottom:48px"><div class="botones"><a class="btn btn-verde" href="contacto.html">Pedir diagnóstico gratis</a><a class="btn btn-borde" href="precios.html">Ver precios</a></div></div>
+  </section>
+</div>
+<footer>Rafa · Automatizaciones con IA · 2026</footer>
+</body>
+</html>