# Construirla con Claude

> Claude Code · Landing pages
> Fuente: https://magoallegri.com/cursos/claude-code/landing-pages/construirla-con-claude

---

Tenés la oferta escrita. Ahora el mismo loop del capítulo anterior: describí → preview → reaccioná → repetí.

![El loop aplicado a la landing: describís, preview, reaccionás, repetís](../_assets/M04-L04-loop-landing.webp)

---

## El prompt base

Pegá tu oferta real adentro de este prompt:

```
Construí una landing page de una sola pantalla con esta oferta:
[PEGÁ TU TITULAR, PROMESA, 3 BENEFICIOS Y CTA]

Estructura: hero con el titular + el botón principal arriba de todo, la promesa, 3
beneficios, un testimonio, una sección que responda la objeción principal, un FAQ
corto, y el mismo botón de nuevo al final. Sin barra de navegación. Pensada para
celular primero. Usá la skill de diseño de front-end. Mostrame la preview en vivo.
```

> ⚠️ Exigí que el CTA aparezca **arriba (sin scrollear) y al final**. Es lo que más mueve la conversión.

![Mockup de landing con el mismo botón arriba sin scrollear y al final](../_assets/M04-L04-cta-arriba-abajo.webp)

---

## Variante: página de lista de espera

Si todavía no tenés el producto listo:

```
Construí una landing de lista de espera para [PRODUCTO]. Un titular que genere
expectativa, una línea de qué es, 3 razones para anotarse, y un formulario de email
con un botón "Quiero entrar". Limpia, con foco total en el formulario. Preview en
vivo.
```

---

## Corré el loop

5 a 10 vueltas es normal:

- *"El gancho es débil, hacelo más concreto y con un número."*
- *"El botón no se ve arriba, subilo."*
- *"Demasiado texto en los beneficios, una línea cada uno."*

---

## 🟢 Mini-tarea

Construí tu landing con tu oferta real y corré el loop al menos 5 veces. Todavía falta conectar el formulario (próxima lección) y publicarla.