test/issue_plans/opencode-issue-13.md

Piano

Obiettivo

Creare una pagina di contatti (contatti.html) coerente con il design esistente (glassmorphism, gradienti viola, font Inter), collegata alla pagina principale tramite un link di navigazione.

Task

1. Creare contatti.html — Nuova pagina HTML con stessa struttura CSS di index.html (gradienti, card glassmorphism, responsive). Contenuto: icona contatto, titolo "Contatti", sezione con info (email, telefono, indirizzo), link/bottone per tornare alla home.

   • File: contatti.html (nuovo)

2. Aggiungere navigazione in index.html — Inserire un link/bottone nella card che punta a contatti.html, mantenendo lo stile badge esistente.

   • File: index.html

3. Aggiornare Dockerfile — Aggiungere una riga COPY per servire anche contatti.html via nginx.

   • File: Dockerfile

Acceptance Criteria

• contatti.html esiste e contiene informazioni di contatto (email, telefono, indirizzo)
• La pagina di contatti usa lo stesso design system (gradienti #667eea→#764ba2, card glassmorphism, font Inter, border-radius: 24px)
• contatti.html è responsive (media query max-width: 480px)
• index.html contiene un link visibile che naviga a contatti.html
• contatti.html contiene un link per tornare alla home (index.html)
• Il Dockerfile copia entrambi i file HTML nella directory nginx
• La pagina è in italiano (lang="it")

Verifica

• Aprire index.html nel browser e verificare che il link alla pagina contatti sia visibile e cliccabile
• Verificare che contatti.html si apre correttamente con le info di contatto
• Verificare che il link "torna alla home" in contatti.html funziona
• Verificare il layout responsive ridimensionando la finestra sotto 480px
• Eseguire docker build -t test-app . per confermare che il build Docker riesce senza errori