# 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