Crea una landing page che converte
Crea una landing page ad alta conversione
Una landing page di conversione combina un messaggio potente, benefici chiari, prova sociale e una call-to-action forte per convincere i visitatori ad agire—che si tratti di iscriversi, scaricare o acquistare.
In questa lezione costruirai una landing page di marketing completa con un titolo, una proposta di valore, tre card di benefici, una testimonianza di un cliente e una sezione CTA. Alla fine avrai una pagina professionale pronta a generare conversioni reali.
Istruzioni
Crea una sezione hero con un titolo h1 e un sottotitolo in un contenitore colorato (tag section con sfondo sfumato)
Suggerimento: Usa: `<section class="py-20 px-4 bg-gradient-to-r from-indigo-600 to-blue-600 text-white text-center"><h1 class="text-5xl font-bold mb-4">Titolo</h1><p class="text-xl">Sottotitolo</p></section>`
Aggiungi tre card di benefici in un layout a griglia. Ogni card ha un'emoji, il titolo del beneficio e una descrizione
Aggiungi una sezione testimonianza con un blockquote e nome/ruolo del cliente
Aggiungi una sezione CTA in fondo con un titolo h2, una descrizione e un pulsante grande
Assicurati che il layout sia responsive usando i breakpoint md: per la griglia e le dimensioni del testo
Il tuo codice
Descrivi ciò che vuoi creare per questo passaggio e scriverò il codice — poi clicca su Applica per inserirlo nel tuo editor. Questo passaggio: Crea una sezione hero con un titolo h1 e un sottotitolo in un contenitore colorato (tag section con sfondo sfumato)