<!-- zapppublicidad.es · portada · v4 -->
<section class="hero" data-inspect="section.hero">
  <p class="hero__eyebrow">Estudio de desarrollo web · Murcia</p>
  <h1 class="hero__title">
    No necesitas más funciones.
    Necesitas las <em>correctas.</em>
  </h1>
  <a class="btn" href="https://wa.me/34689325529" data-magnetic>
    Hablar por WhatsApp
  </a>
</section>
 
/* delante queda bonito */
.hero__title {
  font: 500 clamp(48px, 8.4vw, 148px) "Manrope";
  letter-spacing: -0.055em;
  line-height: 0.9;
}
.hero__title em { color: #eabf3f; }
 
// debajo se programa
const lente = new Lente(hero, { radio: 140 });
hero.addEventListener("pointermove", (e) => {
  lente.mover(e.clientX, e.clientY);
  inspeccionar(document.elementFromPoint(e.clientX, e.clientY));
});
 
async function proponer(negocio) {
  const res = await fetch("/api/asistente.php", {
    method: "POST",
    body: JSON.stringify({ negocio }),
  });
  return res.json(); // lo que sí, lo que no y cuánto
}
 
const web = crearWeb({ negocio: "tuyo", ciudad: "Murcia" });
if (cliente.necesita("reservas")) web.add(Reservas);
if (cliente.necesita("tienda"))   web.add(Shopify);
if (!cliente.necesita("app"))   web.skip("app"); // no se mete lo que sobra
 
await automatizar({
  cuando: "llega un WhatsApp",
  ia: "entiende qué pide",
  entonces: ["reserva el hueco", "te avisa al móvil"],
});
 
<?php // api/asistente.php · la clave nunca sale del servidor
$respuesta = gemini($prompt, ['formato' => 'json']);
echo json_encode($respuesta);
 
@media (prefers-reduced-motion: reduce) {
  /* si prefieres calma, todo se ve igual y sin movimiento */
}
 
export default web; // hecho a mano en Murcia por Rubén
 
/* contacto */
const whatsapp = "689 32 55 29";
const email    = "ruben@zapppublicidad.es";
const oficina  = "Plaza de la Iglesia, Cobatillas";