Crea una landing page en un único fichero HTML con CSS y JavaScript incluidos
para un servicio llamado SportNews que envía diariamente una noticia
personalizada sobre el deporte favorito del suscriptor.
La página debe incluir:
1. HEADER con el nombre SportNews y el tagline "Tu noticia deportiva cada día"
2. HERO con:
- Titular: "Empieza tu día con la noticia que te importa"
- Subtítulo: "Recibe cada mañana un resumen personalizado sobre tu deporte favorito"
- Botón CTA que haga scroll al formulario
3. SECCIÓN de deportes disponibles con 3 tarjetas:
- Fútbol (icono de balón)
- Baloncesto (icono de aro)
- Pádel (icono de raqueta)
Cada tarjeta con título y una línea descriptiva
4. FORMULARIO DE SUSCRIPCIÓN con los campos:
- Nombre (texto, obligatorio)
- Apellido (texto, obligatorio)
- Deporte favorito (desplegable con exactamente estas opciones: fútbol, baloncesto, pádel)
- Botón de envío naranja que diga "Suscribirme gratis"
El formulario debe enviar los datos con fetch() en formato JSON mediante POST
a esta URL: WEBHOOK_URL
Los campos del JSON deben llamarse exactamente: nombre, email, deporte
Si el envío es correcto: ocultar el formulario y mostrar mensaje verde
"¡Suscripción completada! Recibirás tu primera noticia en breve."
Si hay error: mostrar mensaje rojo "Ha habido un error. Inténtalo de nuevo."
5. FOOTER con "SportNews · Tu resumen deportivo personalizado · 2026"
REQUISITOS TÉCNICOS:
- Un único fichero .html sin ficheros externos
- CSS en etiqueta